react-day-picker 8.0.0-beta.36 → 8.0.0-beta.39

package/CHANGELOG.md

@@ -18,6 +18,26 @@ See the preview website at https://react-day-picker-next.netlify.app.
 
 ---
 
+### v8.0.0-beta.39
+
+- chore: cleaned up icon components
+- chore: exported `isMatch` function
+- fix: useNavigation not setting the start of the month
+- chore: completed unit tests
+
+### v8.0.0-beta.38
+
+- fix(regression): restore missing `Caption` component
+
+### v8.0.0-beta.37
+
+- build: moved to rollupjs
+- feat: new `useDayRender` hook
+- chore: added `DaySelectionMode` enum
+- refactor: `modifiersStatus` is now `ActiveModifiers`
+- refactor: `modifierClassNames` props is now `modifiersClassNames`
+- refactor: `modifierStyles` is now `modifiersStyles`
+
 ### v8.0.0-beta.36
 
 - feat: added caption ARIA labels. This change introduce `@reach/auto-id` dependency (#1358) (b8bbf419)

package/{build → dist}/DayPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DayPickerProps } from './types/DayPicker';
 import { DayPickerCustomProps } from './types/DayPickerCustom';
 import { DayPickerMultipleProps } from './types/DayPickerMultiple';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/** The props for the [[Button]] component. */
+export declare type ButtonProps = React.HTMLProps<HTMLButtonElement>;
+/**
+ * Render a button HTML element applying the reset class name.
+ */
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "className" | "style" | "disabled" | "hidden" | "selected" | "dir" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "children" | "value" | "id" | "aria-label" | "onChange" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "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" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "onSelect" | "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>>;

