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

package/build/hooks/useInput/useInput.d.ts

@@ -1,31 +1,10 @@
-import * as React from 'react';
-import { DayClickEventHandler, DayPickerProps, MonthChangeEventHandler } from '../../types';
-/** Represent the props to attach to the input field. */
-export interface UseInputFieldProps {
-    /** Event handler for the blur event. */
-    onBlur: React.FocusEventHandler;
-    /** Event handler for the change event. */
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-    /** Event handler for the focus event. */
-    onFocus: React.FocusEventHandler;
-    /** The value of the input field */
-    value: string;
-    /** The input field placeholder */
-    placeholder?: string;
-}
-/** Represent the props to attach to DayPicker component. */
-export interface UseInputDayPickerProps {
-    mode: 'custom';
-    fromDate?: Date;
-    locale: Locale;
-    min: number;
-    month: Date;
-    onDayClick: DayClickEventHandler;
-    onMonthChange: MonthChangeEventHandler;
-    selected: Date | undefined;
-    toDate?: Date;
-    today: Date;
-}
+import React from 'react';
+import { DayPickerProps } from '../../types/DayPicker';
+import { DayPickerCustomProps } from '../../types';
+/** The props to attach to the input field when using [[useInput]]. */
+export declare type InputHTMLAttributes = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onBlur' | 'onChange' | 'onFocus' | 'value' | 'placeholder'>;
+/** The props to attach to the DayPicker component when using [[useInput]]. */
+export declare type InputDayPickerProps = Pick<DayPickerCustomProps, 'mode' | 'fromDate' | 'toDate' | 'locale' | 'month' | 'onDayClick' | 'onMonthChange' | 'selected' | 'today'>;
 export interface UseInputOptions extends Pick<DayPickerProps, 'locale' | 'fromDate' | 'toDate' | 'fromMonth' | 'toMonth' | 'fromYear' | 'toYear' | 'today'> {
     /** The initially selected date */
     defaultSelected?: Date;
@@ -36,10 +15,10 @@ export interface UseInputOptions extends Pick<DayPickerProps, 'locale' | 'fromDa
 }
 /** Represent the value returned by [[useInput]]. */
 export interface UseInput {
-    /** The props to pass to a DayPicker component: `<DayPicker {...dayPickerProps} />` */
-    dayPickerProps: UseInputDayPickerProps;
-    /** The props to pass to an input field: `<input {...inputProps} />` */
-    inputProps: UseInputFieldProps;
+    /** The props to pass to a DayPicker component. */
+    dayPickerProps: InputDayPickerProps;
+    /** The props to pass to an input field. */
+    inputProps: InputHTMLAttributes;
     /** A function to reset to the initial state. */
     reset: () => void;
     /** A function to set the selected day. */

package/build/hooks/useInput/useInput.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { format, parse, differenceInCalendarDays } from 'date-fns';
 import enUS from 'date-fns/locale/en-US';
 import { parseFromToProps } from '../../contexts/DayPicker/utils/parseFromToProps.js';
@@ -9,7 +9,6 @@ function useInput(options) {
     if (options === void 0) { options = {}; }
     var _a = options.locale, locale = _a === void 0 ? enUS : _a, required = options.required, _b = options.format, format$1 = _b === void 0 ? 'PP' : _b, defaultSelected = options.defaultSelected, _c = options.today, today = _c === void 0 ? new Date() : _c;
     var _d = parseFromToProps(options), fromDate = _d.fromDate, toDate = _d.toDate;
-    var min = required ? 1 : 0;
     // Shortcut to the DateFns functions
     var parseValue = function (value) { return parse(value, format$1, today, { locale: locale }); };
     // Initialize states
@@ -86,8 +85,7 @@ function useInput(options) {
         locale: locale,
         fromDate: options === null || options === void 0 ? void 0 : options.fromDate,
         toDate: options === null || options === void 0 ? void 0 : options.toDate,
-        today: today,
-        min: min
+        today: today
     };
     var inputProps = {
         onBlur: handleBlur,

package/build/hooks/useInput/useInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInput.js","sources":["../../../src/hooks/useInput/useInput.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { differenceInCalendarDays, format as _format, parse } from 'date-fns';\nimport enUS from 'date-fns/locale/en-US';\n\nimport { parseFromToProps } from '../../contexts/DayPicker/utils';\nimport {\n  DayClickEventHandler,\n  DayPickerProps,\n  MonthChangeEventHandler\n} from '../../types';\nimport { isValidDate } from './utils/isValidDate';\n\n/** Represent the props to attach to the input field. */\nexport interface UseInputFieldProps {\n  /** Event handler for the blur event. */\n  onBlur: React.FocusEventHandler;\n  /** Event handler for the change event. */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /** Event handler for the focus event. */\n  onFocus: React.FocusEventHandler;\n  /** The value of the input field */\n  value: string;\n  /** The input field placeholder */\n  placeholder?: string;\n}\n\n/** Represent the props to attach to DayPicker component. */\nexport interface UseInputDayPickerProps {\n  mode: 'custom';\n  fromDate?: Date;\n  locale: Locale;\n  min: number;\n  month: Date;\n  onDayClick: DayClickEventHandler;\n  onMonthChange: MonthChangeEventHandler;\n  selected: Date | undefined;\n  toDate?: Date;\n  today: Date;\n}\n\nexport interface UseInputOptions\n  extends Pick<\n    DayPickerProps,\n    | 'locale'\n    | 'fromDate'\n    | 'toDate'\n    | 'fromMonth'\n    | 'toMonth'\n    | 'fromYear'\n    | 'toYear'\n    | 'today'\n  > {\n  /** The initially selected date */\n  defaultSelected?: Date;\n  /** The format string for formatting the input field. See https://date-fns.org/docs/format for a list of format strings. Default to `PP`. */\n  format?: string;\n  /** Make the selection required. */\n  required?: boolean;\n}\n\n/** Represent the value returned by [[useInput]]. */\nexport interface UseInput {\n  /** The props to pass to a DayPicker component: `<DayPicker {...dayPickerProps} />` */\n  dayPickerProps: UseInputDayPickerProps;\n  /** The props to pass to an input field: `<input {...inputProps} />` */\n  inputProps: UseInputFieldProps;\n  /** A function to reset to the initial state. */\n  reset: () => void;\n  /** A function to set the selected day. */\n  setSelected: (day: Date) => void;\n}\n\n/** Return props and setters for binding an input field to DayPicker. */\nexport function useInput(options: UseInputOptions = {}): UseInput {\n  const {\n    locale = enUS,\n    required,\n    format = 'PP',\n    defaultSelected,\n    today = new Date()\n  } = options;\n  const { fromDate, toDate } = parseFromToProps(options);\n\n  const min = required ? 1 : 0;\n\n  // Shortcut to the DateFns functions\n  const parseValue = (value: string) => parse(value, format, today, { locale });\n\n  // Initialize states\n  const [month, setMonth] = React.useState(defaultSelected ?? today);\n  const [selectedDay, setSelectedDay] = React.useState(defaultSelected);\n  const defaultInputValue = defaultSelected\n    ? _format(defaultSelected, format, { locale })\n    : '';\n  const [inputValue, setInputValue] = React.useState(defaultInputValue);\n\n  const reset = () => {\n    setSelectedDay(defaultSelected);\n    setMonth(defaultSelected ?? today);\n    setInputValue(defaultInputValue ?? '');\n  };\n\n  const setSelected = (date: Date | undefined) => {\n    setSelectedDay(date);\n    setMonth(date ?? today);\n    setInputValue(date ? _format(date, format, { locale }) : '');\n  };\n\n  const handleDayClick: DayClickEventHandler = (day, { selected }) => {\n    if (!required && selected) {\n      setSelectedDay(undefined);\n      setInputValue('');\n      return;\n    }\n    setSelectedDay(day);\n    setInputValue(day ? _format(day, format, { locale }) : '');\n  };\n\n  const handleMonthChange: MonthChangeEventHandler = (month) => {\n    setMonth(month);\n  };\n\n  // When changing the input field, save its value in state and check if the\n  // string is a valid date. If it is a valid day, set it as selected and update\n  // the calendar’s month.\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    setInputValue(e.target.value);\n    const day = parseValue(e.target.value);\n    const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;\n    const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;\n    if (!isValidDate(day) || isBefore || isAfter) {\n      setSelectedDay(undefined);\n      return;\n    }\n    setSelectedDay(day);\n    setMonth(day);\n  };\n\n  // Special case for _required_ fields: on blur, if the value of the input is not\n  // a valid date, reset the calendar and the input value.\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    const day = parseValue(e.target.value);\n    if (!isValidDate(day)) {\n      reset();\n    }\n  };\n\n  // When focusing, make sure DayPicker visualizes the month of the date in the\n  // input field.\n  const handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    if (!e.target.value) {\n      reset();\n      return;\n    }\n    const day = parseValue(e.target.value);\n    if (isValidDate(day)) {\n      setMonth(day);\n    }\n  };\n\n  const dayPickerProps: UseInputDayPickerProps = {\n    mode: 'custom',\n    month: month,\n    onDayClick: handleDayClick,\n    onMonthChange: handleMonthChange,\n    selected: selectedDay,\n    locale,\n    fromDate: options?.fromDate,\n    toDate: options?.toDate,\n    today,\n    min\n  };\n\n  const inputProps: UseInputFieldProps = {\n    onBlur: handleBlur,\n    onChange: handleChange,\n    onFocus: handleFocus,\n    value: inputValue,\n    placeholder: _format(new Date(), format, { locale })\n  };\n\n  return { dayPickerProps, inputProps, reset, setSelected };\n}\n"],"names":["format","_format"],"mappings":"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"}
+{"version":3,"file":"useInput.js","sources":["../../../src/hooks/useInput/useInput.ts"],"sourcesContent":["import React from 'react';\n\nimport { differenceInCalendarDays, format as _format, parse } from 'date-fns';\nimport enUS from 'date-fns/locale/en-US';\n\nimport { parseFromToProps } from '../../contexts/DayPicker/utils';\nimport { isValidDate } from './utils/isValidDate';\nimport {\n  DayClickEventHandler,\n  MonthChangeEventHandler\n} from '../../types/EventHandlers';\nimport { DayPickerProps } from '../../types/DayPicker';\nimport { DayPickerCustomProps } from '../../types';\n\n/** The props to attach to the input field when using [[useInput]]. */\nexport type InputHTMLAttributes = Pick<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'onBlur' | 'onChange' | 'onFocus' | 'value' | 'placeholder'\n>;\n\n/** The props to attach to the DayPicker component when using [[useInput]]. */\nexport type InputDayPickerProps = Pick<\n  DayPickerCustomProps,\n  | 'mode'\n  | 'fromDate'\n  | 'toDate'\n  | 'locale'\n  | 'month'\n  | 'onDayClick'\n  | 'onMonthChange'\n  | 'selected'\n  | 'today'\n>;\n\nexport interface UseInputOptions\n  extends Pick<\n    DayPickerProps,\n    | 'locale'\n    | 'fromDate'\n    | 'toDate'\n    | 'fromMonth'\n    | 'toMonth'\n    | 'fromYear'\n    | 'toYear'\n    | 'today'\n  > {\n  /** The initially selected date */\n  defaultSelected?: Date;\n  /** The format string for formatting the input field. See https://date-fns.org/docs/format for a list of format strings. Default to `PP`. */\n  format?: string;\n  /** Make the selection required. */\n  required?: boolean;\n}\n\n/** Represent the value returned by [[useInput]]. */\nexport interface UseInput {\n  /** The props to pass to a DayPicker component. */\n  dayPickerProps: InputDayPickerProps;\n  /** The props to pass to an input field. */\n  inputProps: InputHTMLAttributes;\n  /** A function to reset to the initial state. */\n  reset: () => void;\n  /** A function to set the selected day. */\n  setSelected: (day: Date) => void;\n}\n\n/** Return props and setters for binding an input field to DayPicker. */\nexport function useInput(options: UseInputOptions = {}): UseInput {\n  const {\n    locale = enUS,\n    required,\n    format = 'PP',\n    defaultSelected,\n    today = new Date()\n  } = options;\n  const { fromDate, toDate } = parseFromToProps(options);\n\n  const min = required ? 1 : 0;\n\n  // Shortcut to the DateFns functions\n  const parseValue = (value: string) => parse(value, format, today, { locale });\n\n  // Initialize states\n  const [month, setMonth] = React.useState(defaultSelected ?? today);\n  const [selectedDay, setSelectedDay] = React.useState(defaultSelected);\n  const defaultInputValue = defaultSelected\n    ? _format(defaultSelected, format, { locale })\n    : '';\n  const [inputValue, setInputValue] = React.useState(defaultInputValue);\n\n  const reset = () => {\n    setSelectedDay(defaultSelected);\n    setMonth(defaultSelected ?? today);\n    setInputValue(defaultInputValue ?? '');\n  };\n\n  const setSelected = (date: Date | undefined) => {\n    setSelectedDay(date);\n    setMonth(date ?? today);\n    setInputValue(date ? _format(date, format, { locale }) : '');\n  };\n\n  const handleDayClick: DayClickEventHandler = (day, { selected }) => {\n    if (!required && selected) {\n      setSelectedDay(undefined);\n      setInputValue('');\n      return;\n    }\n    setSelectedDay(day);\n    setInputValue(day ? _format(day, format, { locale }) : '');\n  };\n\n  const handleMonthChange: MonthChangeEventHandler = (month) => {\n    setMonth(month);\n  };\n\n  // When changing the input field, save its value in state and check if the\n  // string is a valid date. If it is a valid day, set it as selected and update\n  // the calendar’s month.\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    setInputValue(e.target.value);\n    const day = parseValue(e.target.value);\n    const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;\n    const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;\n    if (!isValidDate(day) || isBefore || isAfter) {\n      setSelectedDay(undefined);\n      return;\n    }\n    setSelectedDay(day);\n    setMonth(day);\n  };\n\n  // Special case for _required_ fields: on blur, if the value of the input is not\n  // a valid date, reset the calendar and the input value.\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    const day = parseValue(e.target.value);\n    if (!isValidDate(day)) {\n      reset();\n    }\n  };\n\n  // When focusing, make sure DayPicker visualizes the month of the date in the\n  // input field.\n  const handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    if (!e.target.value) {\n      reset();\n      return;\n    }\n    const day = parseValue(e.target.value);\n    if (isValidDate(day)) {\n      setMonth(day);\n    }\n  };\n\n  const dayPickerProps: InputDayPickerProps = {\n    mode: 'custom',\n    month: month,\n    onDayClick: handleDayClick,\n    onMonthChange: handleMonthChange,\n    selected: selectedDay,\n    locale,\n    fromDate: options?.fromDate,\n    toDate: options?.toDate,\n    today\n  };\n\n  const inputProps: InputHTMLAttributes = {\n    onBlur: handleBlur,\n    onChange: handleChange,\n    onFocus: handleFocus,\n    value: inputValue,\n    placeholder: _format(new Date(), format, { locale })\n  };\n\n  return { dayPickerProps, inputProps, reset, setSelected };\n}\n"],"names":["format","_format"],"mappings":"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"}

package/build/hooks/useModifiers/useModifiers.js

@@ -1,11 +1,9 @@
 import { __assign } from '../../_virtual/_tslib.js';
-import 'date-fns';
-import { isDayPickerMultiple } from '../../types/isDayPickerMultiple.js';
-import { isDayPickerRange } from '../../types/isDayPickerRange.js';
-import { isDayPickerSingle } from '../../types/isDayPickerSingle.js';
+import { isDayPickerMultiple } from '../../types/DayPickerMultiple.js';
+import { isDayPickerRange } from '../../types/DayPickerRange.js';
+import { isDayPickerSingle } from '../../types/DayPickerSingle.js';
 import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
 import '../../contexts/SelectMultiple/SelectMultipleContext.js';
-import 'react';
 import { useSelectMultiple } from '../../contexts/SelectMultiple/useSelectMultiple.js';
 import '../../contexts/SelectRange/SelectRangeContext.js';
 import { useSelectRange } from '../../contexts/SelectRange/useSelectRange.js';

package/build/hooks/useModifiers/useModifiers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModifiers.js","sources":["../../../src/hooks/useModifiers/useModifiers.ts"],"sourcesContent":["import {\n  isDayPickerMultiple,\n  isDayPickerRange,\n  isDayPickerSingle,\n  Modifiers\n} from '../../types';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { useSelectMultiple } from '../../contexts/SelectMultiple';\nimport { useSelectRange } from '../../contexts/SelectRange';\nimport { useSelectSingle } from '../../contexts/SelectSingle';\n\nimport { UseModifiers } from './types';\nimport { getModifierStatus } from './utils/getModifierStatus';\n\n/** Return the modifiers and its styles for the specified date. */\nexport function useModifiers(date: Date): UseModifiers {\n  const context = useDayPicker();\n\n  const singleSelect = useSelectSingle();\n  const multipleSelect = useSelectMultiple();\n  const rangeSelect = useSelectRange();\n\n  // TODO: modifiers from context should not be overridden\n  const modifiers: Modifiers = {\n    ...context.modifiers,\n    today: context.modifiers.today ?? [context.today],\n    disabled: context.modifiers.disabled\n  };\n\n  if (isDayPickerSingle(context)) {\n    modifiers.selected = modifiers.selected.concat(\n      singleSelect.modifiers.selected ?? []\n    );\n  } else if (isDayPickerMultiple(context)) {\n    modifiers.selected = modifiers.selected.concat(\n      multipleSelect.modifiers.selected ?? []\n    );\n    modifiers.disabled = modifiers.disabled.concat(\n      multipleSelect.modifiers.disabled ?? []\n    );\n  } else if (isDayPickerRange(context)) {\n    modifiers.selected = modifiers.selected.concat(\n      rangeSelect.modifiers.selected ?? []\n    );\n    modifiers.disabled = modifiers.disabled.concat(\n      rangeSelect.modifiers.disabled ?? []\n    );\n    modifiers.range_start = rangeSelect.modifiers.range_start ?? [];\n    modifiers.range_middle = rangeSelect.modifiers.range_middle ?? [];\n    modifiers.range_end = rangeSelect.modifiers.range_end ?? [];\n  }\n\n  const status = getModifierStatus(date, modifiers);\n\n  const modifierClassNames: string[] = [];\n\n  Object.keys(status)\n    .filter((modifier) => Boolean(status[modifier]))\n    .forEach((modifier) => {\n      const customClassName = context.modifierClassNames[modifier];\n      if (customClassName) {\n        modifierClassNames.push(customClassName);\n      } else {\n        modifierClassNames.push(`${context.modifierPrefix}${modifier}`);\n      }\n    });\n\n  let modifierStyle = {};\n  if (context.modifierStyles) {\n    Object.keys(status).forEach((modifier) => {\n      modifierStyle = {\n        ...modifierStyle,\n        ...context.modifierStyles?.[modifier]\n      };\n    });\n  }\n\n  return {\n    modifiers: status,\n    modifierClassNames: modifierClassNames,\n    modifierStyle\n  };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA;SACgB,YAAY,CAAC,IAAU;;IACrC,IAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAE/B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;;IAGrC,IAAM,SAAS,yBACV,OAAO,CAAC,SAAS,KACpB,KAAK,EAAE,MAAA,OAAO,CAAC,SAAS,CAAC,KAAK,mCAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EACjD,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,QAAQ,GACrC,CAAC;IAEF,IAAI,iBAAiB,CAAC,OAAO,CAAC,EAAE;QAC9B,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,YAAY,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACtC,CAAC;KACH;SAAM,IAAI,mBAAmB,CAAC,OAAO,CAAC,EAAE;QACvC,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,cAAc,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACxC,CAAC;QACF,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,cAAc,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACxC,CAAC;KACH;SAAM,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE;QACpC,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,WAAW,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACrC,CAAC;QACF,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,WAAW,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACrC,CAAC;QACF,SAAS,CAAC,WAAW,GAAG,MAAA,WAAW,CAAC,SAAS,CAAC,WAAW,mCAAI,EAAE,CAAC;QAChE,SAAS,CAAC,YAAY,GAAG,MAAA,WAAW,CAAC,SAAS,CAAC,YAAY,mCAAI,EAAE,CAAC;QAClE,SAAS,CAAC,SAAS,GAAG,MAAA,WAAW,CAAC,SAAS,CAAC,SAAS,mCAAI,EAAE,CAAC;KAC7D;IAED,IAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAElD,IAAM,kBAAkB,GAAa,EAAE,CAAC;IAExC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;SAChB,MAAM,CAAC,UAAC,QAAQ,IAAK,OAAA,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAA,CAAC;SAC/C,OAAO,CAAC,UAAC,QAAQ;QAChB,IAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC7D,IAAI,eAAe,EAAE;YACnB,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SAC1C;aAAM;YACL,kBAAkB,CAAC,IAAI,CAAC,KAAG,OAAO,CAAC,cAAc,GAAG,QAAU,CAAC,CAAC;SACjE;KACF,CAAC,CAAC;IAEL,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,OAAO,CAAC,cAAc,EAAE;QAC1B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,QAAQ;;YACnC,aAAa,yBACR,aAAa,GACb,MAAA,OAAO,CAAC,cAAc,0CAAG,QAAQ,CAAC,CACtC,CAAC;SACH,CAAC,CAAC;KACJ;IAED,OAAO;QACL,SAAS,EAAE,MAAM;QACjB,kBAAkB,EAAE,kBAAkB;QACtC,aAAa,eAAA;KACd,CAAC;AACJ;;;;"}
+{"version":3,"file":"useModifiers.js","sources":["../../../src/hooks/useModifiers/useModifiers.ts"],"sourcesContent":["import {\n  isDayPickerMultiple,\n  isDayPickerRange,\n  isDayPickerSingle,\n  Modifiers\n} from '../../types';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { useSelectMultiple } from '../../contexts/SelectMultiple';\nimport { useSelectRange } from '../../contexts/SelectRange';\nimport { useSelectSingle } from '../../contexts/SelectSingle';\n\nimport { UseModifiers } from './types';\nimport { getModifierStatus } from './utils/getModifierStatus';\n\n/** Return the modifiers and its styles for the specified date. */\nexport function useModifiers(date: Date): UseModifiers {\n  const context = useDayPicker();\n\n  const singleSelect = useSelectSingle();\n  const multipleSelect = useSelectMultiple();\n  const rangeSelect = useSelectRange();\n\n  // TODO: modifiers from context should not be overridden\n  const modifiers: Modifiers = {\n    ...context.modifiers,\n    today: context.modifiers.today ?? [context.today],\n    disabled: context.modifiers.disabled\n  };\n\n  if (isDayPickerSingle(context)) {\n    modifiers.selected = modifiers.selected.concat(\n      singleSelect.modifiers.selected ?? []\n    );\n  } else if (isDayPickerMultiple(context)) {\n    modifiers.selected = modifiers.selected.concat(\n      multipleSelect.modifiers.selected ?? []\n    );\n    modifiers.disabled = modifiers.disabled.concat(\n      multipleSelect.modifiers.disabled ?? []\n    );\n  } else if (isDayPickerRange(context)) {\n    modifiers.selected = modifiers.selected.concat(\n      rangeSelect.modifiers.selected ?? []\n    );\n    modifiers.disabled = modifiers.disabled.concat(\n      rangeSelect.modifiers.disabled ?? []\n    );\n    modifiers.range_start = rangeSelect.modifiers.range_start ?? [];\n    modifiers.range_middle = rangeSelect.modifiers.range_middle ?? [];\n    modifiers.range_end = rangeSelect.modifiers.range_end ?? [];\n  }\n\n  const status = getModifierStatus(date, modifiers);\n\n  const modifierClassNames: string[] = [];\n\n  Object.keys(status)\n    .filter((modifier) => Boolean(status[modifier]))\n    .forEach((modifier) => {\n      const customClassName = context.modifierClassNames[modifier];\n      if (customClassName) {\n        modifierClassNames.push(customClassName);\n      } else {\n        modifierClassNames.push(`${context.modifierPrefix}${modifier}`);\n      }\n    });\n\n  let modifierStyle = {};\n  if (context.modifierStyles) {\n    Object.keys(status).forEach((modifier) => {\n      modifierStyle = {\n        ...modifierStyle,\n        ...context.modifierStyles?.[modifier]\n      };\n    });\n  }\n\n  return {\n    modifiers: status,\n    modifierClassNames: modifierClassNames,\n    modifierStyle\n  };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA;SACgB,YAAY,CAAC,IAAU;;IACrC,IAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAE/B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;;IAGrC,IAAM,SAAS,yBACV,OAAO,CAAC,SAAS,KACpB,KAAK,EAAE,MAAA,OAAO,CAAC,SAAS,CAAC,KAAK,mCAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EACjD,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,QAAQ,GACrC,CAAC;IAEF,IAAI,iBAAiB,CAAC,OAAO,CAAC,EAAE;QAC9B,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,YAAY,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACtC,CAAC;KACH;SAAM,IAAI,mBAAmB,CAAC,OAAO,CAAC,EAAE;QACvC,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,cAAc,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACxC,CAAC;QACF,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,cAAc,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACxC,CAAC;KACH;SAAM,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE;QACpC,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,WAAW,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACrC,CAAC;QACF,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC5C,MAAA,WAAW,CAAC,SAAS,CAAC,QAAQ,mCAAI,EAAE,CACrC,CAAC;QACF,SAAS,CAAC,WAAW,GAAG,MAAA,WAAW,CAAC,SAAS,CAAC,WAAW,mCAAI,EAAE,CAAC;QAChE,SAAS,CAAC,YAAY,GAAG,MAAA,WAAW,CAAC,SAAS,CAAC,YAAY,mCAAI,EAAE,CAAC;QAClE,SAAS,CAAC,SAAS,GAAG,MAAA,WAAW,CAAC,SAAS,CAAC,SAAS,mCAAI,EAAE,CAAC;KAC7D;IAED,IAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAElD,IAAM,kBAAkB,GAAa,EAAE,CAAC;IAExC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;SAChB,MAAM,CAAC,UAAC,QAAQ,IAAK,OAAA,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAA,CAAC;SAC/C,OAAO,CAAC,UAAC,QAAQ;QAChB,IAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC7D,IAAI,eAAe,EAAE;YACnB,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SAC1C;aAAM;YACL,kBAAkB,CAAC,IAAI,CAAC,KAAG,OAAO,CAAC,cAAc,GAAG,QAAU,CAAC,CAAC;SACjE;KACF,CAAC,CAAC;IAEL,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,OAAO,CAAC,cAAc,EAAE;QAC1B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,QAAQ;;YACnC,aAAa,yBACR,aAAa,GACb,MAAA,OAAO,CAAC,cAAc,0CAAG,QAAQ,CAAC,CACtC,CAAC;SACH,CAAC,CAAC;KACJ;IAED,OAAO;QACL,SAAS,EAAE,MAAM;QACjB,kBAAkB,EAAE,kBAAkB;QACtC,aAAa,eAAA;KACd,CAAC;AACJ;;;;"}

package/build/hooks/useModifiers/utils/isDateInRange.d.ts

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

package/build/hooks/useModifiers/utils/isDateInRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"isDateInRange.js","sources":["../../../../src/hooks/useModifiers/utils/isDateInRange.ts"],"sourcesContent":["import { differenceInCalendarDays, isSameDay } from 'date-fns';\n\nimport { DateRange } from '../../../types';\n\n/** Return `true` whether the given date is inside the range. */\nexport function isDateInRange(date: Date, range: DateRange): boolean {\n  let { from, to } = range;\n  if (!from) {\n    return false;\n  }\n  if (!to && isSameDay(from, date)) {\n    return true;\n  }\n  if (!to) {\n    return false;\n  }\n  const isToBeforeFrom = differenceInCalendarDays(to, from) < 0;\n  if (to && isToBeforeFrom) {\n    [from, to] = [to, from];\n  }\n  return (\n    differenceInCalendarDays(date, from) >= 0 &&\n    differenceInCalendarDays(to, date) >= 0\n  );\n}\n"],"names":[],"mappings":";;AAIA;SACgB,aAAa,CAAC,IAAU,EAAE,KAAgB;;IAClD,IAAA,IAAI,GAAS,KAAK,KAAd,EAAE,EAAE,GAAK,KAAK,GAAV,CAAW;IACzB,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,KAAK,CAAC;KACd;IACD,IAAI,CAAC,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE;QAChC,OAAO,IAAI,CAAC;KACb;IACD,IAAI,CAAC,EAAE,EAAE;QACP,OAAO,KAAK,CAAC;KACd;IACD,IAAM,cAAc,GAAG,wBAAwB,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,IAAI,EAAE,IAAI,cAAc,EAAE;QACxB,KAAa,CAAC,EAAE,EAAE,IAAI,CAAC,EAAtB,IAAI,QAAA,EAAE,EAAE,QAAA,CAAe;KACzB;IACD,QACE,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;QACzC,wBAAwB,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EACvC;AACJ;;;;"}
+{"version":3,"file":"isDateInRange.js","sources":["../../../../src/hooks/useModifiers/utils/isDateInRange.ts"],"sourcesContent":["import { differenceInCalendarDays, isSameDay } from 'date-fns';\n\nimport { DateRange } from '../../../types/Matchers';\n\n/** Return `true` whether the given date is inside the range. */\nexport function isDateInRange(date: Date, range: DateRange): boolean {\n  let { from, to } = range;\n  if (!from) {\n    return false;\n  }\n  if (!to && isSameDay(from, date)) {\n    return true;\n  }\n  if (!to) {\n    return false;\n  }\n  const isToBeforeFrom = differenceInCalendarDays(to, from) < 0;\n  if (to && isToBeforeFrom) {\n    [from, to] = [to, from];\n  }\n  return (\n    differenceInCalendarDays(date, from) >= 0 &&\n    differenceInCalendarDays(to, date) >= 0\n  );\n}\n"],"names":[],"mappings":";;AAIA;SACgB,aAAa,CAAC,IAAU,EAAE,KAAgB;;IAClD,IAAA,IAAI,GAAS,KAAK,KAAd,EAAE,EAAE,GAAK,KAAK,GAAV,CAAW;IACzB,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,KAAK,CAAC;KACd;IACD,IAAI,CAAC,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE;QAChC,OAAO,IAAI,CAAC;KACb;IACD,IAAI,CAAC,EAAE,EAAE;QACP,OAAO,KAAK,CAAC;KACd;IACD,IAAM,cAAc,GAAG,wBAAwB,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,IAAI,EAAE,IAAI,cAAc,EAAE;QACxB,KAAa,CAAC,EAAE,EAAE,IAAI,CAAC,EAAtB,IAAI,QAAA,EAAE,EAAE,QAAA,CAAe;KACzB;IACD,QACE,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;QACzC,wBAAwB,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EACvC;AACJ;;;;"}

package/build/hooks/useModifiers/utils/isMatch.d.ts

@@ -1,4 +1,4 @@
-import { Matcher } from '../../../types';
+import { Matcher } from '../../../types/Matchers';
 /**
  * Returns `true` whether the day matches against the given matchers.
  */

package/build/hooks/useModifiers/utils/isMatch.js

@@ -1,13 +1,15 @@
-import { isSameDay, differenceInCalendarDays } from 'date-fns';
-import { isArrayOfDates } from '../../../types/isArrayOfDates.js';
-import { isDateAfterType } from '../../../types/isDateAfterType.js';
-import { isDateBeforeType } from '../../../types/isDateBeforeType.js';
-import { isDateInterval } from '../../../types/isDateInterval.js';
-import { isDateRange } from '../../../types/isDateRange.js';
-import { isDateType } from '../../../types/isDateType.js';
-import { isDayOfWeekType } from '../../../types/isDayOfWeekType.js';
+import { isDate, isSameDay, differenceInCalendarDays } from 'date-fns';
+import { isDateRange, isDayOfWeekType, isDateInterval, isDateAfterType, isDateBeforeType } from '../../../types/Matchers.js';
 import { isDateInRange } from './isDateInRange.js';
 
+/** Returns true if `value` is a Date type. */
+function isDateType(value) {
+    return isDate(value);
+}
+/** Returns true if `value` is an array of valid dates. */
+function isArrayOfDates(value) {
+    return Array.isArray(value) && value.every(isDate);
+}
 /**
  * Returns `true` whether the day matches against the given matchers.
  */

package/build/hooks/useModifiers/utils/isMatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"isMatch.js","sources":["../../../../src/hooks/useModifiers/utils/isMatch.ts"],"sourcesContent":["import { differenceInCalendarDays, isSameDay } from 'date-fns';\n\nimport {\n  isArrayOfDates,\n  isDateAfterType,\n  isDateBeforeType,\n  isDateInterval,\n  isDateRange,\n  isDateType,\n  isDayOfWeekType,\n  Matcher\n} from '../../../types';\n\nimport { isDateInRange } from './isDateInRange';\n\n/**\n * Returns `true` whether the day matches against the given matchers.\n */\nexport function isMatch(day: Date, matchers: Matcher[]): boolean {\n  return matchers.some((matcher: Matcher) => {\n    if (typeof matcher === 'boolean') {\n      return matcher;\n    }\n    if (isDateType(matcher)) {\n      return isSameDay(day, matcher);\n    }\n    if (isArrayOfDates(matcher)) {\n      return matcher.includes(day);\n    }\n    if (isDateRange(matcher)) {\n      return isDateInRange(day, matcher);\n    }\n    if (isDayOfWeekType(matcher)) {\n      return matcher.dayOfWeek.includes(day.getDay());\n    }\n    if (isDateInterval(matcher)) {\n      const isBefore = differenceInCalendarDays(matcher.before, day) > 0;\n      const isAfter = differenceInCalendarDays(day, matcher.after) > 0;\n      return isBefore && isAfter;\n    }\n    if (isDateAfterType(matcher)) {\n      return differenceInCalendarDays(day, matcher.after) > 0;\n    }\n    if (isDateBeforeType(matcher)) {\n      return differenceInCalendarDays(matcher.before, day) > 0;\n    }\n    if (typeof matcher === 'function') {\n      return matcher(day);\n    }\n    return false;\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;AAeA;;;SAGgB,OAAO,CAAC,GAAS,EAAE,QAAmB;IACpD,OAAO,QAAQ,CAAC,IAAI,CAAC,UAAC,OAAgB;QACpC,IAAI,OAAO,OAAO,KAAK,SAAS,EAAE;YAChC,OAAO,OAAO,CAAC;SAChB;QACD,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE;YACvB,OAAO,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;SAChC;QACD,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC3B,OAAO,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;SAC9B;QACD,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE;YACxB,OAAO,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;SACpC;QACD,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE;YAC5B,OAAO,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;SACjD;QACD,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC3B,IAAM,QAAQ,GAAG,wBAAwB,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;YACnE,IAAM,OAAO,GAAG,wBAAwB,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACjE,OAAO,QAAQ,IAAI,OAAO,CAAC;SAC5B;QACD,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE;YAC5B,OAAO,wBAAwB,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACzD;QACD,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE;YAC7B,OAAO,wBAAwB,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;SAC1D;QACD,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;YACjC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;SACrB;QACD,OAAO,KAAK,CAAC;KACd,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"isMatch.js","sources":["../../../../src/hooks/useModifiers/utils/isMatch.ts"],"sourcesContent":["import { differenceInCalendarDays, isDate, isSameDay } from 'date-fns';\nimport {\n  isDateAfterType,\n  isDateBeforeType,\n  isDateInterval,\n  isDateRange,\n  isDayOfWeekType,\n  Matcher\n} from '../../../types/Matchers';\n\nimport { isDateInRange } from './isDateInRange';\n\n/** Returns true if `value` is a Date type. */\nfunction isDateType(value: unknown): value is Date {\n  return isDate(value);\n}\n\n/** Returns true if `value` is an array of valid dates. */\nfunction isArrayOfDates(value: unknown): value is Date[] {\n  return Array.isArray(value) && value.every(isDate);\n}\n\n/**\n * Returns `true` whether the day matches against the given matchers.\n */\nexport function isMatch(day: Date, matchers: Matcher[]): boolean {\n  return matchers.some((matcher: Matcher) => {\n    if (typeof matcher === 'boolean') {\n      return matcher;\n    }\n    if (isDateType(matcher)) {\n      return isSameDay(day, matcher);\n    }\n    if (isArrayOfDates(matcher)) {\n      return matcher.includes(day);\n    }\n    if (isDateRange(matcher)) {\n      return isDateInRange(day, matcher);\n    }\n    if (isDayOfWeekType(matcher)) {\n      return matcher.dayOfWeek.includes(day.getDay());\n    }\n    if (isDateInterval(matcher)) {\n      const isBefore = differenceInCalendarDays(matcher.before, day) > 0;\n      const isAfter = differenceInCalendarDays(day, matcher.after) > 0;\n      return isBefore && isAfter;\n    }\n    if (isDateAfterType(matcher)) {\n      return differenceInCalendarDays(day, matcher.after) > 0;\n    }\n    if (isDateBeforeType(matcher)) {\n      return differenceInCalendarDays(matcher.before, day) > 0;\n    }\n    if (typeof matcher === 'function') {\n      return matcher(day);\n    }\n    return false;\n  });\n}\n"],"names":[],"mappings":";;;;AAYA;AACA,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED;AACA,SAAS,cAAc,CAAC,KAAc;IACpC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AACrD,CAAC;AAED;;;SAGgB,OAAO,CAAC,GAAS,EAAE,QAAmB;IACpD,OAAO,QAAQ,CAAC,IAAI,CAAC,UAAC,OAAgB;QACpC,IAAI,OAAO,OAAO,KAAK,SAAS,EAAE;YAChC,OAAO,OAAO,CAAC;SAChB;QACD,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE;YACvB,OAAO,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;SAChC;QACD,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC3B,OAAO,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;SAC9B;QACD,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE;YACxB,OAAO,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;SACpC;QACD,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE;YAC5B,OAAO,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;SACjD;QACD,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC3B,IAAM,QAAQ,GAAG,wBAAwB,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;YACnE,IAAM,OAAO,GAAG,wBAAwB,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACjE,OAAO,QAAQ,IAAI,OAAO,CAAC;SAC5B;QACD,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE;YAC5B,OAAO,wBAAwB,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACzD;QACD,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE;YAC7B,OAAO,wBAAwB,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;SAC1D;QACD,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;YACjC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;SACrB;QACD,OAAO,KAAK,CAAC;KACd,CAAC,CAAC;AACL;;;;"}

package/build/main.js

@@ -18,34 +18,23 @@ export { Row } from './components/Row/Row.js';
 export { Table } from './components/Table/Table.js';
 export { WeekNumber } from './components/WeekNumber/WeekNumber.js';
 export { YearsDropdown } from './components/YearsDropdown/YearsDropdown.js';
-export { ContextProvider } from './contexts/ContextProvider.js';
+export { RootProvider } from './contexts/RootProvider.js';
 export { useDayPicker } from './contexts/DayPicker/useDayPicker.js';
-export { FocusContext } from './contexts/Focus/FocusContext.js';
-export { FocusProvider } from './contexts/Focus/FocusProvider.js';
+export { FocusContext, FocusProvider } from './contexts/Focus/FocusContext.js';
 export { useFocus } from './contexts/Focus/useFocus.js';
-export { NavigationContext } from './contexts/Navigation/NavigationContext.js';
-export { NavigationProvider } from './contexts/Navigation/NavigationProvider.js';
+export { NavigationContext, NavigationProvider } from './contexts/Navigation/NavigationContext.js';
 export { useNavigation } from './contexts/Navigation/useNavigation.js';
-export { SelectMultipleContext } from './contexts/SelectMultiple/SelectMultipleContext.js';
-export { SelectMultipleProvider } from './contexts/SelectMultiple/SelectMultipleProvider.js';
+export { SelectMultipleContext, SelectMultipleProvider, SelectMultipleProviderInternal } from './contexts/SelectMultiple/SelectMultipleContext.js';
 export { useSelectMultiple } from './contexts/SelectMultiple/useSelectMultiple.js';
-export { SelectRangeContext } from './contexts/SelectRange/SelectRangeContext.js';
-export { SelectRangeProvider } from './contexts/SelectRange/SelectRangeProvider.js';
+export { SelectRangeContext, SelectRangeProvider, SelectRangeProviderInternal } from './contexts/SelectRange/SelectRangeContext.js';
 export { useSelectRange } from './contexts/SelectRange/useSelectRange.js';
-export { SelectSingleContext } from './contexts/SelectSingle/SelectSingleContext.js';
-export { SelectSingleProvider } from './contexts/SelectSingle/SelectSingleProvider.js';
+export { SelectSingleContext, SelectSingleProvider, SelectSingleProviderInternal } from './contexts/SelectSingle/SelectSingleContext.js';
 export { useSelectSingle } from './contexts/SelectSingle/useSelectSingle.js';
-export { isArrayOfDates } from './types/isArrayOfDates.js';
-export { isDateAfterType } from './types/isDateAfterType.js';
-export { isDateBeforeType } from './types/isDateBeforeType.js';
-export { isDateInterval } from './types/isDateInterval.js';
-export { isDateRange } from './types/isDateRange.js';
-export { isDateType } from './types/isDateType.js';
-export { isDayOfWeekType } from './types/isDayOfWeekType.js';
-export { isDayPickerCustom } from './types/isDayPickerCustom.js';
-export { isDayPickerMultiple } from './types/isDayPickerMultiple.js';
-export { isDayPickerRange } from './types/isDayPickerRange.js';
-export { isDayPickerSingle } from './types/isDayPickerSingle.js';
+export { isDayPickerCustom } from './types/DayPickerCustom.js';
+export { isDayPickerMultiple } from './types/DayPickerMultiple.js';
+export { isDayPickerRange } from './types/DayPickerRange.js';
+export { isDayPickerSingle } from './types/DayPickerSingle.js';
+export { isDateAfterType, isDateBeforeType, isDateInterval, isDateRange, isDayOfWeekType } from './types/Matchers.js';
 export { useInput } from './hooks/useInput/useInput.js';
 export { useModifiers } from './hooks/useModifiers/useModifiers.js';
 //# sourceMappingURL=main.js.map

package/build/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/types/{DayPickerProps.d.ts → DayPicker.d.ts}

@@ -1,22 +1,12 @@
 /// <reference types="react" />
 import { Locale } from 'date-fns';
-import { CaptionLayout } from './CaptionLayout';
-import { ClassNames } from './ClassNames';
-import { Components } from './Components';
-import { CustomModifiers } from './CustomModifiers';
-import { DayClickEventHandler } from './DayClickEventHandler';
-import { DayFocusEventHandler } from './DayFocusEventHandler';
-import { DayKeyboardEventHandler } from './DayKeyboardEventHandler';
-import { DayMouseEventHandler } from './DayMouseEventHandler';
-import { DayTouchEventHandler } from './DayTouchEventHandler';
+import { CaptionLabelProps, CaptionLayout, CaptionProps, DayContentProps, DayProps, DropdownProps, RowProps, WeekNumberProps } from '../components';
+import { DayClickEventHandler, DayFocusEventHandler, DayKeyboardEventHandler, DayMouseEventHandler, DayTouchEventHandler, MonthChangeEventHandler, WeekNumberClickEventHandler } from './EventHandlers';
 import { Formatters } from './Formatters';
 import { Labels } from './Labels';
-import { Matcher } from './Matcher';
-import { ModifierClassNames } from './ModifierClassNames';
-import { ModifierStyles } from './ModifierStyles';
-import { MonthChangeEventHandler } from './MonthChangeEventHandler';
-import { Styles } from './Styles';
-import { WeekNumberClickEventHandler } from './WeekNumberClickEventHandler';
+import { Matcher } from './Matchers';
+import { CustomModifiers, ModifierClassNames, ModifierStyles } from './Modifiers';
+import { ClassNames, StyledComponent, Styles } from './Styles';
 /**
  * The props for the [[DayPicker]] component.
  */
@@ -167,10 +157,12 @@ export interface DayPickerProps {
     /**
      * Toggle the controlled selection mode.
      *
-     * - `custom`: customize what is selected
+     * As default, no selection mode is set and the days are not interactive.
+     *
      * - `single`: control the selection of single days
      * - `multiple`: control the selection of multiple days
      * - `range`: control the selection of a range of days
+     * - `custom`: customize what is selected by using `onDayClick`
      */
     mode?: 'custom' | 'single' | 'multiple' | 'range';
     /**
@@ -207,3 +199,30 @@ export interface DayPickerProps {
     onPrevClick?: MonthChangeEventHandler;
     onWeekNumberClick?: WeekNumberClickEventHandler;
 }
+/** A map of the component that can be changed via the `components` prop. */
+export interface Components {
+    /** The component for the caption element. */
+    Caption: (props: CaptionProps) => JSX.Element | null;
+    /** The component for the caption element. */
+    CaptionLabel: (props: CaptionLabelProps) => JSX.Element | null;
+    /** The component for the day element. This is a button or a span. */
+    Day: (props: DayProps) => JSX.Element | null;
+    /** The component for the content of the day element. */
+    DayContent: (props: DayContentProps) => JSX.Element | null;
+    /** The component for the drop-down elements. */
+    Dropdown: (props: DropdownProps) => JSX.Element | null;
+    /** The component for the table footer. */
+    Footer: () => JSX.Element | null;
+    /** The component for the table’s head. */
+    Head: () => JSX.Element | null;
+    /** The component for the small icon in the drop-downs. */
+    IconDropdown: (props: StyledComponent) => JSX.Element | null;
+    /** The arrow right icon (used for the Navigation buttons). */
+    IconRight: (props: StyledComponent) => JSX.Element | null;
+    /** The arrow left icon (used for the Navigation buttons). */
+    IconLeft: (props: StyledComponent) => JSX.Element | null;
+    /** The component for the table rows. */
+    Row: (props: RowProps) => JSX.Element | null;
+    /** The component for the week number in the table rows. */
+    WeekNumber: (props: WeekNumberProps) => JSX.Element | null;
+}

package/build/types/DayPickerCustom.d.ts

@@ -0,0 +1,11 @@
+import { DayPickerProps } from './DayPicker';
+/** The props for the [[DayPicker]] component when using `mode="custom"`. */
+export interface DayPickerCustomProps extends DayPickerProps {
+    mode: 'custom';
+    /** The selected day(s). */
+    selected?: unknown;
+    /** Use `onDayClick` and related event instead. */
+    onSelect: never;
+}
+/** Returns true when the props are of type [[DayPickerCustom]]. */
+export declare function isDayPickerCustom(props: DayPickerProps): props is DayPickerCustomProps;

package/build/types/{isDayPickerCustom.js → DayPickerCustom.js}

@@ -4,4 +4,4 @@ function isDayPickerCustom(props) {
 }
 
 export { isDayPickerCustom };
-//# sourceMappingURL=isDayPickerCustom.js.map
+//# sourceMappingURL=DayPickerCustom.js.map

package/build/types/DayPickerCustom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayPickerCustom.js","sources":["../../src/types/DayPickerCustom.ts"],"sourcesContent":["import { DayPickerProps } from './DayPicker';\n\n/** The props for the [[DayPicker]] component when using `mode=\"custom\"`. */\nexport interface DayPickerCustomProps extends DayPickerProps {\n  mode: 'custom';\n  /** The selected day(s). */\n  selected?: unknown;\n  /** Use `onDayClick` and related event instead. */\n  onSelect: never;\n}\n\n/** Returns true when the props are of type [[DayPickerCustom]]. */\nexport function isDayPickerCustom(\n  props: DayPickerProps\n): props is DayPickerCustomProps {\n  return props.mode === 'custom';\n}\n"],"names":[],"mappings":"AAWA;SACgB,iBAAiB,CAC/B,KAAqB;IAErB,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;AACjC;;;;"}

package/build/types/{DayPickerMultipleProps.d.ts → DayPickerMultiple.d.ts}

@@ -1,8 +1,6 @@
-import { DayPickerProps } from '.';
-import { SelectMultipleEventHandler } from './SelectMultipleEventHandler';
-/**
- * The props for the [[DayPicker]] component when using `mode="multiple"`.
- */
+import { DayPickerProps } from './DayPicker';
+import { SelectMultipleEventHandler } from './EventHandlers';
+/** The props for the [[DayPicker]] component when using `mode="multiple"`. */
 export interface DayPickerMultipleProps extends DayPickerProps {
     mode: 'multiple';
     /** The selected days. */
@@ -14,3 +12,5 @@ export interface DayPickerMultipleProps extends DayPickerProps {
     /** The maximum amount of days that can be selected. */
     max?: number;
 }
+/** Returns true when the props are of type [[DayPickerMultiple]]. */
+export declare function isDayPickerMultiple(props: DayPickerProps): props is DayPickerMultipleProps;

package/build/types/{isDayPickerMultiple.js → DayPickerMultiple.js}

@@ -4,4 +4,4 @@ function isDayPickerMultiple(props) {
 }
 
 export { isDayPickerMultiple };
-//# sourceMappingURL=isDayPickerMultiple.js.map
+//# sourceMappingURL=DayPickerMultiple.js.map

package/build/types/DayPickerMultiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayPickerMultiple.js","sources":["../../src/types/DayPickerMultiple.ts"],"sourcesContent":["import { DayPickerProps } from './DayPicker';\nimport { SelectMultipleEventHandler } from './EventHandlers';\n\n/** The props for the [[DayPicker]] component when using `mode=\"multiple\"`. */\nexport interface DayPickerMultipleProps extends DayPickerProps {\n  mode: 'multiple';\n  /** The selected days. */\n  selected?: Date[];\n  /** Event fired when a days added or removed to the selection. */\n  onSelect?: SelectMultipleEventHandler;\n  /** The minimum amount of days that can be selected. */\n  min?: number;\n  /** The maximum amount of days that can be selected. */\n  max?: number;\n}\n\n/** Returns true when the props are of type [[DayPickerMultiple]]. */\nexport function isDayPickerMultiple(\n  props: DayPickerProps\n): props is DayPickerMultipleProps {\n  return props.mode === 'multiple';\n}\n"],"names":[],"mappings":"AAgBA;SACgB,mBAAmB,CACjC,KAAqB;IAErB,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;AACnC;;;;"}

package/build/types/{DayPickerRangeProps.d.ts → DayPickerRange.d.ts}

@@ -1,9 +1,7 @@
-import { DateRange } from './DateRange';
-import { DayPickerProps } from './DayPickerProps';
-import { SelectRangeEventHandler } from './SelectRangeEventHandler';
-/**
- * The props for the [[DayPicker]] component when using `mode="range"`.
- */
+import { DayPickerProps } from './DayPicker';
+import { SelectRangeEventHandler } from './EventHandlers';
+import { DateRange } from './Matchers';
+/** The props for the [[DayPicker]] component when using `mode="range"`. */
 export interface DayPickerRangeProps extends DayPickerProps {
     mode: 'range';
     /** The selected range of days. */
@@ -15,3 +13,5 @@ export interface DayPickerRangeProps extends DayPickerProps {
     /** The maximum amount of days that can be selected. */
     max?: number;
 }
+/** Returns true when the props are of type [[DayPickerRange]]. */
+export declare function isDayPickerRange(props: DayPickerProps): props is DayPickerRangeProps;

package/build/types/{isDayPickerRange.js → DayPickerRange.js}

@@ -4,4 +4,4 @@ function isDayPickerRange(props) {
 }
 
 export { isDayPickerRange };
-//# sourceMappingURL=isDayPickerRange.js.map
+//# sourceMappingURL=DayPickerRange.js.map

package/build/types/DayPickerRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayPickerRange.js","sources":["../../src/types/DayPickerRange.ts"],"sourcesContent":["import { DayPickerProps } from './DayPicker';\nimport { SelectRangeEventHandler } from './EventHandlers';\nimport { DateRange } from './Matchers';\n\n/** The props for the [[DayPicker]] component when using `mode=\"range\"`. */\nexport interface DayPickerRangeProps extends DayPickerProps {\n  mode: 'range';\n  /** The selected range of days. */\n  selected?: DateRange;\n  /** Event fired when a range (or a part of the range) is selected. */\n  onSelect?: SelectRangeEventHandler;\n  /** The minimum amount of days that can be selected. */\n  min?: number;\n  /** The maximum amount of days that can be selected. */\n  max?: number;\n}\n\n/** Returns true when the props are of type [[DayPickerRange]]. */\nexport function isDayPickerRange(\n  props: DayPickerProps\n): props is DayPickerRangeProps {\n  return props.mode === 'range';\n}\n"],"names":[],"mappings":"AAiBA;SACgB,gBAAgB,CAC9B,KAAqB;IAErB,OAAO,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AAChC;;;;"}

package/build/types/DayPickerSingle.d.ts

@@ -0,0 +1,14 @@
+import { DayPickerProps } from './DayPicker';
+import { SelectSingleEventHandler } from './EventHandlers';
+/** The props for the [[DayPicker]] component when using `mode="single"`. */
+export interface DayPickerSingleProps extends DayPickerProps {
+    mode: 'single';
+    /** The selected day. */
+    selected?: Date | undefined;
+    /** Event fired when a day is selected. */
+    onSelect?: SelectSingleEventHandler;
+    /** Make the selection required. */
+    required?: boolean;
+}
+/** Returns true when the props are of type [[DayPickerSingle]]. */
+export declare function isDayPickerSingle(props: DayPickerProps): props is DayPickerSingleProps;

package/build/types/{isDayPickerSingle.js → DayPickerSingle.js}

@@ -4,4 +4,4 @@ function isDayPickerSingle(props) {
 }
 
 export { isDayPickerSingle };
-//# sourceMappingURL=isDayPickerSingle.js.map
+//# sourceMappingURL=DayPickerSingle.js.map

package/build/types/DayPickerSingle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayPickerSingle.js","sources":["../../src/types/DayPickerSingle.ts"],"sourcesContent":["import { DayPickerProps } from './DayPicker';\nimport { SelectSingleEventHandler } from './EventHandlers';\n\n/** The props for the [[DayPicker]] component when using `mode=\"single\"`. */\nexport interface DayPickerSingleProps extends DayPickerProps {\n  mode: 'single';\n  /** The selected day. */\n  selected?: Date | undefined;\n  /** Event fired when a day is selected. */\n  onSelect?: SelectSingleEventHandler;\n  /** Make the selection required. */\n  required?: boolean;\n}\n\n/** Returns true when the props are of type [[DayPickerSingle]]. */\nexport function isDayPickerSingle(\n  props: DayPickerProps\n): props is DayPickerSingleProps {\n  return props.mode === 'single';\n}\n"],"names":[],"mappings":"AAcA;SACgB,iBAAiB,CAC/B,KAAqB;IAErB,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;AACjC;;;;"}

package/build/types/EventHandlers.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { DateRange } from '../types';
+import { ModifierStatus } from './Modifiers';
+/** The event handler when a day is clicked. */
+export declare type DayClickEventHandler = (day: Date, modifiers: ModifierStatus, e: React.MouseEvent) => void;
+/** The event handler when a day is focused. */
+export declare type DayFocusEventHandler = (day: Date, modifiers: ModifierStatus, e: React.FocusEvent | React.KeyboardEvent) => void;
+/** The event handler when a day gets a keyboard event. */
+export declare type DayKeyboardEventHandler = (day: Date, modifiers: ModifierStatus, e: React.KeyboardEvent) => void;
+/** The event handler when a day gets a mouse event. */
+export declare type DayMouseEventHandler = (day: Date, modifiers: ModifierStatus, e: React.MouseEvent) => void;
+/** The event handler when a month is changed in the calendar. */
+export declare type MonthChangeEventHandler = (month: Date) => void;
+/** The event handler when selecting multiple days. */
+export declare type SelectMultipleEventHandler = (
+/** The selected days */
+days: Date[] | undefined, 
+/** The day that was clicked triggering the event. */
+selectedDay: Date, 
+/** The day that was clicked */
+modifiers: ModifierStatus, 
+/** The mouse event that triggered this event. */
+e: React.MouseEvent) => void;
+/** The event handler when selecting a range of days. */
+export declare 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. */
+modifiers: ModifierStatus, e: React.MouseEvent) => void;
+/** The event handler when selecting a single day. */
+export interface 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. */
+    modifiers: ModifierStatus, e: React.MouseEvent): void;
+}
+/**The event handler when the week number is clicked. */
+export declare 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. */
+export declare type DayTouchEventHandler = (day: Date, modifiers: ModifierStatus, e: React.TouchEvent) => void;

package/build/types/Formatters.d.ts

@@ -1,8 +1,9 @@
-import { DateFormatter } from './DateFormatter';
-import { WeekNumberFormatter } from './WeekNumberFormatter';
-/**
- * Represent a map of formatters used to render localized content.
- */
+import React from 'react';
+/** Represents a function to format a date. */
+export declare type DateFormatter = (date: Date, options?: {
+    locale?: Locale;
+}) => React.ReactNode;
+/** Represent a map of formatters used to render localized content. */
 export declare type Formatters = {
     /** Format the month in the caption when `captionLayout` is `buttons`. */
     formatCaption: DateFormatter;
@@ -17,3 +18,7 @@ export declare type Formatters = {
     /** Format the week day name in the header */
     formatWeekdayName: DateFormatter;
 };
+/** Represent a function to format the week number. */
+export declare type WeekNumberFormatter = (weekNumber: number, options?: {
+    locale?: Locale;
+}) => React.ReactNode;

package/build/types/Labels.d.ts

@@ -1,16 +1,28 @@
-import { DayLabelFormatter } from './DayLabelFormatter';
-import { NavButtonLabelFormatter } from './NavButtonLabelFormatter';
-import { WeekdayLabelFormatter } from './WeekdayLabelFormatter';
-import { WeekNumberLabelFormatter } from './WeekNumberLabelFormatter';
-/**
- * Map of functions to translate ARIA labels for the relative elements.
- */
+import { Locale } from 'date-fns';
+import { ModifierStatus } from '../types';
+/** Map of functions to translate ARIA labels for the relative elements. */
 export declare type Labels = {
     labelMonthDropdown: () => string;
     labelYearDropdown: () => string;
-    labelNext: NavButtonLabelFormatter;
-    labelPrevious: NavButtonLabelFormatter;
-    labelDay: DayLabelFormatter;
-    labelWeekday: WeekdayLabelFormatter;
-    labelWeekNumber: WeekNumberLabelFormatter;
+    labelNext: NavButtonLabel;
+    labelPrevious: NavButtonLabel;
+    labelDay: DayLabel;
+    labelWeekday: WeekdayLabel;
+    labelWeekNumber: WeekNumberLabel;
 };
+/** Return the ARIA label for the [[Day]] component. */
+export declare type DayLabel = (day: Date, modifiers: ModifierStatus, options?: {
+    locale?: Locale;
+}) => string;
+/** Return the ARIA label for the "next month" / "prev month" buttons in the navigation.*/
+export declare type NavButtonLabel = (month?: Date, options?: {
+    locale?: Locale;
+}) => string;
+/** Return the ARIA label for the Head component.*/
+export declare type WeekdayLabel = (day: Date, options?: {
+    locale?: Locale;
+}) => string;
+/** Return the ARIA label of the week number.*/
+export declare type WeekNumberLabel = (n: number, options?: {
+    locale?: Locale;
+}) => string;