Enumeration: UI

Defined in: packages/react-day-picker/src/UI.ts:9

Enum representing the UI elements composing DayPicker. These elements are mapped to CustomComponents, ClassNames, and Styles.

Some elements are extended by flags and modifiers.

Enumeration Members

Enumeration Member	Value	Description
CaptionLabel	"caption_label"	The caption label of the month (when not showing the dropdown navigation).
Chevron	"chevron"	The Chevron SVG element used by navigation buttons and dropdowns.
Day	"day"	The grid cell with the day's date. Extended by DayFlag and SelectionState.
DayButton	"day_button"	The button containing the formatted day's date, inside the grid cell.
Dropdown	"dropdown"	The dropdown element to select for years and months.
DropdownRoot	"dropdown_root"	The container element of the dropdown.
Dropdowns	"dropdowns"	The container of the dropdown navigation (when enabled).
Footer	"footer"	The root element of the footer.
Month	"month"	Wrapper of the month grid.
MonthCaption	"month_caption"	Contains the dropdown navigation or the caption label.
MonthGrid	"month_grid"	The month grid.
Months	"months"	The container of the displayed months.
MonthsDropdown	"months_dropdown"	The dropdown with the months.
Nav	"nav"	The navigation bar with the previous and next buttons.
NextMonthButton	"button_next"	The next month button in the navigation. * Since 9.1.0
PreviousMonthButton	"button_previous"	The previous month button in the navigation. Since 9.1.0
Root	"root"	The root component displaying the months and the navigation bar.
Week	"week"	The row containing the week.
Weekday	"weekday"	The column header with the weekday.
Weekdays	"weekdays"	The row grouping the weekdays in the column headers.
WeekNumber	"week_number"	The cell containing the week number.
WeekNumberHeader	"week_number_header"	The cell header of the week numbers column.
Weeks	"weeks"	The group of row weeks in a month (tbody).
YearsDropdown	"years_dropdown"	The dropdown with the years.