package/{build → dist}/components/Caption/Caption.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** Represent the props of the [[Caption]] component. */
 export interface CaptionProps {
     /** The ID for the heading element. Must be the same as the labelled-by in Table. */

package/{build → dist}/components/CaptionLabel/CaptionLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** The props for the [[CaptionLabel]] component. */
 export interface CaptionLabelProps {
     /** The ID for the heading element. Must be the same as the labelled-by in Table. */

package/{build → dist}/components/Day/Day.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** Represent the props used by the [[Day]] component. */
 export interface DayProps {
     /** The month where the date is displayed. */

package/dist/components/Day/index.d.ts

@@ -0,0 +1 @@
+export * from './Day';

package/{build → dist}/components/DayContent/DayContent.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import { ModifierStatus } from '../../types/Modifiers';
+import { ActiveModifiers } from '../../types/Modifiers';
 /** Represent the props for the [[DayContent]] component. */
 export interface DayContentProps {
     /** The date representing the day. */
     date: Date;
     /** The month where the day is displayed. */
     displayMonth: Date;
-    /** The modifier status for the date. */
-    modifiers: ModifierStatus;
+    /** The active modifiers for the given date. */
+    activeModifiers: ActiveModifiers;
 }
 /**
  * Render the content of the day cell.

package/{build → dist}/components/Dropdown/Dropdown.d.ts

@@ -6,7 +6,7 @@ export interface DropdownProps {
     className?: string;
     ['aria-label']?: string;
     style?: React.CSSProperties;
-    value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];
+    value?: string | number;
     onChange?: React.ChangeEventHandler<HTMLSelectElement>;
 }
 /**

package/{build → dist}/components/Footer/Footer.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 /** Render the Footer component (empty as default).*/
 export declare function Footer(): JSX.Element;

package/{build → dist}/components/Head/Head.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Render the Head component - i.e. the table head with the weekday names.
  */

package/{build → dist}/components/IconDropdown/IconDropdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyledComponent } from '../../types/Styles';
 /**
  * Render the icon in the styled drop-down.

package/{build → dist}/components/IconLeft/IconLeft.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyledComponent } from '../../types/Styles';
 /**
  * Render the "previous month" button in the navigation.

package/{build → dist}/components/IconRight/IconRight.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyledComponent } from '../../types/Styles';
 /**
  * Render the "next month" button in the navigation.

package/{build → dist}/components/Month/Month.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** The props for the [[Month]] component. */
 export interface MonthProps {
     displayIndex: number;

package/{build → dist}/components/MonthsDropdown/MonthsDropdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MonthChangeEventHandler } from '../../types/EventHandlers';
 /** The props for the [[MonthsDropdown]] component. */
 export interface MonthsDropdownProps {
@@ -6,7 +5,5 @@ export interface MonthsDropdownProps {
     displayMonth: Date;
     onChange: MonthChangeEventHandler;
 }
-/**
- * Render the dropdown to navigate between months.
- */
+/** Render the dropdown to navigate between months. */
 export declare function MonthsDropdown(props: MonthsDropdownProps): JSX.Element;

package/dist/components/Root/Root.d.ts

@@ -0,0 +1,2 @@
+/** Render the container with the months according to the number of months to display. */
+export declare function Root(): JSX.Element;

package/{build → dist}/components/Row/Row.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * The props for the [[Row]] component.
  */
@@ -10,7 +9,5 @@ export interface RowProps {
     /** The days contained in the week. */
     dates: Date[];
 }
-/**
- * Render a row in the calendar, with the days and optionally the week number.
- */
+/** Render a row in the calendar, with the days and the week number. */
 export declare function Row(props: RowProps): JSX.Element;

package/{build → dist}/components/Table/Table.d.ts

@@ -1,14 +1,9 @@
-/// <reference types="react" />
-/**
- * The props for the [[Table]] component.
- */
+/** The props for the [[Table]] component. */
 export interface TableProps {
     /** The ID of the label of the table (the same given to the Caption). */
     ['aria-labelledby']?: string;
     /** The month where the table is displayed. */
     displayMonth: Date;
 }
-/**
- * Render the table with the calendar.
- */
+/** Render the table with the calendar. */
 export declare function Table(props: TableProps): JSX.Element;

package/dist/components/Table/utils/daysToMonthWeeks.d.ts

@@ -0,0 +1,8 @@
+import { Locale } from 'date-fns';
+import { MonthWeek } from './getMonthWeeks';
+/** Return the weeks between two dates.  */
+export declare function daysToMonthWeeks(fromDate: Date, toDate: Date, options?: {
+    locale?: Locale;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+}): MonthWeek[];

package/dist/components/Table/utils/getMonthWeeks.d.ts

@@ -0,0 +1,21 @@
+import { Locale } from 'date-fns';
+/** Represents a week in the month.*/
+export declare type MonthWeek = {
+    /** The week number from the start of the year. */
+    weekNumber: number;
+    /** The dates in the week. */
+    dates: Date[];
+};
+/**
+ * Return the weeks belonging to the given month, adding the "outside days" to
+ * the first and last week.
+ */
+export declare function getMonthWeeks(
+/** The month to get the weeks from */
+month: Date, options: {
+    locale: Locale;
+    /** Add extra weeks up to 6 weeks */
+    useFixedWeeks?: boolean;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+}): MonthWeek[];

package/{build → dist}/components/WeekNumber/WeekNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * The props for the [[WeekNumber]] component.
  */

package/{build → dist}/components/YearsDropdown/YearsDropdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MonthChangeEventHandler } from '../../types/EventHandlers';
 /**
  * The props for the [[YearsDropdown]] component.

package/{build → dist}/contexts/DayPicker/DayPickerContext.d.ts

@@ -1,19 +1,18 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { CaptionLayout } from '../../components/Caption';
-import { Components, DayPickerProps } from '../../types/DayPicker';
+import { DayPickerProps } from '../../types/DayPicker';
 import { Formatters } from '../../types/Formatters';
 import { Labels } from '../../types/Labels';
-import { DayModifiers, ModifierClassNames } from '../../types/Modifiers';
+import { DayModifiers, ModifiersClassNames } from '../../types/Modifiers';
 import { ClassNames, Styles } from '../../types/Styles';
 /** The value of the [[DayPickerContext]] */
 export interface DayPickerContextValue extends DayPickerProps {
     captionLayout: CaptionLayout;
     classNames: Required<ClassNames>;
-    components: Components;
     formatters: Formatters;
     labels: Labels;
     locale: Locale;
-    modifierClassNames: ModifierClassNames;
+    modifiersClassNames: ModifiersClassNames;
     modifierPrefix: string;
     modifiers: DayModifiers;
     numberOfMonths: number;
@@ -29,7 +28,7 @@ export interface DayPickerContextValue extends DayPickerProps {
  * and custom components. It is used to set the default values and perform
  * one-time calculations required to render the days.
  *
- * Developers may access to this context from the [[useDayPicker]] hook when
+ * Developers may access this context from the [[useDayPicker]] hook when
  * using custom components.
  */
 export declare const DayPickerContext: React.Context<DayPickerContextValue | undefined>;
@@ -37,12 +36,10 @@ export declare const DayPickerContext: React.Context<DayPickerContextValue | und
 export interface DayPickerProviderProps {
     /** The initial props from the DayPicker component. */
     initialProps: DayPickerProps;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
- * The provider for the [[DayPickerContext]].
- *
- * The context value is set by assigning defaults from the initial DayPicker
- * props.
- * */
+ * The provider for the [[DayPickerContext]], assigning the defaults from the
+ * initial DayPicker props.
+ */
 export declare function DayPickerProvider(props: DayPickerProviderProps): JSX.Element;

package/dist/contexts/DayPicker/defaultContextValue.d.ts

@@ -0,0 +1,6 @@
+import { DayPickerContextValue } from '../../contexts/DayPicker';
+/**
+ * Returns the default values to use in the DayPickerContext, in case they are
+ * not passed down with the DayPicker initial props.
+ */
+export declare function getDefaultContextValue(): DayPickerContextValue;

package/{build → dist}/contexts/DayPicker/useDayPicker.d.ts

@@ -4,5 +4,5 @@ import { DayPickerContextValue } from './DayPickerContext';
  *
  * To use this hook make sure to wrap the components with a one
  * [[DayPickerProvider]].
- * */
+ */
 export declare function useDayPicker(): DayPickerContextValue;

package/{build → dist}/contexts/DayPicker/utils/parseFromToProps.d.ts

@@ -1,8 +1,5 @@
 import { DayPickerProps } from '../../../types/DayPicker';
-/**
- * Build the `fromDate` and `toDate` values, given the fromMonth/toMonth
- * or fromYear/toYear props.
- */
+/** Return the `fromDate` and `toDate` prop values values parsing the DayPicker props. */
 export declare function parseFromToProps(props: Pick<DayPickerProps, 'fromYear' | 'toYear' | 'fromDate' | 'toDate' | 'fromMonth' | 'toMonth'>): {
     fromDate: Date | undefined;
     toDate: Date | undefined;

package/{build → dist}/contexts/Focus/FocusContext.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 /** Represents the value of the [[NavigationContext]]. */
 export declare type FocusContextValue = {
-    /** The day currently focused */
+    /** The day currently focused. */
     focusedDay: Date | undefined;
-    /** The day that is the target of focus in the day grid (tabIndex = 0) */
+    /** Day that will be focused.  */
     focusTarget: Date | undefined;
-    /** Focus the specified day. */
+    /** Focus a day. */
     focus: (day: Date) => void;
-    /** Blur the focused day */
+    /** Blur the focused day. */
     blur: () => void;
     /** Focus the day after the focused day. */
     focusDayAfter: () => void;
     /** Focus the day before the focused day. */
     focusDayBefore: () => void;
     /** Focus the day in the week before the focused day. */
-    focusWeekBeforeDay: () => void;
+    focusWeekBefore: () => void;
     /** Focus the day in the week after the focused day. */
-    focusWeekAfterDay: () => void;
+    focusWeekAfter: () => void;
     focusMonthBefore: () => void;
     focusMonthAfter: () => void;
     focusYearBefore: () => void;
@@ -25,12 +25,12 @@ export declare type FocusContextValue = {
     focusEndOfWeek: () => void;
 };
 /**
- * The Focus context shares details about the focused day for the keyboard navigation.
+ * The Focus context shares details about the focused day for the keyboard
  *
  * Access this context from the [[useFocus]] hook.
  */
 export declare const FocusContext: React.Context<FocusContextValue | undefined>;
 /** The provider for the [[FocusContext]]. */
-export declare function FocusProvider({ children }: {
-    children: React.ReactNode;
+export declare function FocusProvider(props: {
+    children: ReactNode;
 }): JSX.Element;

package/dist/contexts/Focus/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FocusContext';
+export * from './useFocusContext';

package/{build/contexts/Focus/useFocus.d.ts → dist/contexts/Focus/useFocusContext.d.ts}

@@ -1,3 +1,3 @@
 import { FocusContextValue } from './FocusContext';
 /** Hook to access the [[FocusContext]]. */
-export declare function useFocus(): FocusContextValue;
+export declare function useFocusContext(): FocusContextValue;

package/dist/contexts/Focus/utils/getInitialFocusTarget.d.ts

@@ -0,0 +1,3 @@
+import { Modifiers } from '../../../types/Modifiers';
+/** Returns the day that should be the target of the focus when DayPicker is rendered the first time. */
+export declare function getInitialFocusTarget(displayMonths: Date[], modifiers: Modifiers): Date | undefined;

package/{build → dist}/contexts/Modifiers/ModifiersContext.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { Modifiers } from '../../types/Modifiers';
 /** The Modifiers context store the modifiers used in DayPicker. To access the value of this context, use [[useModifiers]]. */
 export declare const ModifiersContext: React.Context<Modifiers | undefined>;
 export declare type ModifiersProviderProps = {
-    children: React.ReactNode;
+    children: ReactNode;
 };
 /** Provide the value for the [[ModifiersContext]]. */
 export declare function ModifiersProvider(props: ModifiersProviderProps): JSX.Element;

package/dist/contexts/Modifiers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useModifiers';
+export * from './utils/getActiveModifiers';

package/dist/contexts/Modifiers/useModifiers.d.ts

@@ -0,0 +1,6 @@
+import { Modifiers } from '../../types/Modifiers';
+/**
+ * Return the modifiers used by DayPicker.
+ *
+ * Requires to be wrapped into [[ModifiersProvider]]. */
+export declare function useModifiers(): Modifiers;

package/dist/contexts/Modifiers/utils/getActiveModifiers.d.ts

@@ -0,0 +1,7 @@
+import { ActiveModifiers, Modifiers } from '../../../types/Modifiers';
+/** Return the active modifiers for the given day. */
+export declare function getActiveModifiers(day: Date, 
+/** The modifiers to match for the given date. */
+modifiers: Modifiers, 
+/** The month where the day is displayed, to add the "outside" modifiers.  */
+displayMonth?: Date): ActiveModifiers;

package/dist/contexts/Modifiers/utils/getCustomModifiers.d.ts

@@ -0,0 +1,3 @@
+import { CustomModifiers, DayModifiers } from '../../../types/Modifiers';
+/** Create CustomModifiers from dayModifiers */
+export declare function getCustomModifiers(dayModifiers: DayModifiers): CustomModifiers;

package/{build/hooks/useDayModifiers → dist/contexts/Modifiers}/utils/isDateInRange.d.ts

@@ -1,3 +1,3 @@
 import { DateRange } from '../../../types/Matchers';
-/** Return `true` whether the given date is inside the range. */
+/** Return `true` whether `date` is inside `range`. */
 export declare function isDateInRange(date: Date, range: DateRange): boolean;

package/dist/contexts/Modifiers/utils/isMatch.d.ts

@@ -0,0 +1,19 @@
+import { Matcher } from '../../../types/Matchers';
+/**
+ * Returns whether a day matches against at least one of the given Matchers.
+ *
+ * ```
+ * const day = new Date(2022, 5, 19);
+ * const matcher1: DateRange = {
+ *    from: new Date(2021, 12, 21),
+ *    to: new Date(2021, 12, 30)
+ * }
+ * const matcher2: DateRange = {
+ *    from: new Date(2022, 5, 1),
+ *    to: new Date(2022, 5, 23)
+ * }
+ *
+ * const isMatch(day, [matcher1, matcher2]); // true, since day is in the matcher1 range.
+ * ```
+ * */
+export declare function isMatch(day: Date, matchers: Matcher[]): boolean;

package/dist/contexts/Modifiers/utils/matcherToArray.d.ts

@@ -0,0 +1,3 @@
+import { Matcher } from '../../../types/Matchers';
+/** Normalize to array a matcher input. */
+export declare function matcherToArray(matcher: Matcher | Matcher[] | undefined): Matcher[];

package/{build → dist}/contexts/Navigation/NavigationContext.d.ts

@@ -1,16 +1,20 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 /** Represents the value of the [[NavigationContext]]. */
 export interface NavigationContextValue {
-    /** The current month. Note that when `numberOfMonths > 1` represent the first month in the displayed months. */
-    month: Date;
-    /** The months to display, according to `numberOfMonths`. */
+    /** The month to display in the calendar. Note that when `numberOfMonths > 1` represent the first month in the displayed months. */
+    currentMonth: Date;
+    /** The months rendered by DayPicker. DayPicker can render one than one month via `numberOfMonths`. */
     displayMonths: Date[];
     /** Navigate to the specified month. */
     goToMonth: (month: Date) => void;
+    /** Navigate to the specified date. */
+    goToDate: (date: Date, refDate?: Date) => void;
     /** The next month to display. `undefined` if no months left */
     nextMonth?: Date;
     /** The previous month to display. `undefined` if no months left */
     previousMonth?: Date;
+    /** Return true if the day is currently included in the months displayed in the calendar. */
+    isDateDisplayed: (day: Date) => boolean;
 }
 /**
  * The Navigation context shares details about the months being navigated in DayPicker.
@@ -20,5 +24,5 @@ export interface NavigationContextValue {
 export declare const NavigationContext: React.Context<NavigationContextValue | undefined>;
 /** Provides the values for the [[NavigationContext]]. */
 export declare function NavigationProvider(props: {
-    children?: React.ReactNode;
+    children?: ReactNode;
 }): JSX.Element;