react-day-picker 8.0.0-beta.33 → 8.0.0-beta.38

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,24 +1,28 @@
-import React 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`. */
-    displayMonths: Date[];
-    /** Navigate to the specified month. */
-    goToMonth: (month: 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;
-}
-/**
- * The Navigation context shares details about the months being navigated in DayPicker.
- *
- * Access this context from the [[useNavigation]] hook.
- */
-export declare const NavigationContext: React.Context<NavigationContextValue | undefined>;
-/** Provides the values for the [[NavigationContext]]. */
-export declare function NavigationProvider(props: {
-    children?: React.ReactNode;
-}): JSX.Element;
+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 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 displayed in the calendar. */
+    isDateDisplayed: (day: Date) => boolean;
+}
+/**
+ * The Navigation context shares details about the months being navigated in DayPicker.
+ *
+ * Access this context from the [[useNavigation]] hook.
+ */
+export declare const NavigationContext: React.Context<NavigationContextValue | undefined>;
+/** Provides the values for the [[NavigationContext]]. */
+export declare function NavigationProvider(props: {
+    children?: ReactNode;
+}): JSX.Element;

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

@@ -1,2 +1,2 @@
-export * from './NavigationContext';
-export * from './useNavigation';
+export * from './NavigationContext';
+export * from './useNavigation';

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

@@ -1,3 +1,3 @@
-import { NavigationContextValue } from './NavigationContext';
-/** Hook to access the [[NavigationContext]]. */
-export declare function useNavigation(): NavigationContextValue;
+import { NavigationContextValue } from './NavigationContext';
+/** Hook to access the [[NavigationContext]]. */
+export declare function useNavigation(): NavigationContextValue;

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

@@ -1,7 +1,7 @@
-/** Controls the navigation state. */
-export declare function useNavigationState(): [
-    /** The month DayPicker is navigating at */
-    month: Date,
-    /** Go to the specified month. */
-    goToMonth: (month: Date) => void
-];
+/** Controls the navigation state. */
+export declare function useNavigationState(): [
+    /** The month DayPicker is navigating at */
+    month: Date,
+    /** Go to the specified month. */
+    goToMonth: (month: Date) => void
+];

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

@@ -1,8 +1,8 @@
-/**
- * Return the months to display in the component according to the number of
- * months and the from/to date.
- */
-export declare function getDisplayMonths(month: Date, { reverseMonths, numberOfMonths }: {
-    reverseMonths?: boolean;
-    numberOfMonths: number;
-}): Date[];
+/**
+ * Return the months to display in the component according to the number of
+ * months and the from/to date.
+ */
+export declare function getDisplayMonths(month: Date, { reverseMonths, numberOfMonths }: {
+    reverseMonths?: boolean;
+    numberOfMonths: number;
+}): Date[];

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

@@ -1,3 +1,3 @@
-import { DayPickerContextValue } from '../../DayPicker/DayPickerContext';
-/** Return the initial month according to the given options. */
-export declare function getInitialMonth(context: Partial<DayPickerContextValue>): Date;
+import { DayPickerContextValue } from '../../../contexts/DayPicker';
+/** Return the initial month according to the given options. */
+export declare function getInitialMonth(context: Partial<DayPickerContextValue>): Date;

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

@@ -1,18 +1,18 @@
-/**
- * Returns the next month the user can navigate to according to the given
- * options.
- *
- * Please note that the next month is not always the next calendar month:
- *
- * - if after the `toDate` range, is undefined;
- * - if the navigation is paged, is the number of months displayed ahead.
- *
- */
-export declare function getNextMonth(startingMonth: Date, options: {
-    numberOfMonths?: number;
-    fromDate?: Date;
-    toDate?: Date;
-    pagedNavigation?: boolean;
-    today?: Date;
-    disableNavigation?: boolean;
-}): Date | undefined;
+/**
+ * Returns the next month the user can navigate to according to the given
+ * options.
+ *
+ * Please note that the next month is not always the next calendar month:
+ *
+ * - if after the `toDate` range, is undefined;
+ * - if the navigation is paged, is the number of months displayed ahead.
+ *
+ */
+export declare function getNextMonth(startingMonth: Date, options: {
+    numberOfMonths?: number;
+    fromDate?: Date;
+    toDate?: Date;
+    pagedNavigation?: boolean;
+    today?: Date;
+    disableNavigation?: boolean;
+}): Date | undefined;

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

@@ -1,19 +1,19 @@
-/**
- * Returns the next previous the user can navigate to, according to the given
- * options.
- *
- * Please note that the previous month is not always the previous calendar
- * month:
- *
- * - if before the `fromDate` date, is `undefined`;
- * - if the navigation is paged, is the number of months displayed before.
- *
- */
-export declare function getPreviousMonth(startingMonth: Date, options: {
-    numberOfMonths?: number;
-    fromDate?: Date;
-    toDate?: Date;
-    pagedNavigation?: boolean;
-    today?: Date;
-    disableNavigation?: boolean;
-}): Date | undefined;
+/**
+ * Returns the next previous the user can navigate to, according to the given
+ * options.
+ *
+ * Please note that the previous month is not always the previous calendar
+ * month:
+ *
+ * - if before the `fromDate` date, is `undefined`;
+ * - if the navigation is paged, is the number of months displayed before.
+ *
+ */
+export declare function getPreviousMonth(startingMonth: Date, options: {
+    numberOfMonths?: number;
+    fromDate?: Date;
+    toDate?: Date;
+    pagedNavigation?: boolean;
+    today?: Date;
+    disableNavigation?: boolean;
+}): Date | undefined;

package/{build → dist}/contexts/RootProvider.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { DayPickerProps } from '../types';
-/** The props of [[RootProvider]]. */
-export declare type RootContext = DayPickerProps & {
-    children: React.ReactNode;
-};
-/** Provide the value for all the context providers. */
-export declare function RootProvider(props: RootContext): JSX.Element;
+import React from 'react';
+import { DayPickerProps } from '../types/DayPicker';
+/** The props of [[RootProvider]]. */
+export declare type RootContext = DayPickerProps & {
+    children: React.ReactNode;
+};
+/** Provide the value for all the context providers. */
+export declare function RootProvider(props: RootContext): JSX.Element;

package/{build → dist}/contexts/SelectMultiple/SelectMultipleContext.d.ts

@@ -1,32 +1,35 @@
-import React from 'react';
-import { DayClickEventHandler, DayPickerMultipleProps, DayPickerProps, Modifiers } from '../../types';
-/** Represent the modifiers that are changed by the multiple selection. */
-export declare type SelectMultipleModifiers = Pick<Modifiers, 'selected' | 'disabled'>;
-/** Represents the value of a [[SelectMultipleContext]]. */
-export interface SelectMultipleContextValue {
-    /** The days that have been selected. */
-    selected: Date[] | undefined;
-    /** The modifiers for the corresponding selection. */
-    modifiers: SelectMultipleModifiers;
-    /** Event handler to attach to the day button to enable the multiple select. */
-    handleDayClick?: DayClickEventHandler;
-}
-/**
- * The SelectMultiple context shares details about the selected days when in
- * multiple selection mode.
- *
- * Access this context from the [[useSelectMultiple]] hook.
- */
-export declare const SelectMultipleContext: React.Context<SelectMultipleContextValue | undefined>;
-export declare type SelectMultipleProviderProps = {
-    initialProps: DayPickerProps;
-    children: React.ReactNode;
-};
-/** Provides the values for the [[SelectMultipleContext]]. */
-export declare function SelectMultipleProvider(props: SelectMultipleProviderProps): JSX.Element;
-declare type SelectMultipleProviderInternalProps = {
-    initialProps: DayPickerMultipleProps;
-    children: React.ReactNode;
-};
-export declare function SelectMultipleProviderInternal({ initialProps, children }: SelectMultipleProviderInternalProps): JSX.Element;
-export {};
+import React, { ReactNode } from 'react';
+import { DayPickerProps } from '../../types/DayPicker';
+import { DayPickerMultipleProps } from '../../types/DayPickerMultiple';
+import { DayClickEventHandler } from '../../types/EventHandlers';
+import { InternalModifier, Modifiers } from '../../types/Modifiers';
+/** Represent the modifiers that are changed by the multiple selection. */
+export declare type SelectMultipleModifiers = Pick<Modifiers, InternalModifier.Disabled>;
+/** Represents the value of a [[SelectMultipleContext]]. */
+export interface SelectMultipleContextValue {
+    /** The days that have been selected. */
+    selected: Date[] | undefined;
+    /** The modifiers for the corresponding selection. */
+    modifiers: SelectMultipleModifiers;
+    /** Event handler to attach to the day button to enable the multiple select. */
+    onDayClick?: DayClickEventHandler;
+}
+/**
+ * The SelectMultiple context shares details about the selected days when in
+ * multiple selection mode.
+ *
+ * Access this context from the [[useSelectMultiple]] hook.
+ */
+export declare const SelectMultipleContext: React.Context<SelectMultipleContextValue | undefined>;
+export declare type SelectMultipleProviderProps = {
+    initialProps: DayPickerProps;
+    children: ReactNode;
+};
+/** Provides the values for the [[SelectMultipleContext]]. */
+export declare function SelectMultipleProvider(props: SelectMultipleProviderProps): JSX.Element;
+declare type SelectMultipleProviderInternalProps = {
+    initialProps: DayPickerMultipleProps;
+    children: ReactNode;
+};
+export declare function SelectMultipleProviderInternal({ initialProps, children }: SelectMultipleProviderInternalProps): JSX.Element;
+export {};

package/{build → dist}/contexts/SelectMultiple/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SelectMultipleContext';
-export * from './useSelectMultiple';
+export * from './SelectMultipleContext';
+export * from './useSelectMultiple';

package/{build → dist}/contexts/SelectMultiple/useSelectMultiple.d.ts

@@ -1,3 +1,3 @@
-import { SelectMultipleContextValue } from './SelectMultipleContext';
-/** Hook to access the [[SelectMultipleContext]]. */
-export declare function useSelectMultiple(): SelectMultipleContextValue;
+import { SelectMultipleContextValue } from './SelectMultipleContext';
+/** Hook to access the [[SelectMultipleContext]]. */
+export declare function useSelectMultiple(): SelectMultipleContextValue;

package/{build → dist}/contexts/SelectRange/SelectRangeContext.d.ts

@@ -1,32 +1,36 @@
-import React from 'react';
-import { DateRange, DayClickEventHandler, DayPickerProps, DayPickerRangeProps, Modifiers } from '../../types';
-/** Represent the modifiers that are changed by the range selection. */
-export declare type SelectRangeModifiers = Pick<Modifiers, 'selected' | 'range_start' | 'range_end' | 'range_middle' | 'disabled'>;
-/** Represents the value of a [[SelectRangeContext]]. */
-export interface SelectRangeContextValue {
-    /** The range of days that has been selected. */
-    selected: DateRange | undefined;
-    /** The modifiers for the corresponding selection. */
-    modifiers: SelectRangeModifiers;
-    /** Event handler to attach to the day button to enable the range select. */
-    handleDayClick?: DayClickEventHandler;
-}
-/**
- * The SelectRange context shares details about the selected days when in
- * range selection mode.
- *
- * Access this context from the [[useSelectRange]] hook.
- */
-export declare const SelectRangeContext: React.Context<SelectRangeContextValue | undefined>;
-declare type SelectRangeProviderProps = {
-    initialProps: DayPickerProps;
-    children: React.ReactNode;
-};
-/** Provides the values for the [[SelectRangeProvider]]. */
-export declare function SelectRangeProvider(props: SelectRangeProviderProps): JSX.Element;
-declare type SelectRangeProviderInternalProps = {
-    initialProps: DayPickerRangeProps;
-    children: React.ReactNode;
-};
-export declare function SelectRangeProviderInternal({ initialProps, children }: SelectRangeProviderInternalProps): JSX.Element;
-export {};
+import React, { ReactNode } from 'react';
+import { DayPickerProps } from '../../types/DayPicker';
+import { DayPickerRangeProps } from '../../types/DayPickerRange';
+import { DayClickEventHandler } from '../../types/EventHandlers';
+import { DateRange } from '../../types/Matchers';
+import { InternalModifier, Modifiers } from '../../types/Modifiers';
+/** Represent the modifiers that are changed by the range selection. */
+export declare type SelectRangeModifiers = Pick<Modifiers, InternalModifier.Disabled | InternalModifier.RangeEnd | InternalModifier.RangeMiddle | InternalModifier.RangeStart>;
+/** Represents the value of a [[SelectRangeContext]]. */
+export interface SelectRangeContextValue {
+    /** The range of days that has been selected. */
+    selected: DateRange | undefined;
+    /** The modifiers for the corresponding selection. */
+    modifiers: SelectRangeModifiers;
+    /** Event handler to attach to the day button to enable the range select. */
+    onDayClick?: DayClickEventHandler;
+}
+/**
+ * The SelectRange context shares details about the selected days when in
+ * range selection mode.
+ *
+ * Access this context from the [[useSelectRange]] hook.
+ */
+export declare const SelectRangeContext: React.Context<SelectRangeContextValue | undefined>;
+declare type SelectRangeProviderProps = {
+    initialProps: DayPickerProps;
+    children: ReactNode;
+};
+/** Provides the values for the [[SelectRangeProvider]]. */
+export declare function SelectRangeProvider(props: SelectRangeProviderProps): JSX.Element;
+declare type SelectRangeProviderInternalProps = {
+    initialProps: DayPickerRangeProps;
+    children: ReactNode;
+};
+export declare function SelectRangeProviderInternal({ initialProps, children }: SelectRangeProviderInternalProps): JSX.Element;
+export {};

package/{build → dist}/contexts/SelectRange/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SelectRangeContext';
-export * from './useSelectRange';
+export * from './SelectRangeContext';
+export * from './useSelectRange';

package/{build → dist}/contexts/SelectRange/useSelectRange.d.ts

@@ -1,3 +1,3 @@
-import { SelectRangeContextValue } from './SelectRangeContext';
-/** Hook to access the [[SelectRangeContext]]. */
-export declare function useSelectRange(): SelectRangeContextValue;
+import { SelectRangeContextValue } from './SelectRangeContext';
+/** Hook to access the [[SelectRangeContext]]. */
+export declare function useSelectRange(): SelectRangeContextValue;

package/{build → dist}/contexts/SelectRange/utils/addToRange.d.ts

@@ -1,8 +1,8 @@
-import { DateRange } from '../../../types';
-/**
- * Add a day to an existing range.
- *
- * The returned range takes in account the `undefined` values and if the added
- * day is already present in the range.
- */
-export declare function addToRange(day: Date, range?: DateRange): DateRange | undefined;
+import { DateRange } from '../../../types/Matchers';
+/**
+ * Add a day to an existing range.
+ *
+ * The returned range takes in account the `undefined` values and if the added
+ * day is already present in the range.
+ */
+export declare function addToRange(day: Date, range?: DateRange): DateRange | undefined;

package/{build → dist}/contexts/SelectSingle/SelectSingleContext.d.ts

@@ -1,35 +1,30 @@
-import React from 'react';
-import { DayPickerProps } from '../../types/DayPicker';
-import { DayPickerSingleProps } from '../../types/DayPickerSingle';
-import { DayClickEventHandler } from '../../types/EventHandlers';
-import { Modifiers } from '../../types/Modifiers';
-/** Represent the modifiers that are changed by the single selection. */
-export declare type SelectSingleModifiers = Pick<Modifiers, 'selected'>;
-/** Represents the value of a [[SelectSingleContext]]. */
-export interface SelectSingleContextValue {
-    /** The day that has been selected. */
-    selected: Date | undefined;
-    /** The modifiers for the corresponding selection. */
-    modifiers: SelectSingleModifiers;
-    /** Event handler to attach to the day button to enable the single select. */
-    handleDayClick?: DayClickEventHandler;
-}
-/**
- * The SelectSingle context shares details about the selected days when in
- * single selection mode.
- *
- * Access this context from the [[useSelectSingle]] hook.
- */
-export declare const SelectSingleContext: React.Context<SelectSingleContextValue | undefined>;
-declare type SelectSingleProviderProps = {
-    initialProps: DayPickerProps;
-    children: React.ReactNode;
-};
-/** Provides the values for the [[SelectSingleProvider]]. */
-export declare function SelectSingleProvider(props: SelectSingleProviderProps): JSX.Element;
-declare type SelectSingleProviderInternal = {
-    initialProps: DayPickerSingleProps;
-    children: React.ReactNode;
-};
-export declare function SelectSingleProviderInternal({ initialProps, children }: SelectSingleProviderInternal): JSX.Element;
-export {};
+import React from 'react';
+import { DayPickerProps } from '../../types/DayPicker';
+import { DayPickerSingleProps } from '../../types/DayPickerSingle';
+import { DayClickEventHandler } from '../../types/EventHandlers';
+/** Represents the value of a [[SelectSingleContext]]. */
+export interface SelectSingleContextValue {
+    /** The day that has been selected. */
+    selected: Date | undefined;
+    /** Event handler to attach to the day button to enable the single select. */
+    onDayClick?: DayClickEventHandler;
+}
+/**
+ * The SelectSingle context shares details about the selected days when in
+ * single selection mode.
+ *
+ * Access this context from the [[useSelectSingle]] hook.
+ */
+export declare const SelectSingleContext: React.Context<SelectSingleContextValue | undefined>;
+declare type SelectSingleProviderProps = {
+    initialProps: DayPickerProps;
+    children: React.ReactNode;
+};
+/** Provides the values for the [[SelectSingleProvider]]. */
+export declare function SelectSingleProvider(props: SelectSingleProviderProps): JSX.Element;
+declare type SelectSingleProviderInternal = {
+    initialProps: DayPickerSingleProps;
+    children: React.ReactNode;
+};
+export declare function SelectSingleProviderInternal({ initialProps, children }: SelectSingleProviderInternal): JSX.Element;
+export {};

package/{build → dist}/contexts/SelectSingle/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SelectSingleContext';
-export * from './useSelectSingle';
+export * from './SelectSingleContext';
+export * from './useSelectSingle';

package/{build → dist}/contexts/SelectSingle/useSelectSingle.d.ts

@@ -1,3 +1,3 @@
-import { SelectSingleContextValue } from './SelectSingleContext';
-/** Hook to access the [[SelectSingleContext]]. */
-export declare function useSelectSingle(): SelectSingleContextValue;
+import { SelectSingleContextValue } from './SelectSingleContext';
+/** Hook to access the [[SelectSingleContext]]. */
+export declare function useSelectSingle(): SelectSingleContextValue;

package/dist/hooks/useActiveModifiers/index.d.ts

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

package/dist/hooks/useActiveModifiers/useActiveModifiers.d.ts

@@ -0,0 +1,9 @@
+import { ActiveModifiers } from '../../types/Modifiers';
+/**
+ * Return the active modifiers for the specified day.
+ *
+ * @param day
+ * @param displayMonth The month where the date is displayed. If not the same as
+ * `date`, the day is an "outside day".
+ */
+export declare function useActiveModifiers(day: Date, displayMonth?: Date): ActiveModifiers;

package/{build → dist}/hooks/useControlledValue/index.d.ts

@@ -1 +1 @@
-export * from './useControlledValue';
+export * from './useControlledValue';

package/{build → dist}/hooks/useControlledValue/useControlledValue.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export declare type DispatchStateAction<T> = React.Dispatch<React.SetStateAction<T>>;
-/**
- * Helper hook for using controlled/uncontrolled values from a component props.
- *
- * When the value is not controlled, pass `undefined` as `controlledValue` and
- * use the returned setter to update it.
- *
- * When the value is controlled, pass the controlled value as second
- * argument, which will be always returned as `value`.
- */
-export declare function useControlledValue<T>(defaultValue: T, controlledValue: T | undefined): [T, DispatchStateAction<T>];
+import React from 'react';
+export declare type DispatchStateAction<T> = React.Dispatch<React.SetStateAction<T>>;
+/**
+ * Helper hook for using controlled/uncontrolled values from a component props.
+ *
+ * When the value is not controlled, pass `undefined` as `controlledValue` and
+ * use the returned setter to update it.
+ *
+ * When the value is controlled, pass the controlled value as second
+ * argument, which will be always returned as `value`.
+ */
+export declare function useControlledValue<T>(defaultValue: T, controlledValue: T | undefined): [T, DispatchStateAction<T>];

package/dist/hooks/useDayEventHandlers/index.d.ts

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

package/dist/hooks/useDayEventHandlers/useDayEventHandlers.d.ts

@@ -0,0 +1,28 @@
+import { HTMLProps } from 'react';
+import { ActiveModifiers } from '../../types/Modifiers';
+export declare type EventName = 'onClick' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'onMouseEnter' | 'onMouseLeave' | 'onTouchCancel' | 'onTouchEnd' | 'onTouchMove' | 'onTouchStart';
+export declare type DayEventName = 'onDayClick' | 'onDayFocus' | 'onDayBlur' | 'onDayKeyDown' | 'onDayKeyUp' | 'onDayMouseEnter' | 'onDayMouseLeave' | 'onDayTouchCancel' | 'onDayTouchEnd' | 'onDayTouchMove' | 'onDayTouchStart';
+export declare type DayEventHandlers = Pick<HTMLProps<HTMLButtonElement>, EventName>;
+/**
+ * This hook returns details about the content to render in the day cell.
+ *
+ *
+ * When a day cell is rendered in the table, DayPicker can either:
+ *
+ * - render nothing: when the day is outside the month or has matched the
+ *   "hidden" modifier.
+ * - render a button. When a selection mode is set, DayPicker renders a button
+ *   to allow the focus and the selection. In case of `custom` selection
+ *   mode, DayPicker expects a `onDayClick` prop to render a button.
+ * - render a non-interactive element: when no selection mode is set, the day
+ *   cell shouldn’t respond to any interaction. DayPicker should render a `div`
+ *   or a `span`.
+ *
+ * ### Usage
+ *
+ * Use this hook to customize the behavior of the [[Day]] component. Create a
+ * new `Day` component using this hook and pass it to the `components` prop.
+ * The source of [[Day]] can be a good starting point.
+ *
+ */
+export declare function useDayEventHandlers(date: Date, activeModifiers: ActiveModifiers): DayEventHandlers;

package/dist/hooks/useDayRender/index.d.ts

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

package/dist/hooks/useDayRender/useDayRender.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { ButtonProps } from '../../components/Button';
+import { DayEventHandlers } from '../../hooks/useDayEventHandlers';
+import { SelectedDays } from '../../hooks/useSelectedDays';
+import { ActiveModifiers } from '../../types/Modifiers';
+import { StyledComponent } from '../../types/Styles';
+export declare type DayRender = {
+    /** Whether the day should be rendered a `button` instead of a `div` */
+    isButton: boolean;
+    /** Whether the day should be hidden. */
+    isHidden: boolean;
+    /** 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;
+    /** The props to apply to the div element (when `isButton` is false). */
+    divProps: StyledComponent;
+    selectedDays: SelectedDays;
+};
+/**
+ * Return props and data used to render the [[Day]] component.
+ *
+ * Use this hook when creating a component to replace the built-in `Day`
+ * component.
+ *
+ * Each Day in DayPicker should render one of the following, according to the return
+ * value:
+ *
+ * - an empty `React.Fragment`, to render if `isHidden` is true
+ * - a `button` element, when the day is interactive, e.g. is selectable
+ * - a `div` element, whe the day is not interactive
+ *
+ * @param day The date to render
+ * @param displayMonth The month where the date is displayed (if not the same as
+ * `date`, it means it is an "outside" day)
+ * @param buttonRef A ref to the button element that will be target of focus
+ * when rendered (if required).
+ */
+export declare function useDayRender(day: Date, displayMonth: Date, buttonRef: React.RefObject<HTMLButtonElement>): DayRender;

package/dist/hooks/useDayRender/utils/getDayClassNames.d.ts

@@ -0,0 +1,4 @@
+import { DayPickerContextValue } from '../../../contexts/DayPicker';
+import { ActiveModifiers } from '../../../types/Modifiers';
+/** Return the class names for the Day element, according to the given active modifiers. */
+export declare function getDayClassNames(dayPicker: Pick<DayPickerContextValue, 'modifiersClassNames' | 'classNames' | 'modifierPrefix'>, activeModifiers: ActiveModifiers): string[];

package/dist/hooks/useDayRender/utils/getDayStyle.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DayPickerContextValue } from '../../../contexts/DayPicker';
+import { ActiveModifiers } from '../../../types/Modifiers';
+/** Return the style for the Day element, according to the given active modifiers. */
+export declare function getDayStyle(dayPicker: Pick<DayPickerContextValue, 'modifiersStyles' | 'styles'>, activeModifiers: ActiveModifiers): React.CSSProperties;

package/{build → dist}/hooks/useInput/index.d.ts

@@ -1 +1 @@
-export * from './useInput';
+export * from './useInput';