Customization Props
Adjust the calendar’s look and layout with these appearance props.
| Prop Name | Type | Description |
|---|---|---|
captionLayout | "label""dropdown""dropdown-months""dropdown-years" | Choose the layout of the month caption. Default is label. See Caption and Navigation Layouts. |
reverseYears | boolean | Reverse the order of the years in the dropdown. See Caption and Navigation Layouts. |
navLayout | "around" | "after" | Adjust the positioning of the navigation buttons. See Caption and Navigation Layouts. |
disableNavigation | boolean | Disable navigating between months. See Caption and Navigation Layouts. |
hideNavigation | boolean | Hide the navigation bar. See Caption and Navigation Layouts. |
animate | boolean | Animate month transitions. See Months Navigation. |
fixedWeeks | boolean | Display 6 weeks per month. See Grid and Months. |
footer | ReactNode | string | Add a footer to the calendar, acting as a live region. See Week Numbers and Footer. |
hideWeekdays | boolean | Hide the row displaying the weekday names. See Grid and Months. |
numberOfMonths | number | The number of displayed months. Default is 1. See Grid and Months. |
reverseMonths | boolean | When displaying multiple months, reverse the order of the months. See Grid and Months. |
pagedNavigation | boolean | Enable paginated navigation when displaying multiple months. See Grid and Months. |
showOutsideDays | boolean | Display the days falling into other months. See Grid and Months. |
showWeekNumber | boolean | Display the column with the week numbers. |