react-day-picker 8.8.2 → 8.9.0

package/README.md

@@ -45,14 +45,14 @@ yarn add react-day-picker date-fns     # using yarn
 ## Example
 
 ```tsx
-import React from 'react';
-
+import { useState } from 'react';
 import { format } from 'date-fns';
+
 import { DayPicker } from 'react-day-picker';
 import 'react-day-picker/dist/style.css';
 
 export default function Example() {
-  const [selected, setSelected] = React.useState<Date>();
+  const [selected, setSelected] = useState<Date>();
 
   let footer = <p>Please pick a day.</p>;
   if (selected) {

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { Locale as Locale$1 } from 'date-fns';
-import React$1, { ReactNode, HTMLProps } from 'react';
+import * as react from 'react';
+import { CSSProperties, ReactNode, SelectHTMLAttributes, ChangeEventHandler, PropsWithChildren, MouseEvent, FocusEvent, KeyboardEvent, PointerEvent, TouchEvent, InputHTMLAttributes, HTMLProps, RefObject } from 'react';
 
 /** Represent the props of the {@link Caption} component. */
 interface CaptionProps {
@@ -171,7 +172,7 @@ type InternalModifiers = Record<InternalModifier, Matcher[]>;
  * */
 type ActiveModifiers = Record<Modifier, true> & Partial<Record<InternalModifier, true>>;
 /** The style to apply to each day element matching a modifier. */
-type ModifiersStyles = Record<Modifier, React.CSSProperties> & Partial<Record<InternalModifier, React.CSSProperties>>;
+type ModifiersStyles = Record<Modifier, CSSProperties> & Partial<Record<InternalModifier, CSSProperties>>;
 /** The classnames to assign to each day element matching a modifier. */
 type ModifiersClassNames = Record<Modifier, string> & Partial<Record<InternalModifier, string>>;
 /** The custom modifiers passed to the {@link DayPickerBase.modifiers}. */
@@ -199,14 +200,14 @@ interface DropdownProps {
     /** The name attribute of the element. */
     name?: string;
     /** The caption displayed to replace the hidden select. */
-    caption?: React$1.ReactNode;
-    children?: React$1.SelectHTMLAttributes<HTMLSelectElement>['children'];
+    caption?: ReactNode;
+    children?: SelectHTMLAttributes<HTMLSelectElement>['children'];
     className?: string;
     ['aria-label']?: string;
-    style?: React$1.CSSProperties;
+    style?: CSSProperties;
     /** The selected value. */
     value?: string | number;
-    onChange?: React$1.ChangeEventHandler<HTMLSelectElement>;
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
 }
 /**
  * Render a styled select component – displaying a caption and a custom
@@ -221,6 +222,13 @@ interface FooterProps {
 /** Render the Footer component (empty as default).*/
 declare function Footer(props: FooterProps): JSX.Element;
 
+/** The props for the {@link Months} component. */
+type MonthsProps = PropsWithChildren;
+/**
+ * Render the wrapper for the mont grids.
+ */
+declare function Months(props: MonthsProps): JSX.Element;
+
 /**
  * The props for the {@link Row} component.
  */
@@ -251,15 +259,15 @@ interface WeekNumberProps {
 declare function WeekNumber(props: WeekNumberProps): JSX.Element;
 
 /** The event handler when a day is clicked. */
-type DayClickEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: React.MouseEvent) => void;
+type DayClickEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: MouseEvent) => void;
 /** The event handler when a day is focused. */
-type DayFocusEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: React.FocusEvent | React.KeyboardEvent) => void;
+type DayFocusEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: FocusEvent | KeyboardEvent) => void;
 /** The event handler when a day gets a keyboard event. */
-type DayKeyboardEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: React.KeyboardEvent) => void;
+type DayKeyboardEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: KeyboardEvent) => void;
 /** The event handler when a day gets a mouse event. */
-type DayMouseEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: React.MouseEvent) => void;
+type DayMouseEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: MouseEvent) => void;
 /** The event handler when a day gets a pointer event. */
-type DayPointerEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: React.PointerEvent) => void;
+type DayPointerEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: PointerEvent) => void;
 /** The event handler when a month is changed in the calendar. */
 type MonthChangeEventHandler = (month: Date) => void;
 /** The event handler when selecting multiple days. */
@@ -271,7 +279,7 @@ selectedDay: Date,
 /** The day that was clicked */
 activeModifiers: ActiveModifiers, 
 /** The mouse event that triggered this event. */
-e: React.MouseEvent) => void;
+e: MouseEvent) => void;
 /** The event handler when selecting a range of days. */
 type SelectRangeEventHandler = (
 /** The current range of the selected days. */
@@ -279,7 +287,7 @@ range: DateRange | undefined,
 /** The day that was selected (or clicked) triggering the event. */
 selectedDay: Date, 
 /** The modifiers of the selected day. */
-activeModifiers: ActiveModifiers, e: React.MouseEvent) => void;
+activeModifiers: ActiveModifiers, e: MouseEvent) => void;
 /** The event handler when selecting a single day. */
 type SelectSingleEventHandler = (
 /** The selected day, `undefined` when `required={false}` (default) and the day is clicked again. */
@@ -287,7 +295,7 @@ day: Date | undefined,
 /** The day that was selected (or clicked) triggering the event. */
 selectedDay: Date, 
 /** The modifiers of the selected day. */
-activeModifiers: ActiveModifiers, e: React.MouseEvent) => void;
+activeModifiers: ActiveModifiers, e: MouseEvent) => void;
 /**The event handler when the week number is clicked. */
 type WeekNumberClickEventHandler = (
 /** The week number that has been clicked. */
@@ -295,14 +303,14 @@ weekNumber: number,
 /** The dates in the clicked week. */
 dates: Date[], 
 /** The mouse event that triggered this event. */
-e: React.MouseEvent) => void;
+e: MouseEvent) => void;
 /** The event handler when a day gets a touch event. */
-type DayTouchEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: React.TouchEvent) => void;
+type DayTouchEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: TouchEvent) => void;
 
 /** Represents a function to format a date. */
 type DateFormatter = (date: Date, options?: {
     locale?: Locale;
-}) => React$1.ReactNode;
+}) => ReactNode;
 /** Represent a map of formatters used to render localized content. */
 type Formatters = {
     /** Format the month in the caption when `captionLayout` is `buttons`. */
@@ -321,7 +329,7 @@ type Formatters = {
 /** Represent a function to format the week number. */
 type WeekNumberFormatter = (weekNumber: number, options?: {
     locale?: Locale;
-}) => React$1.ReactNode;
+}) => ReactNode;
 
 /** Map of functions to translate ARIA labels for the relative elements. */
 type Labels = {
@@ -352,7 +360,7 @@ type WeekNumberLabel = (n: number, options?: {
 }) => string;
 
 /** The style (either via class names or via in-line styles) of an element. */
-type StyledElement<T = string | React$1.CSSProperties> = {
+type StyledElement<T = string | CSSProperties> = {
     /** The root element. */
     readonly root: T;
     /** The root element when `numberOfMonths > 1`. */
@@ -445,12 +453,12 @@ type ClassNames = Partial<StyledElement<string>>;
  * modifiers, such as `today` or `hidden`, should be styled using the
  * `modifiersStyles` prop.
  */
-type Styles = Partial<Omit<StyledElement<React$1.CSSProperties>, InternalModifiersElement>>;
+type Styles = Partial<Omit<StyledElement<CSSProperties>, InternalModifiersElement>>;
 /** Props of a component that can be styled via classNames or inline-styles. */
 type StyledComponent = {
     className?: string;
-    style?: React$1.CSSProperties;
-    children?: React$1.ReactNode;
+    style?: CSSProperties;
+    children?: ReactNode;
 };
 
 /**
@@ -486,7 +494,7 @@ interface DayPickerBase {
     /**
      * Style to apply to the container element.
      */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /**
      * Change the inline styles of the HTML elements.
      */
@@ -643,7 +651,7 @@ interface DayPickerBase {
     /**
      * Content to add to the table footer element.
      */
-    footer?: React.ReactNode;
+    footer?: ReactNode;
     /**
      * When a selection mode is set, DayPicker will focus the first selected day
      * (if set) or the today's date (if not disabled).
@@ -685,33 +693,98 @@ interface DayPickerBase {
      * ARIA labels attributes.
      */
     labels?: Partial<Labels>;
+    /**
+     * A map of formatters. Use the formatters to override the default formatting
+     * functions.
+     */
+    formatters?: Partial<Formatters>;
     /**
      * The text direction of the calendar. Use `ltr` for left-to-right (default)
      * or `rtl` for right-to-left.
      */
-    dir?: string;
+    dir?: HTMLDivElement['dir'];
     /**
-     * A map of formatters. Use the formatters to override the default formatting
-     * functions.
+     * A cryptographic nonce ("number used once") which can be used by Content
+     * Security Policy for the inline `style` attributes.
+     **/
+    nonce?: HTMLDivElement['nonce'];
+    /**
+     * Add a `title` attribute to the container element.
+     **/
+    title?: HTMLDivElement['title'];
+    /**
+     * Add the language tag to the container element.
+     **/
+    lang?: HTMLDivElement['lang'];
+    /**
+     * Event callback fired when the next month button is clicked.
+     */
+    onNextClick?: MonthChangeEventHandler;
+    /**
+     * Event callback fired when the previous month button is clicked.
+     */
+    onPrevClick?: MonthChangeEventHandler;
+    /**
+     * Event callback fired when the week number is clicked. Requires
+     * `showWeekNumbers` set.
+     */
+    onWeekNumberClick?: WeekNumberClickEventHandler;
+    /**
+     * Event callback fired when the user clicks on a day.
      */
-    formatters?: Partial<Formatters>;
     onDayClick?: DayClickEventHandler;
+    /**
+     * Event callback fired when the user focuses on a day.
+     */
     onDayFocus?: DayFocusEventHandler;
+    /**
+     * Event callback fired when the user blurs from a day.
+     */
     onDayBlur?: DayFocusEventHandler;
+    /**
+     * Event callback fired when the user hovers on a day.
+     */
     onDayMouseEnter?: DayMouseEventHandler;
+    /**
+     * Event callback fired when the user hovers away from a day.
+     */
     onDayMouseLeave?: DayMouseEventHandler;
+    /**
+     * Event callback fired when the user presses a key on a day.
+     */
     onDayKeyDown?: DayKeyboardEventHandler;
+    /**
+     * Event callback fired when the user presses a key on a day.
+     */
     onDayKeyUp?: DayKeyboardEventHandler;
+    /**
+     * Event callback fired when the user presses a key on a day.
+     */
     onDayKeyPress?: DayKeyboardEventHandler;
+    /**
+     * Event callback fired when the pointer enters a day.
+     */
     onDayPointerEnter?: DayPointerEventHandler;
+    /**
+     * Event callback fired when the pointer leaves a day.
+     */
     onDayPointerLeave?: DayPointerEventHandler;
+    /**
+     * Event callback when a day touch event is canceled.
+     */
     onDayTouchCancel?: DayTouchEventHandler;
+    /**
+     * Event callback when a day touch event ends.
+     */
     onDayTouchEnd?: DayTouchEventHandler;
+    /**
+     * Event callback when a day touch event moves.
+     */
     onDayTouchMove?: DayTouchEventHandler;
+    /**
+     * Event callback when a day touch event starts.
+     */
     onDayTouchStart?: DayTouchEventHandler;
-    onNextClick?: MonthChangeEventHandler;
-    onPrevClick?: MonthChangeEventHandler;
-    onWeekNumberClick?: WeekNumberClickEventHandler;
 }
 /**
  * Map of the components that can be changed using the `components` prop.
@@ -731,7 +804,7 @@ interface CustomComponents {
      * Each `Day` in DayPicker should render one of the following, according to
      * the return value of {@link useDayRender}.
      *
-     * - an empty `React.Fragment`, to render if `isHidden` is true
+     * - an empty `Fragment`, to render if `isHidden` is true
      * - a `button` element, when the day is interactive, e.g. is selectable
      * - a `div` or a `span` element, when the day is not interactive
      *
@@ -753,6 +826,8 @@ interface CustomComponents {
     IconRight?: (props: StyledComponent) => JSX.Element | null;
     /** The arrow left icon (used for the Navigation buttons). */
     IconLeft?: (props: StyledComponent) => JSX.Element | null;
+    /** The component wrapping the month grids. */
+    Months?: (props: MonthsProps) => JSX.Element | null;
     /** The component for the table rows. */
     Row?: (props: RowProps) => JSX.Element | null;
     /** The component for the week number in the table rows. */
@@ -823,7 +898,7 @@ interface DayPickerContextValue extends DayPickerBase {
  *
  * Access to this context from the {@link useDayPicker} hook.
  */
-declare const DayPickerContext: React$1.Context<DayPickerContextValue | undefined>;
+declare const DayPickerContext: react.Context<DayPickerContextValue | undefined>;
 /** The props for the {@link DayPickerProvider}. */
 interface DayPickerProviderProps {
     /** The initial props from the DayPicker component. */
@@ -951,7 +1026,7 @@ declare function DayPicker(props: DayPickerDefaultProps | DayPickerSingleProps |
 /** The props for the {@link Button} component. */
 type ButtonProps = JSX.IntrinsicElements['button'];
 /** Render a button HTML element applying the reset class name. */
-declare const Button: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Render a caption with the dropdowns to navigate between months and years.
@@ -987,7 +1062,7 @@ declare function IconRight(props: StyledComponent): JSX.Element;
 declare function IconLeft(props: StyledComponent): JSX.Element;
 
 /** The props to attach to the input field when using {@link useInput}. */
-type InputHTMLAttributes = Pick<React$1.InputHTMLAttributes<HTMLInputElement>, 'onBlur' | 'onChange' | 'onFocus' | 'value' | 'placeholder'>;
+type InputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'onBlur' | 'onChange' | 'onFocus' | 'value' | 'placeholder'>;
 /** The props to attach to the DayPicker component when using {@link useInput}. */
 type InputDayPickerProps = Pick<DayPickerSingleProps, 'fromDate' | 'toDate' | 'locale' | 'month' | 'onDayClick' | 'onMonthChange' | 'selected' | 'today'>;
 interface UseInputOptions extends Pick<DayPickerBase, 'locale' | 'fromDate' | 'toDate' | 'fromMonth' | 'toMonth' | 'fromYear' | 'toYear' | 'today'> {
@@ -1008,7 +1083,7 @@ interface UseInputValue {
     /** The props to pass to a DayPicker component. */
     dayPickerProps: InputDayPickerProps;
     /** The props to pass to an input field. */
-    inputProps: InputHTMLAttributes;
+    inputProps: InputProps;
     /** A function to reset to the initial state. */
     reset: () => void;
     /** A function to set the selected day. */
@@ -1047,7 +1122,7 @@ day: Date,
 /** The month where the date is displayed (if not the same as `date`, it means it is an "outside" day). */
 displayMonth: Date, 
 /** A ref to the button element that will be target of focus when rendered (if required). */
-buttonRef: React$1.RefObject<HTMLButtonElement>): DayRender;
+buttonRef: RefObject<HTMLButtonElement>): DayRender;
 
 /**
  * Return the active modifiers for the specified day.
@@ -1094,11 +1169,10 @@ type FocusContextValue = {
  *
  * Access this context from the {@link useFocusContext} hook.
  */
-declare const FocusContext: React$1.Context<FocusContextValue | undefined>;
+declare const FocusContext: react.Context<FocusContextValue | undefined>;
+type FocusProviderProps = PropsWithChildren;
 /** The provider for the {@link FocusContext}. */
-declare function FocusProvider(props: {
-    children: ReactNode;
-}): JSX.Element;
+declare function FocusProvider(props: FocusProviderProps): JSX.Element;
 /**
  * Hook to access the {@link FocusContextValue}. Use this hook to handle the
  * focus state of the elements.
@@ -1128,7 +1202,7 @@ interface NavigationContextValue {
  * The Navigation context shares details and methods to navigate the months in DayPicker.
  * Access this context from the {@link useNavigation} hook.
  */
-declare const NavigationContext: React$1.Context<NavigationContextValue | undefined>;
+declare const NavigationContext: react.Context<NavigationContextValue | undefined>;
 /** Provides the values for the {@link NavigationContext}. */
 declare function NavigationProvider(props: {
     children?: ReactNode;
@@ -1142,9 +1216,7 @@ declare function NavigationProvider(props: {
 declare function useNavigation(): NavigationContextValue;
 
 /** The props of {@link RootProvider}. */
-type RootContext = DayPickerBase & {
-    children: React$1.ReactNode;
-};
+type RootContext = PropsWithChildren<DayPickerBase>;
 /** Provide the value for all the context providers. */
 declare function RootProvider(props: RootContext): JSX.Element;
 
@@ -1165,7 +1237,7 @@ interface SelectMultipleContextValue {
  *
  * Access this context from the {@link useSelectMultiple} hook.
  */
-declare const SelectMultipleContext: React$1.Context<SelectMultipleContextValue | undefined>;
+declare const SelectMultipleContext: react.Context<SelectMultipleContextValue | undefined>;
 type SelectMultipleProviderProps = {
     initialProps: DayPickerBase;
     children: ReactNode;
@@ -1201,17 +1273,15 @@ interface SelectRangeContextValue {
  *
  * Access this context from the {@link useSelectRange} hook.
  */
-declare const SelectRangeContext: React$1.Context<SelectRangeContextValue | undefined>;
+declare const SelectRangeContext: react.Context<SelectRangeContextValue | undefined>;
 type SelectRangeProviderProps = {
     initialProps: DayPickerBase;
-    children: ReactNode;
-};
+} & PropsWithChildren;
 /** Provides the values for the {@link SelectRangeProvider}. */
 declare function SelectRangeProvider(props: SelectRangeProviderProps): JSX.Element;
 type SelectRangeProviderInternalProps = {
     initialProps: DayPickerRangeProps;
-    children: ReactNode;
-};
+} & PropsWithChildren;
 declare function SelectRangeProviderInternal({ initialProps, children }: SelectRangeProviderInternalProps): JSX.Element;
 /**
  * Hook to access the {@link SelectRangeContextValue}.
@@ -1233,16 +1303,16 @@ interface SelectSingleContextValue {
  *
  * Access this context from the {@link useSelectSingle} hook.
  */
-declare const SelectSingleContext: React$1.Context<SelectSingleContextValue | undefined>;
+declare const SelectSingleContext: react.Context<SelectSingleContextValue | undefined>;
 type SelectSingleProviderProps = {
     initialProps: DayPickerBase;
-    children: React$1.ReactNode;
+    children: ReactNode;
 };
 /** Provides the values for the {@link SelectSingleProvider}. */
 declare function SelectSingleProvider(props: SelectSingleProviderProps): JSX.Element;
 type SelectSingleProviderInternal = {
     initialProps: DayPickerSingleProps;
-    children: React$1.ReactNode;
+    children: ReactNode;
 };
 declare function SelectSingleProviderInternal({ initialProps, children }: SelectSingleProviderInternal): JSX.Element;
 /**
@@ -1279,4 +1349,4 @@ declare function isMatch(day: Date, matchers: Matcher[]): boolean;
  */
 declare function addToRange(day: Date, range?: DateRange): DateRange | undefined;
 
-export { ActiveModifiers, Button, ButtonProps, Caption, CaptionDropdowns, CaptionLabel, CaptionLabelProps, CaptionLayout, CaptionNavigation, CaptionProps, ClassNames, CustomComponents, CustomModifiers, DateAfter, DateBefore, DateFormatter, DateInterval, DateRange, Day, DayClickEventHandler, DayContent, DayContentProps, DayFocusEventHandler, DayKeyboardEventHandler, DayLabel, DayModifiers, DayMouseEventHandler, DayOfWeek, DayPicker, DayPickerBase, DayPickerContext, DayPickerContextValue, DayPickerDefaultProps, DayPickerMultipleProps, DayPickerProps, DayPickerProvider, DayPickerProviderProps, DayPickerRangeProps, DayPickerSingleProps, DayPointerEventHandler, DayProps, DayRender, DaySelectionMode, DayTouchEventHandler, Dropdown, DropdownProps, FocusContext, FocusContextValue, FocusProvider, Footer, FooterProps, Formatters, Head, HeadRow, IconDropdown, IconLeft, IconRight, InputDayPickerProps, InputHTMLAttributes, InternalModifier, InternalModifiers, InternalModifiersElement, Labels, Matcher, Modifier, Modifiers, ModifiersClassNames, ModifiersStyles, MonthChangeEventHandler, NavButtonLabel, NavigationContext, NavigationContextValue, NavigationProvider, RootContext, RootProvider, Row, RowProps, SelectMultipleContext, SelectMultipleContextValue, SelectMultipleEventHandler, SelectMultipleModifiers, SelectMultipleProvider, SelectMultipleProviderInternal, SelectMultipleProviderProps, SelectRangeContext, SelectRangeContextValue, SelectRangeEventHandler, SelectRangeModifiers, SelectRangeProvider, SelectRangeProviderInternal, SelectSingleContext, SelectSingleContextValue, SelectSingleEventHandler, SelectSingleProvider, SelectSingleProviderInternal, StyledComponent, StyledElement, Styles, UseInputOptions, UseInputValue, WeekNumber, WeekNumberClickEventHandler, WeekNumberFormatter, WeekNumberLabel, WeekNumberProps, WeekdayLabel, addToRange, isDateAfterType, isDateBeforeType, isDateInterval, isDateRange, isDayOfWeekType, isDayPickerDefault, isDayPickerMultiple, isDayPickerRange, isDayPickerSingle, isMatch, useActiveModifiers, useDayPicker, useDayRender, useFocusContext, useInput, useNavigation, useSelectMultiple, useSelectRange, useSelectSingle };
+export { ActiveModifiers, Button, ButtonProps, Caption, CaptionDropdowns, CaptionLabel, CaptionLabelProps, CaptionLayout, CaptionNavigation, CaptionProps, ClassNames, CustomComponents, CustomModifiers, DateAfter, DateBefore, DateFormatter, DateInterval, DateRange, Day, DayClickEventHandler, DayContent, DayContentProps, DayFocusEventHandler, DayKeyboardEventHandler, DayLabel, DayModifiers, DayMouseEventHandler, DayOfWeek, DayPicker, DayPickerBase, DayPickerContext, DayPickerContextValue, DayPickerDefaultProps, DayPickerMultipleProps, DayPickerProps, DayPickerProvider, DayPickerProviderProps, DayPickerRangeProps, DayPickerSingleProps, DayPointerEventHandler, DayProps, DayRender, DaySelectionMode, DayTouchEventHandler, Dropdown, DropdownProps, FocusContext, FocusContextValue, FocusProvider, FocusProviderProps, Footer, FooterProps, Formatters, Head, HeadRow, IconDropdown, IconLeft, IconRight, InputDayPickerProps, InputProps, InternalModifier, InternalModifiers, InternalModifiersElement, Labels, Matcher, Modifier, Modifiers, ModifiersClassNames, ModifiersStyles, MonthChangeEventHandler, Months, MonthsProps, NavButtonLabel, NavigationContext, NavigationContextValue, NavigationProvider, RootContext, RootProvider, Row, RowProps, SelectMultipleContext, SelectMultipleContextValue, SelectMultipleEventHandler, SelectMultipleModifiers, SelectMultipleProvider, SelectMultipleProviderInternal, SelectMultipleProviderProps, SelectRangeContext, SelectRangeContextValue, SelectRangeEventHandler, SelectRangeModifiers, SelectRangeProvider, SelectRangeProviderInternal, SelectSingleContext, SelectSingleContextValue, SelectSingleEventHandler, SelectSingleProvider, SelectSingleProviderInternal, StyledComponent, StyledElement, Styles, UseInputOptions, UseInputValue, WeekNumber, WeekNumberClickEventHandler, WeekNumberFormatter, WeekNumberLabel, WeekNumberProps, WeekdayLabel, addToRange, isDateAfterType, isDateBeforeType, isDateInterval, isDateRange, isDayOfWeekType, isDayPickerDefault, isDayPickerMultiple, isDayPickerRange, isDayPickerSingle, isMatch, useActiveModifiers, useDayPicker, useDayRender, useFocusContext, useInput, useNavigation, useSelectMultiple, useSelectRange, useSelectSingle };