react-day-picker 8.4.0 → 8.5.0

package/dist/index.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { Locale } from "date-fns";
-import React from "react";
-import { ReactNode, HTMLProps } from "react";
+import { Locale as Locale$1 } from 'date-fns';
+import React$1, { ReactNode, HTMLProps } from 'react';
+
 /** Represent the props of the {@link Caption} component. */
 interface CaptionProps {
     /** The ID for the heading element. Must be the same as the labelled-by in Table. */
@@ -15,12 +14,13 @@ interface CaptionProps {
  * - `dropdown`: display dropdowns for choosing the month and the year.
  * - `buttons`: display previous month / next month buttons.
  */
-type CaptionLayout = "dropdown" | "buttons";
+type CaptionLayout = 'dropdown' | 'buttons';
 /**
  * Render the caption of a month. The caption has a different layout when
  * setting the {@link DayPickerBase.captionLayout} prop.
  */
 declare function Caption(props: CaptionProps): JSX.Element;
+
 /** The props for the {@link CaptionLabel} component. */
 interface CaptionLabelProps {
     /** The ID for the heading element. Must be the same as the labelled-by in Table. */
@@ -30,6 +30,7 @@ interface CaptionLabelProps {
 }
 /** Render the caption for the displayed month. This component is used when `captionLayout="buttons"`. */
 declare function CaptionLabel(props: CaptionLabelProps): JSX.Element;
+
 /** Represent the props used by the {@link Day} component. */
 interface DayProps {
     /** The month where the date is displayed. */
@@ -42,6 +43,7 @@ interface DayProps {
  * modifiers.
  */
 declare function Day(props: DayProps): JSX.Element;
+
 /**
  * A value or a function that matches a specific day.
  *
@@ -126,6 +128,7 @@ declare function isDateAfterType(value: unknown): value is DateAfter;
 declare function isDateBeforeType(value: unknown): value is DateBefore;
 /** Returns true if `value` is a {@link DayOfWeek} type. */
 declare function isDayOfWeekType(value: unknown): value is DayOfWeek;
+
 /** A _modifier_ represents different styles or states of a day displayed in the calendar. */
 type Modifier = string;
 /** The modifiers used by DayPicker. */
@@ -173,6 +176,7 @@ type DayModifiers = Record<Modifier, Matcher | Matcher[]>;
  * the same as {@link DayModifiers]], but it accepts only array of [[Matcher}s.
  */
 type CustomModifiers = Record<Modifier, Matcher[]>;
+
 /** Represent the props for the {@link DayContent} component. */
 interface DayContentProps {
     /** The date representing the day. */
@@ -184,25 +188,27 @@ interface DayContentProps {
 }
 /** Render the content of the day cell. */
 declare function DayContent(props: DayContentProps): JSX.Element;
+
 /** The props for the {@link Dropdown} component. */
 interface DropdownProps {
     /** The name attribute of the element. */
     name?: string;
     /** The caption displayed to replace the hidden select. */
-    caption?: React.ReactNode;
-    children?: React.SelectHTMLAttributes<HTMLSelectElement>["children"];
+    caption?: React$1.ReactNode;
+    children?: React$1.SelectHTMLAttributes<HTMLSelectElement>['children'];
     className?: string;
-    ["aria-label"]?: string;
-    style?: React.CSSProperties;
+    ['aria-label']?: string;
+    style?: React$1.CSSProperties;
     /** The selected value. */
     value?: string | number;
-    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+    onChange?: React$1.ChangeEventHandler<HTMLSelectElement>;
 }
 /**
  * Render a styled select component – displaying a caption and a custom
  * drop-down icon.
  */
 declare function Dropdown(props: DropdownProps): JSX.Element;
+
 /**
  * The props for the {@link Row} component.
  */
@@ -216,6 +222,7 @@ interface RowProps {
 }
 /** Render a row in the calendar, with the days and the week number. */
 declare function Row(props: RowProps): JSX.Element;
+
 /**
  * The props for the {@link WeekNumber} component.
  */
@@ -230,6 +237,7 @@ interface WeekNumberProps {
  * renders a button, otherwise a span element.
  */
 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;
 /** The event handler when a day is focused. */
@@ -243,32 +251,46 @@ type DayPointerEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: R
 /** The event handler when a month is changed in the calendar. */
 type MonthChangeEventHandler = (month: Date) => void;
 /** The event handler when selecting multiple days. */
-type SelectMultipleEventHandler = (/** The selected days */
-days: Date[] | undefined, /** The day that was clicked triggering the event. */
-selectedDay: Date, /** The day that was clicked */
-activeModifiers: ActiveModifiers, /** The mouse event that triggered this event. */
+type SelectMultipleEventHandler = (
+/** The selected days */
+days: Date[] | undefined, 
+/** The day that was clicked triggering the event. */
+selectedDay: Date, 
+/** The day that was clicked */
+activeModifiers: ActiveModifiers, 
+/** The mouse event that triggered this event. */
 e: React.MouseEvent) => void;
 /** The event handler when selecting a range of days. */
-type SelectRangeEventHandler = (/** The current range of the selected days. */
-range: DateRange | undefined, /** The day that was selected (or clicked) triggering the event. */
-selectedDay: Date, /** The modifiers of the selected day. */
+type SelectRangeEventHandler = (
+/** The current range of the selected days. */
+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;
 /** The event handler when selecting a single day. */
-type SelectSingleEventHandler = (/** The selected day, `undefined` when `required={false}` (default) and the day is clicked again. */
-day: Date | undefined, /** The day that was selected (or clicked) triggering the event. */
-selectedDay: Date, /** The modifiers of the selected day. */
+type SelectSingleEventHandler = (
+/** The selected day, `undefined` when `required={false}` (default) and the day is clicked again. */
+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;
 /**The event handler when the week number is clicked. */
-type WeekNumberClickEventHandler = (/** The week number that has been clicked. */
-weekNumber: number, /** The dates in the clicked week. */
-dates: Date[], /** The mouse event that triggered this event. */
+type WeekNumberClickEventHandler = (
+/** The week number that has been clicked. */
+weekNumber: number, 
+/** The dates in the clicked week. */
+dates: Date[], 
+/** The mouse event that triggered this event. */
 e: React.MouseEvent) => void;
 /** The event handler when a day gets a touch event. */
 type DayTouchEventHandler = (day: Date, activeModifiers: ActiveModifiers, e: React.TouchEvent) => void;
+
 /** Represents a function to format a date. */
 type DateFormatter = (date: Date, options?: {
     locale?: Locale;
-}) => React.ReactNode;
+}) => React$1.ReactNode;
 /** Represent a map of formatters used to render localized content. */
 type Formatters = {
     /** Format the month in the caption when `captionLayout` is `buttons`. */
@@ -287,35 +309,38 @@ type Formatters = {
 /** Represent a function to format the week number. */
 type WeekNumberFormatter = (weekNumber: number, options?: {
     locale?: Locale;
-}) => React.ReactNode;
+}) => React$1.ReactNode;
+
 /** Map of functions to translate ARIA labels for the relative elements. */
 type Labels = {
     labelMonthDropdown: () => string;
     labelYearDropdown: () => string;
     labelNext: NavButtonLabel;
     labelPrevious: NavButtonLabel;
+    /** @deprecated This label is not used anymore and this function will be removed in the future. */
     labelDay: DayLabel;
     labelWeekday: WeekdayLabel;
     labelWeekNumber: WeekNumberLabel;
 };
 /** Return the ARIA label for the {@link Day} component. */
 type DayLabel = (day: Date, activeModifiers: ActiveModifiers, options?: {
-    locale?: Locale;
+    locale?: Locale$1;
 }) => string;
 /** Return the ARIA label for the "next month" / "prev month" buttons in the navigation.*/
 type NavButtonLabel = (month?: Date, options?: {
-    locale?: Locale;
+    locale?: Locale$1;
 }) => string;
 /** Return the ARIA label for the Head component.*/
 type WeekdayLabel = (day: Date, options?: {
-    locale?: Locale;
+    locale?: Locale$1;
 }) => string;
 /** Return the ARIA label of the week number.*/
 type WeekNumberLabel = (n: number, options?: {
-    locale?: Locale;
+    locale?: Locale$1;
 }) => string;
+
 /** The style (either via class names or via in-line styles) of an element. */
-type StyledElement<T> = {
+type StyledElement<T = string | React$1.CSSProperties> = {
     /** The root element. */
     readonly root: T;
     /** The root element when `numberOfMonths > 1`. */
@@ -400,7 +425,7 @@ type StyledElement<T> = {
     readonly day_today: T;
 };
 /** These elements must not be in the `styles` or `classNames` records as they are styled via the `modifiersStyles` or `modifiersClassNames` pop */
-type InternalModifiersElement = "day_outside" | "day_selected" | "day_disabled" | "day_hidden" | "day_range_start" | "day_range_end" | "day_range_middle" | "day_today";
+type InternalModifiersElement = 'day_outside' | 'day_selected' | 'day_disabled' | 'day_hidden' | 'day_range_start' | 'day_range_end' | 'day_range_middle' | 'day_today';
 /** The class names of each element. */
 type ClassNames = Partial<StyledElement<string>>;
 /**
@@ -408,13 +433,14 @@ type ClassNames = Partial<StyledElement<string>>;
  * modifiers, such as `today` or `hidden`, should be styled using the
  * `modifiersStyles` prop.
  */
-type Styles = Partial<Omit<StyledElement<React.CSSProperties>, InternalModifiersElement>>;
+type Styles = Partial<Omit<StyledElement<React$1.CSSProperties>, InternalModifiersElement>>;
 /** Props of a component that can be styled via classNames or inline-styles. */
 type StyledComponent = {
     className?: string;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
+    style?: React$1.CSSProperties;
+    children?: React$1.ReactNode;
 };
+
 /**
  * Selection modes supported by DayPicker.
  *
@@ -423,7 +449,7 @@ type StyledComponent = {
  * - `range`: use DayPicker to select a range of days
  * - `default`: disable the built-in selection behavior. Customize what is selected by using {@link DayPickerBase.onDayClick}.
  */
-type DaySelectionMode = "single" | "multiple" | "range" | "default";
+type DaySelectionMode = 'single' | 'multiple' | 'range' | 'default';
 /**
  * The base props for the {@link DayPicker} component and the {@link DayPickerContext}.
  */
@@ -599,7 +625,7 @@ interface DayPickerBase {
      */
     modifiers?: DayModifiers;
     /** The date-fns locale object used to localize dates. Defaults to* `en-US`. */
-    locale?: Locale;
+    locale?: Locale$1;
     /**
      * Labels creators to override the defaults. Use this prop to customize the
      * ARIA labels attributes.
@@ -678,15 +704,17 @@ interface CustomComponents {
     /** The component for the week number in the table rows. */
     WeekNumber?: (props: WeekNumberProps) => JSX.Element | null;
 }
+
 /** The props for the {@link DayPicker} component when using `mode="default"` or `undefined`. */
 interface DayPickerDefaultProps extends DayPickerBase {
-    mode?: undefined | "default";
+    mode?: undefined | 'default';
 }
 /** Returns true when the props are of type {@link DayPickerDefaultProps}. */
 declare function isDayPickerDefault(props: DayPickerProps): props is DayPickerDefaultProps;
+
 /** The props for the {@link DayPicker} component when using `mode="range"`. */
 interface DayPickerRangeProps extends DayPickerBase {
-    mode: "range";
+    mode: 'range';
     /** The selected range of days. */
     selected?: DateRange | undefined;
     /** Event fired when a range (or a part of the range) is selected. */
@@ -698,9 +726,10 @@ interface DayPickerRangeProps extends DayPickerBase {
 }
 /** Returns true when the props are of type {@link DayPickerRangeProps}. */
 declare function isDayPickerRange(props: DayPickerProps | DayPickerContextValue): props is DayPickerRangeProps;
+
 /** The props for the {@link DayPicker} component when using `mode="single"`. */
 interface DayPickerSingleProps extends DayPickerBase {
-    mode: "single";
+    mode: 'single';
     /** The selected day. */
     selected?: Date | undefined;
     /** Event fired when a day is selected. */
@@ -710,13 +739,14 @@ interface DayPickerSingleProps extends DayPickerBase {
 }
 /** Returns true when the props are of type {@link DayPickerSingleProps}. */
 declare function isDayPickerSingle(props: DayPickerProps | DayPickerContextValue): props is DayPickerSingleProps;
+
 /**
  * The value of the {@link DayPickerContext} extends the props from DayPicker
  * with default and cleaned up values.
  */
 interface DayPickerContextValue extends DayPickerBase {
     mode: DaySelectionMode;
-    onSelect?: DayPickerSingleProps["onSelect"] | DayPickerMultipleProps["onSelect"] | DayPickerRangeProps["onSelect"];
+    onSelect?: DayPickerSingleProps['onSelect'] | DayPickerMultipleProps['onSelect'] | DayPickerRangeProps['onSelect'];
     required?: boolean;
     min?: number;
     max?: number;
@@ -739,7 +769,7 @@ interface DayPickerContextValue extends DayPickerBase {
  *
  * Access to this context from the {@link useDayPicker} hook.
  */
-declare const DayPickerContext: React.Context<DayPickerContextValue | undefined>;
+declare const DayPickerContext: React$1.Context<DayPickerContextValue | undefined>;
 /** The props for the {@link DayPickerProvider}. */
 interface DayPickerProviderProps {
     /** The initial props from the DayPicker component. */
@@ -758,9 +788,10 @@ declare function DayPickerProvider(props: DayPickerProviderProps): JSX.Element;
  * internal or custom components.
  */
 declare function useDayPicker(): DayPickerContextValue;
+
 /** The props for the {@link DayPicker} component when using `mode="multiple"`. */
 interface DayPickerMultipleProps extends DayPickerBase {
-    mode: "multiple";
+    mode: 'multiple';
     /** The selected days. */
     selected?: Date[] | undefined;
     /** Event fired when a days added or removed to the selection. */
@@ -772,6 +803,7 @@ interface DayPickerMultipleProps extends DayPickerBase {
 }
 /** Returns true when the props are of type {@link DayPickerMultipleProps}. */
 declare function isDayPickerMultiple(props: DayPickerProps | DayPickerContextValue): props is DayPickerMultipleProps;
+
 type DayPickerProps = DayPickerDefaultProps | DayPickerSingleProps | DayPickerMultipleProps | DayPickerRangeProps;
 /**
  * DayPicker render a date picker component to let users pick dates from a
@@ -856,50 +888,60 @@ type DayPickerProps = DayPickerDefaultProps | DayPickerSingleProps | DayPickerMu
  * For example, to use Spanish locale:
  *
  * ```
- * import es from 'date-fns/locale/es';
+ * import { es } from 'date-fns/locale';
  * <DayPicker locale={es} />
  * ```
  */
 declare function DayPicker(props: DayPickerDefaultProps | DayPickerSingleProps | DayPickerMultipleProps | DayPickerRangeProps): JSX.Element;
+
 /** The props for the {@link Button} component. */
-type ButtonProps = React.HTMLProps<HTMLButtonElement>;
+type ButtonProps = React$1.HTMLProps<HTMLButtonElement>;
 /**
  * Render a button HTML element applying the reset class name.
  */
-declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "multiple" | "default" | "onSelect" | "required" | "min" | "max" | "selected" | "className" | "style" | "id" | "disabled" | "hidden" | "dir" | "start" | "color" | "content" | "size" | "wrap" | "open" | "value" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "aria-label" | "onChange" | "name" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "media" | "mediaGroup" | "method" | "minLength" | "muted" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.ForwardRefExoticComponent<Pick<ButtonProps, "multiple" | "default" | "onSelect" | "required" | "min" | "max" | "selected" | "className" | "style" | "id" | "disabled" | "hidden" | "dir" | "start" | "color" | "content" | "size" | "wrap" | "open" | "value" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "list" | "role" | "aria-label" | "onChange" | "name" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "media" | "mediaGroup" | "method" | "minLength" | "muted" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React$1.RefAttributes<HTMLButtonElement>>;
+
 /**
  * Render a caption with the dropdowns to navigate between months and years.
  */
 declare function CaptionDropdowns(props: CaptionProps): JSX.Element;
+
 /**
  * Render a caption with a button-based navigation.
  */
 declare function CaptionNavigation(props: CaptionProps): JSX.Element;
+
 /** Render the Footer component (empty as default).*/
 declare function Footer(): JSX.Element;
+
 /** Render the table head. */
 declare function Head(): JSX.Element;
+
 /**
  * Render the HeadRow component - i.e. the table head row with the weekday names.
  */
 declare function HeadRow(): JSX.Element;
+
 /**
  * Render the icon in the styled drop-down.
  */
 declare function IconDropdown(props: StyledComponent): JSX.Element;
+
 /**
  * Render the "next month" button in the navigation.
  */
 declare function IconRight(props: StyledComponent): JSX.Element;
+
 /**
  * Render the "previous month" button in the navigation.
  */
 declare function IconLeft(props: StyledComponent): JSX.Element;
+
 /** The props to attach to the input field when using {@link useInput}. */
-type InputHTMLAttributes = Pick<React.InputHTMLAttributes<HTMLInputElement>, "onBlur" | "onChange" | "onFocus" | "value" | "placeholder">;
+type InputHTMLAttributes = Pick<React$1.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"> {
+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'> {
     /** The initially selected date */
     defaultSelected?: Date;
     /** The format string for formatting the input field. See https://date-fns.org/docs/format for a list of format strings. Default to `PP`. */
@@ -920,9 +962,12 @@ interface UseInputValue {
 }
 /** Return props and setters for binding an input field to DayPicker. */
 declare function useInput(options?: UseInputOptions): UseInputValue;
-type EventName = "onClick" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart";
+
+type EventName = 'onClick' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'onMouseEnter' | 'onMouseLeave' | 'onPointerEnter' | 'onPointerLeave' | 'onTouchCancel' | 'onTouchEnd' | 'onTouchMove' | 'onTouchStart';
 type DayEventHandlers = Pick<HTMLProps<HTMLButtonElement>, EventName>;
+
 type SelectedDays = Date | Date[] | DateRange | undefined;
+
 type DayRender = {
     /** Whether the day should be rendered a `button` instead of a `div` */
     isButton: boolean;
@@ -931,7 +976,7 @@ type DayRender = {
     /** The modifiers active for the given day. */
     activeModifiers: ActiveModifiers;
     /** The props to apply to the button element (when `isButton` is true). */
-    buttonProps: StyledComponent & Pick<ButtonProps, "disabled" | "aria-pressed" | "tabIndex"> & DayEventHandlers;
+    buttonProps: StyledComponent & Pick<ButtonProps, 'disabled' | 'aria-selected' | 'tabIndex'> & DayEventHandlers;
     /** The props to apply to the div element (when `isButton` is false). */
     divProps: StyledComponent;
     selectedDays: SelectedDays;
@@ -942,10 +987,14 @@ type DayRender = {
  * Use this hook when creating a component to replace the built-in `Day`
  * component.
  */
-declare function useDayRender(/** The date to render. */
-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.RefObject<HTMLButtonElement>): DayRender;
+declare function useDayRender(
+/** The date to render. */
+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;
+
 /**
  * Return the active modifiers for the specified day.
  *
@@ -954,11 +1003,13 @@ buttonRef: React.RefObject<HTMLButtonElement>): DayRender;
  * @param day
  * @param displayMonth
  */
-declare function useActiveModifiers(day: Date, /**
+declare function useActiveModifiers(day: Date, 
+/**
  * The month where the date is displayed. If not the same as `date`, the day
  * is an "outside day".
  */
 displayMonth?: Date): ActiveModifiers;
+
 /** Represents the value of the {@link FocusContext}. */
 type FocusContextValue = {
     /** The day currently focused. */
@@ -977,17 +1028,11 @@ type FocusContextValue = {
     focusWeekBefore: () => void;
     /** Focus the day in the week after the focused day. */
     focusWeekAfter: () => void;
-    /* Focus the day in the month before the focused day. */
     focusMonthBefore: () => void;
-    /* Focus the day in the month after the focused day. */
     focusMonthAfter: () => void;
-    /* Focus the day in the year before the focused day. */
     focusYearBefore: () => void;
-    /* Focus the day in the year after the focused day. */
     focusYearAfter: () => void;
-    /* Focus the day at the start of the week of the focused day. */
     focusStartOfWeek: () => void;
-    /* Focus the day at the end of the week of focused day. */
     focusEndOfWeek: () => void;
 };
 /**
@@ -995,7 +1040,7 @@ type FocusContextValue = {
  *
  * Access this context from the {@link useFocusContext} hook.
  */
-declare const FocusContext: React.Context<FocusContextValue | undefined>;
+declare const FocusContext: React$1.Context<FocusContextValue | undefined>;
 /** The provider for the {@link FocusContext}. */
 declare function FocusProvider(props: {
     children: ReactNode;
@@ -1007,6 +1052,7 @@ declare function FocusProvider(props: {
  * This hook is meant to be used inside internal or custom components.
  */
 declare function useFocusContext(): FocusContextValue;
+
 /** Represents the value of the {@link NavigationContext}. */
 interface NavigationContextValue {
     /** The month to display in the calendar. When `numberOfMonths` is greater than one, is the first of the displayed months. */
@@ -1028,7 +1074,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.Context<NavigationContextValue | undefined>;
+declare const NavigationContext: React$1.Context<NavigationContextValue | undefined>;
 /** Provides the values for the {@link NavigationContext}. */
 declare function NavigationProvider(props: {
     children?: ReactNode;
@@ -1040,12 +1086,14 @@ declare function NavigationProvider(props: {
  * This hook is meant to be used inside internal or custom components.
  */
 declare function useNavigation(): NavigationContextValue;
+
 /** The props of {@link RootProvider}. */
 type RootContext = DayPickerBase & {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 };
 /** Provide the value for all the context providers. */
 declare function RootProvider(props: RootContext): JSX.Element;
+
 /** Represent the modifiers that are changed by the multiple selection. */
 type SelectMultipleModifiers = Pick<Modifiers, InternalModifier.Disabled>;
 /** Represents the value of a {@link SelectMultipleContext}. */
@@ -1063,7 +1111,7 @@ interface SelectMultipleContextValue {
  *
  * Access this context from the {@link useSelectMultiple} hook.
  */
-declare const SelectMultipleContext: React.Context<SelectMultipleContextValue | undefined>;
+declare const SelectMultipleContext: React$1.Context<SelectMultipleContextValue | undefined>;
 type SelectMultipleProviderProps = {
     initialProps: DayPickerBase;
     children: ReactNode;
@@ -1081,6 +1129,7 @@ declare function SelectMultipleProviderInternal({ initialProps, children }: Sele
  * This hook is meant to be used inside internal or custom components.
  */
 declare function useSelectMultiple(): SelectMultipleContextValue;
+
 /** Represent the modifiers that are changed by the range selection. */
 type SelectRangeModifiers = Pick<Modifiers, InternalModifier.Disabled | InternalModifier.RangeEnd | InternalModifier.RangeMiddle | InternalModifier.RangeStart>;
 /** Represents the value of a {@link SelectRangeContext}. */
@@ -1098,7 +1147,7 @@ interface SelectRangeContextValue {
  *
  * Access this context from the {@link useSelectRange} hook.
  */
-declare const SelectRangeContext: React.Context<SelectRangeContextValue | undefined>;
+declare const SelectRangeContext: React$1.Context<SelectRangeContextValue | undefined>;
 type SelectRangeProviderProps = {
     initialProps: DayPickerBase;
     children: ReactNode;
@@ -1116,6 +1165,7 @@ declare function SelectRangeProviderInternal({ initialProps, children }: SelectR
  * This hook is meant to be used inside internal or custom components.
  */
 declare function useSelectRange(): SelectRangeContextValue;
+
 /** Represents the value of a {@link SelectSingleContext}. */
 interface SelectSingleContextValue {
     /** The day that has been selected. */
@@ -1129,16 +1179,16 @@ interface SelectSingleContextValue {
  *
  * Access this context from the {@link useSelectSingle} hook.
  */
-declare const SelectSingleContext: React.Context<SelectSingleContextValue | undefined>;
+declare const SelectSingleContext: React$1.Context<SelectSingleContextValue | undefined>;
 type SelectSingleProviderProps = {
     initialProps: DayPickerBase;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 };
 /** Provides the values for the {@link SelectSingleProvider}. */
 declare function SelectSingleProvider(props: SelectSingleProviderProps): JSX.Element;
 type SelectSingleProviderInternal = {
     initialProps: DayPickerSingleProps;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 };
 declare function SelectSingleProviderInternal({ initialProps, children }: SelectSingleProviderInternal): JSX.Element;
 /**
@@ -1147,6 +1197,7 @@ declare function SelectSingleProviderInternal({ initialProps, children }: Select
  * This hook is meant to be used inside internal or custom components.
  */
 declare function useSelectSingle(): SelectSingleContextValue;
+
 /**
  * Returns whether a day matches against at least one of the given Matchers.
  *
@@ -1165,6 +1216,7 @@ declare function useSelectSingle(): SelectSingleContextValue;
  * ```
  * */
 declare function isMatch(day: Date, matchers: Matcher[]): boolean;
+
 /**
  * Add a day to an existing range.
  *
@@ -1172,4 +1224,5 @@ declare function isMatch(day: Date, matchers: Matcher[]): boolean;
  * day is already present in the range.
  */
 declare function addToRange(day: Date, range?: DateRange): DateRange | undefined;
-export { DayPickerProps, DayPicker, ButtonProps, Button, CaptionProps, CaptionLayout, Caption, CaptionDropdowns, CaptionLabelProps, CaptionLabel, CaptionNavigation, DayProps, Day, DayContentProps, DayContent, DropdownProps, Dropdown, Footer, Head, HeadRow, IconDropdown, IconRight, IconLeft, RowProps, Row, WeekNumberProps, WeekNumber, InputHTMLAttributes, InputDayPickerProps, UseInputOptions, UseInputValue, useInput, DayRender, useDayRender, useActiveModifiers, DayPickerContextValue, DayPickerContext, DayPickerProviderProps, DayPickerProvider, useDayPicker, FocusContextValue, FocusContext, FocusProvider, useFocusContext, NavigationContextValue, NavigationContext, NavigationProvider, useNavigation, RootContext, RootProvider, SelectMultipleModifiers, SelectMultipleContextValue, SelectMultipleContext, SelectMultipleProviderProps, SelectMultipleProvider, SelectMultipleProviderInternal, useSelectMultiple, SelectRangeModifiers, SelectRangeContextValue, SelectRangeContext, SelectRangeProvider, SelectRangeProviderInternal, useSelectRange, SelectSingleContextValue, SelectSingleContext, SelectSingleProvider, SelectSingleProviderInternal, useSelectSingle, DaySelectionMode, DayPickerBase, CustomComponents, DayPickerDefaultProps, isDayPickerDefault, DayPickerMultipleProps, isDayPickerMultiple, DayPickerRangeProps, isDayPickerRange, DayPickerSingleProps, isDayPickerSingle, DayClickEventHandler, DayFocusEventHandler, DayKeyboardEventHandler, DayMouseEventHandler, DayPointerEventHandler, MonthChangeEventHandler, SelectMultipleEventHandler, SelectRangeEventHandler, SelectSingleEventHandler, WeekNumberClickEventHandler, DayTouchEventHandler, DateFormatter, Formatters, WeekNumberFormatter, Labels, DayLabel, NavButtonLabel, WeekdayLabel, WeekNumberLabel, Matcher, DateAfter, DateBefore, DateInterval, DateRange, DayOfWeek, isDateInterval, isDateRange, isDateAfterType, isDateBeforeType, isDayOfWeekType, Modifier, Modifiers, InternalModifier, InternalModifiers, ActiveModifiers, ModifiersStyles, ModifiersClassNames, DayModifiers, CustomModifiers, StyledElement, InternalModifiersElement, ClassNames, Styles, StyledComponent, isMatch, addToRange };
+
+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, 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 };