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.