The name of the modifiers that are used internally by DayPicker.

Render a button HTML element applying the reset class name.

The DayPicker context shares the props passed to DayPicker within internal and custom components. It is used to set the default values and perform one-time calculations required to render the days.

The Focus context shares details about the focused day for the keyboard

The Navigation context shares details and methods to navigate the months in DayPicker. Access this context from the useNavigation hook.

The SelectMultiple context shares details about the selected days when in multiple selection mode.

The SelectRange context shares details about the selected days when in range selection mode.

The SelectSingle context shares details about the selected days when in single selection mode.

Add a day to an existing range.

Render the caption of a month. The caption has a different layout when setting the DayPickerBase.captionLayout prop.

Render a caption with the dropdowns to navigate between months and years.

Render the caption for the displayed month. This component is used when captionLayout="buttons".

Render a caption with a button-based navigation.

The content of a day cell – as a button or span element according to its modifiers.

Render the content of the day cell.

DayPicker render a date picker component to let users pick dates from a calendar. See http://react-day-picker.js.org for updated documentation and examples.

The provider for the DayPickerContext, assigning the defaults from the initial DayPicker props.

Render a styled select component – displaying a caption and a custom drop-down icon.

The provider for the FocusContext.

Render the Footer component (empty as default).

Render the table head.

Render the HeadRow component - i.e. the table head row with the weekday names.

Render the icon in the styled drop-down.

Render the "previous month" button in the navigation.

Render the "next month" button in the navigation.

Returns true if value is of type DateAfter.

Returns true if value is of type DateBefore.

Returns true if matcher is of type DateInterval.

Returns true if value is a DateRange type.

Returns true if value is a DayOfWeek type.

Returns true when the props are of type DayPickerDefaultProps.

Returns true when the props are of type DayPickerMultipleProps.

Returns true when the props are of type DayPickerRangeProps.

Returns true when the props are of type DayPickerSingleProps.

Returns whether a day matches against at least one of the given Matchers.

Render the wrapper for the month grids.

Provides the values for the NavigationContext.

Provide the value for all the context providers.

Render a row in the calendar, with the days and the week number.

Provides the values for the SelectMultipleContext.

Provides the values for the SelectRangeProvider.

Provides the values for the SelectSingleProvider.

Return the active modifiers for the specified day.

Hook to access the DayPickerContextValue.

Return props and data used to render the Day component.

Hook to access the FocusContextValue. Use this hook to handle the focus state of the elements.

Return props and setters for binding an input field to DayPicker.

Hook to access the NavigationContextValue. Use this hook to navigate between months or years in DayPicker.

Hook to access the SelectMultipleContextValue.

Hook to access the SelectRangeContextValue.

Hook to access the SelectSingleContextValue.

Render the week number element. If onWeekNumberClick is passed to DayPicker, it renders a button, otherwise a span element.

The props for the CaptionLabel component.

Represent the props of the Caption component.

Map of the components that can be changed using the components prop.

Represent the props for the DayContent component.

The base props for the DayPicker component and the DayPickerContext.

The value of the DayPickerContext extends the props from DayPicker with default and cleaned up values.

The props for the DayPicker component when using mode="default" or undefined.

The props for the DayPicker component when using mode="multiple".

The props for the DayPickerProvider.

The props for the DayPicker component when using mode="range".

The props for the DayPicker component when using mode="single".

Represent the props used by the Day component.

The props for the Dropdown component.

Represents the value of the NavigationContext.

The props for the Row component.

Represents the value of a SelectMultipleContext.

Represents the value of a SelectRangeContext.

Represents the value of a SelectSingleContext.

Represent the value returned by useInput.

The props for the WeekNumber component.

The modifiers that are matching a day in the calendar. Use the useActiveModifiers hook to get the modifiers for a day.

The props for the Button component.

The layout of the caption:

The class names of each element.

A map of matchers used as custom modifiers by DayPicker component. This is the same as DayModifiers]], | but it accepts only array of [[Matchers.

A matcher to match a day falling after the specified date, with the date not included.

A matcher to match a day falling before the specified date, with the date not included.

Represents a function to format a date.

A matcher to match a day falling before and/or after two dates, where the dates are not included.

A matcher to match a range of dates. The range can be open. Differently from DateInterval, the dates here are included.

The event handler when a day is clicked.

The event handler when a day is focused.

The event handler when a day gets a keyboard event.

Return the ARIA label for the Day component.

The custom modifiers passed to the DayPickerBase.modifiers.

The event handler when a day gets a mouse event.

A matcher to match a date being one of the specified days of the week (0-6, where 0 is Sunday).

The event handler when a day gets a pointer event.

Selection modes supported by DayPicker.

The event handler when a day gets a touch event.

Represents the value of the FocusContext.

Represent a map of formatters used to render localized content.

The props to attach to the DayPicker component when using useInput.

The props to attach to the input field when using useInput.

Map of matchers used for the internal modifiers.

These elements must not be in the styles or classNames records as they are styled via the modifiersStyles or modifiersClassNames pop

Map of functions to translate ARIA labels for the relative elements.

A value or a function that matches a specific day.

A modifier represents different styles or states of a day displayed in the calendar.

The modifiers used by DayPicker.

The classnames to assign to each day element matching a modifier.

The style to apply to each day element matching a modifier.

The event handler when a month is changed in the calendar.

The props for the Months component.

Return the ARIA label for the "next month" / "prev month" buttons in the navigation.

The props of RootProvider.

The event handler when selecting multiple days.

Represent the modifiers that are changed by the multiple selection.

The event handler when selecting a range of days.

Represent the modifiers that are changed by the range selection.

The event handler when selecting a single day.

Props of a component that can be styled via classNames or inline-styles.

The style (either via class names or via in-line styles) of an element.

The inline-styles of each styled element, to use with the styles prop. Day modifiers, such as today or hidden, should be styled using the modifiersStyles prop.

Return the ARIA label for the Head component.

The event handler when the week number is clicked.

Represent a function to format the week number.

Return the ARIA label of the week number.