react-day-picker 9.0.0-beta.5 → 9.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -6
- package/dist/cjs/DayPicker.d.ts +4 -7
- package/dist/cjs/DayPicker.js +4 -7
- package/dist/cjs/DayPicker.js.map +1 -1
- package/dist/cjs/UI.d.ts +25 -14
- package/dist/cjs/UI.js +35 -23
- package/dist/cjs/UI.js.map +1 -1
- package/dist/cjs/classes/CalendarDay.d.ts +4 -1
- package/dist/cjs/classes/CalendarDay.js +6 -6
- package/dist/cjs/classes/CalendarDay.js.map +1 -1
- package/dist/cjs/components/Button.d.ts +2 -2
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Button.js.map +1 -1
- package/dist/cjs/components/Calendar.d.ts +1 -1
- package/dist/cjs/components/Calendar.js +7 -8
- package/dist/cjs/components/Calendar.js.map +1 -1
- package/dist/cjs/components/Chevron.d.ts +1 -1
- package/dist/cjs/components/Chevron.js +5 -5
- package/dist/cjs/components/Chevron.js.map +1 -1
- package/dist/cjs/components/Day.d.ts +3 -3
- package/dist/cjs/components/Day.js +1 -1
- package/dist/cjs/components/DayDate.d.ts +13 -3
- package/dist/cjs/components/DayDate.js +7 -2
- package/dist/cjs/components/DayDate.js.map +1 -1
- package/dist/cjs/components/DayWrapper.js +38 -22
- package/dist/cjs/components/DayWrapper.js.map +1 -1
- package/dist/cjs/components/Dropdown.d.ts +3 -4
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/Dropdown.js.map +1 -1
- package/dist/cjs/components/DropdownNav.d.ts +1 -1
- package/dist/cjs/components/DropdownNav.js +5 -5
- package/dist/cjs/components/DropdownNav.js.map +1 -1
- package/dist/cjs/components/Footer.d.ts +2 -2
- package/dist/cjs/components/Footer.js +1 -1
- package/dist/cjs/components/Footer.js.map +1 -1
- package/dist/cjs/components/Month.d.ts +1 -1
- package/dist/cjs/components/Month.js +7 -27
- package/dist/cjs/components/Month.js.map +1 -1
- package/dist/cjs/components/MonthCaption.d.ts +1 -1
- package/dist/cjs/components/MonthCaption.js +4 -4
- package/dist/cjs/components/MonthCaption.js.map +1 -1
- package/dist/cjs/components/Months.d.ts +1 -1
- package/dist/cjs/components/Months.js +1 -1
- package/dist/cjs/components/MonthsDropdown.d.ts +1 -1
- package/dist/cjs/components/MonthsDropdown.js +6 -9
- package/dist/cjs/components/MonthsDropdown.js.map +1 -1
- package/dist/cjs/components/Nav.d.ts +1 -1
- package/dist/cjs/components/Nav.js +4 -5
- package/dist/cjs/components/Nav.js.map +1 -1
- package/dist/cjs/components/Option.d.ts +1 -1
- package/dist/cjs/components/Option.js +1 -1
- package/dist/cjs/components/Select.d.ts +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Week.d.ts +1 -1
- package/dist/cjs/components/Week.js +4 -5
- package/dist/cjs/components/Week.js.map +1 -1
- package/dist/cjs/components/WeekNumber.d.ts +1 -1
- package/dist/cjs/components/WeekNumber.js +5 -5
- package/dist/cjs/components/WeekNumber.js.map +1 -1
- package/dist/cjs/components/Weekday.d.ts +1 -1
- package/dist/cjs/components/Weekday.js +7 -5
- package/dist/cjs/components/Weekday.js.map +1 -1
- package/dist/cjs/components/Weekdays.d.ts +1 -1
- package/dist/cjs/components/Weekdays.js +4 -4
- package/dist/cjs/components/Weekdays.js.map +1 -1
- package/dist/cjs/components/YearsDropdown.d.ts +1 -1
- package/dist/cjs/components/YearsDropdown.js +6 -9
- package/dist/cjs/components/YearsDropdown.js.map +1 -1
- package/dist/cjs/contexts/index.d.ts +4 -0
- package/dist/cjs/contexts/index.js +21 -0
- package/dist/cjs/contexts/index.js.map +1 -0
- package/dist/cjs/contexts/providers.d.ts +9 -0
- package/dist/cjs/contexts/providers.js +33 -0
- package/dist/cjs/contexts/providers.js.map +1 -0
- package/dist/cjs/contexts/{calendar.d.ts → useCalendar.d.ts} +20 -33
- package/dist/cjs/contexts/useCalendar.js +154 -0
- package/dist/cjs/contexts/useCalendar.js.map +1 -0
- package/dist/{esm/contexts/focus.d.ts → cjs/contexts/useFocus.d.ts} +23 -18
- package/dist/cjs/contexts/{focus.js → useFocus.js} +41 -34
- package/dist/cjs/contexts/useFocus.js.map +1 -0
- package/dist/cjs/contexts/useModifiers.d.ts +24 -0
- package/dist/cjs/contexts/useModifiers.js +187 -0
- package/dist/cjs/contexts/useModifiers.js.map +1 -0
- package/dist/cjs/contexts/useProps.d.ts +45 -0
- package/dist/cjs/contexts/useProps.js +98 -0
- package/dist/cjs/contexts/useProps.js.map +1 -0
- package/dist/cjs/formatters/formatCaption.d.ts +4 -2
- package/dist/cjs/formatters/formatCaption.js +4 -3
- package/dist/cjs/formatters/formatCaption.js.map +1 -1
- package/dist/cjs/formatters/formatDay.d.ts +3 -2
- package/dist/cjs/formatters/formatDay.js +3 -3
- package/dist/cjs/formatters/formatDay.js.map +1 -1
- package/dist/cjs/formatters/formatMonthDropdown.d.ts +5 -2
- package/dist/cjs/formatters/formatMonthDropdown.js +8 -3
- package/dist/cjs/formatters/formatMonthDropdown.js.map +1 -1
- package/dist/cjs/formatters/formatWeekNumber.d.ts +1 -2
- package/dist/cjs/formatters/formatWeekNumber.js +1 -3
- package/dist/cjs/formatters/formatWeekNumber.js.map +1 -1
- package/dist/cjs/formatters/formatWeekdayName.d.ts +3 -2
- package/dist/cjs/formatters/formatWeekdayName.js +3 -3
- package/dist/cjs/formatters/formatWeekdayName.js.map +1 -1
- package/dist/cjs/formatters/formatYearDropdown.d.ts +1 -0
- package/dist/cjs/formatters/formatYearDropdown.js +1 -0
- package/dist/cjs/formatters/formatYearDropdown.js.map +1 -1
- package/dist/cjs/helpers/debounce.js.map +1 -1
- package/dist/cjs/helpers/getClassNamesForModifiers.d.ts +2 -2
- package/dist/cjs/helpers/getClassNamesForModifiers.js +7 -4
- package/dist/cjs/helpers/getClassNamesForModifiers.js.map +1 -1
- package/dist/cjs/helpers/getDataAttributes.d.ts +2 -2
- package/dist/cjs/helpers/getDataAttributes.js.map +1 -1
- package/dist/cjs/helpers/getDates.d.ts +3 -14
- package/dist/cjs/helpers/getDates.js +13 -32
- package/dist/cjs/helpers/getDates.js.map +1 -1
- package/dist/cjs/helpers/getDefaultClassNames.js +7 -3
- package/dist/cjs/helpers/getDefaultClassNames.js.map +1 -1
- package/dist/cjs/helpers/getDisplayMonths.d.ts +2 -5
- package/dist/cjs/helpers/getDisplayMonths.js +4 -6
- package/dist/cjs/helpers/getDisplayMonths.js.map +1 -1
- package/dist/cjs/helpers/getDropdownMonths.d.ts +2 -5
- package/dist/cjs/helpers/getDropdownMonths.js +12 -16
- package/dist/cjs/helpers/getDropdownMonths.js.map +1 -1
- package/dist/cjs/helpers/getDropdownYears.d.ts +2 -5
- package/dist/cjs/helpers/getDropdownYears.js +12 -19
- package/dist/cjs/helpers/getDropdownYears.js.map +1 -1
- package/dist/cjs/helpers/getFormatters.d.ts +2 -2
- package/dist/cjs/helpers/getFormatters.js.map +1 -1
- package/dist/cjs/helpers/getInitialMonth.d.ts +3 -0
- package/dist/cjs/helpers/getInitialMonth.js +21 -0
- package/dist/cjs/helpers/getInitialMonth.js.map +1 -0
- package/dist/cjs/helpers/getMonths.d.ts +4 -2
- package/dist/cjs/helpers/getMonths.js +24 -29
- package/dist/cjs/helpers/getMonths.js.map +1 -1
- package/dist/cjs/helpers/getNextFocus.d.ts +4 -5
- package/dist/cjs/helpers/getNextFocus.js +5 -3
- package/dist/cjs/helpers/getNextFocus.js.map +1 -1
- package/dist/cjs/helpers/getNextMonth.d.ts +2 -8
- package/dist/cjs/helpers/getNextMonth.js +9 -11
- package/dist/cjs/helpers/getNextMonth.js.map +1 -1
- package/dist/cjs/helpers/getPossibleFocusDate.d.ts +3 -3
- package/dist/cjs/helpers/getPossibleFocusDate.js +10 -19
- package/dist/cjs/helpers/getPossibleFocusDate.js.map +1 -1
- package/dist/cjs/helpers/getPreviousMonth.d.ts +2 -8
- package/dist/cjs/helpers/getPreviousMonth.js +9 -11
- package/dist/cjs/helpers/getPreviousMonth.js.map +1 -1
- package/dist/cjs/helpers/getStartEndMonths.d.ts +2 -2
- package/dist/cjs/helpers/getStartEndMonths.js +11 -12
- package/dist/cjs/helpers/getStartEndMonths.js.map +1 -1
- package/dist/cjs/helpers/getStyleForModifiers.d.ts +2 -2
- package/dist/cjs/helpers/getStyleForModifiers.js.map +1 -1
- package/dist/cjs/helpers/getWeekdays.d.ts +5 -4
- package/dist/cjs/helpers/getWeekdays.js +5 -7
- package/dist/cjs/helpers/getWeekdays.js.map +1 -1
- package/dist/cjs/index.d.ts +4 -7
- package/dist/cjs/index.js +4 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/jalali.d.ts +3 -0
- package/dist/cjs/jalali.js +37 -0
- package/dist/cjs/jalali.js.map +1 -0
- package/dist/cjs/labels/labelCaption.d.ts +3 -2
- package/dist/cjs/labels/labelCaption.js +2 -1
- package/dist/cjs/labels/labelCaption.js.map +1 -1
- package/dist/cjs/labels/labelDay.d.ts +4 -3
- package/dist/cjs/labels/labelDay.js +2 -1
- package/dist/cjs/labels/labelDay.js.map +1 -1
- package/dist/cjs/labels/labelGrid.d.ts +3 -2
- package/dist/cjs/labels/labelGrid.js +3 -3
- package/dist/cjs/labels/labelGrid.js.map +1 -1
- package/dist/cjs/labels/labelMonthDropdown.d.ts +2 -2
- package/dist/cjs/labels/labelMonthDropdown.js.map +1 -1
- package/dist/cjs/labels/labelNext.d.ts +2 -2
- package/dist/cjs/labels/labelNext.js.map +1 -1
- package/dist/cjs/labels/labelPrevious.d.ts +2 -2
- package/dist/cjs/labels/labelPrevious.js.map +1 -1
- package/dist/cjs/labels/labelWeekNumber.d.ts +2 -2
- package/dist/cjs/labels/labelWeekNumber.js.map +1 -1
- package/dist/cjs/labels/labelWeekNumberHeader.d.ts +2 -2
- package/dist/cjs/labels/labelWeekNumberHeader.js.map +1 -1
- package/dist/cjs/labels/labelWeekday.d.ts +3 -2
- package/dist/cjs/labels/labelWeekday.js +3 -3
- package/dist/cjs/labels/labelWeekday.js.map +1 -1
- package/dist/cjs/labels/labelYearDropdown.d.ts +2 -2
- package/dist/cjs/labels/labelYearDropdown.js.map +1 -1
- package/dist/cjs/lib/dateLib.d.ts +70 -0
- package/dist/cjs/lib/dateLib.js +67 -0
- package/dist/cjs/lib/dateLib.js.map +1 -0
- package/dist/cjs/lib/index.d.ts +1 -0
- package/dist/cjs/lib/index.js +18 -0
- package/dist/cjs/lib/index.js.map +1 -0
- package/dist/cjs/lib/locales.d.ts +1 -0
- package/dist/cjs/lib/locales.js +6 -0
- package/dist/cjs/lib/locales.js.map +1 -0
- package/dist/cjs/selection/index.d.ts +3 -0
- package/dist/cjs/selection/index.js +20 -0
- package/dist/cjs/selection/index.js.map +1 -0
- package/dist/cjs/selection/useMulti.d.ts +25 -0
- package/dist/cjs/selection/useMulti.js +86 -0
- package/dist/cjs/selection/useMulti.js.map +1 -0
- package/dist/cjs/selection/useRange.d.ts +25 -0
- package/dist/cjs/selection/useRange.js +86 -0
- package/dist/cjs/selection/useRange.js.map +1 -0
- package/dist/cjs/selection/useSingle.d.ts +23 -0
- package/dist/cjs/selection/useSingle.js +63 -0
- package/dist/cjs/selection/useSingle.js.map +1 -0
- package/dist/{esm/types-deprecated.d.ts → cjs/types/deprecated.d.ts} +23 -22
- package/dist/cjs/{types-deprecated.js → types/deprecated.js} +12 -12
- package/dist/cjs/types/deprecated.js.map +1 -0
- package/dist/cjs/types/index.d.ts +3 -0
- package/dist/cjs/types/index.js +20 -0
- package/dist/cjs/types/index.js.map +1 -0
- package/dist/cjs/types/props.d.ts +376 -0
- package/dist/cjs/{types.js → types/props.js} +1 -1
- package/dist/cjs/types/props.js.map +1 -0
- package/dist/cjs/types/shared.d.ts +218 -0
- package/dist/cjs/types/shared.js +3 -0
- package/dist/cjs/types/shared.js.map +1 -0
- package/dist/cjs/utc.d.ts +3 -0
- package/dist/cjs/utc.js +14 -0
- package/dist/cjs/utc.js.map +1 -0
- package/dist/cjs/utils/addToRange.d.ts +2 -2
- package/dist/cjs/utils/addToRange.js +12 -13
- package/dist/cjs/utils/addToRange.js.map +1 -1
- package/dist/cjs/utils/dateMatchModifiers.d.ts +2 -2
- package/dist/cjs/utils/dateMatchModifiers.js +12 -14
- package/dist/cjs/utils/dateMatchModifiers.js.map +1 -1
- package/dist/cjs/utils/isDateInRange.d.ts +2 -2
- package/dist/cjs/utils/isDateInRange.js +8 -8
- package/dist/cjs/utils/isDateInRange.js.map +1 -1
- package/dist/cjs/utils/typeguards.d.ts +34 -1
- package/dist/cjs/utils/typeguards.js +43 -1
- package/dist/cjs/utils/typeguards.js.map +1 -1
- package/dist/esm/DayPicker.d.ts +4 -7
- package/dist/esm/DayPicker.js +3 -6
- package/dist/esm/DayPicker.js.map +1 -1
- package/dist/esm/UI.d.ts +25 -14
- package/dist/esm/UI.js +34 -22
- package/dist/esm/UI.js.map +1 -1
- package/dist/esm/classes/CalendarDay.d.ts +4 -1
- package/dist/esm/classes/CalendarDay.js +6 -6
- package/dist/esm/classes/CalendarDay.js.map +1 -1
- package/dist/esm/components/Button.d.ts +2 -2
- package/dist/esm/components/Button.js +1 -1
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Calendar.d.ts +1 -1
- package/dist/esm/components/Calendar.js +5 -6
- package/dist/esm/components/Calendar.js.map +1 -1
- package/dist/esm/components/Chevron.d.ts +1 -1
- package/dist/esm/components/Chevron.js +4 -4
- package/dist/esm/components/Chevron.js.map +1 -1
- package/dist/esm/components/Day.d.ts +3 -3
- package/dist/esm/components/Day.js +1 -1
- package/dist/esm/components/DayDate.d.ts +13 -3
- package/dist/esm/components/DayDate.js +6 -1
- package/dist/esm/components/DayDate.js.map +1 -1
- package/dist/esm/components/DayWrapper.js +37 -21
- package/dist/esm/components/DayWrapper.js.map +1 -1
- package/dist/esm/components/Dropdown.d.ts +3 -4
- package/dist/esm/components/Dropdown.js +2 -2
- package/dist/esm/components/Dropdown.js.map +1 -1
- package/dist/esm/components/DropdownNav.d.ts +1 -1
- package/dist/esm/components/DropdownNav.js +5 -5
- package/dist/esm/components/DropdownNav.js.map +1 -1
- package/dist/esm/components/Footer.d.ts +2 -2
- package/dist/esm/components/Footer.js +1 -1
- package/dist/esm/components/Footer.js.map +1 -1
- package/dist/esm/components/Month.d.ts +1 -1
- package/dist/esm/components/Month.js +4 -4
- package/dist/esm/components/Month.js.map +1 -1
- package/dist/esm/components/MonthCaption.d.ts +1 -1
- package/dist/esm/components/MonthCaption.js +4 -4
- package/dist/esm/components/MonthCaption.js.map +1 -1
- package/dist/esm/components/Months.d.ts +1 -1
- package/dist/esm/components/Months.js +1 -1
- package/dist/esm/components/MonthsDropdown.d.ts +1 -1
- package/dist/esm/components/MonthsDropdown.js +5 -8
- package/dist/esm/components/MonthsDropdown.js.map +1 -1
- package/dist/esm/components/Nav.d.ts +1 -1
- package/dist/esm/components/Nav.js +2 -3
- package/dist/esm/components/Nav.js.map +1 -1
- package/dist/esm/components/Option.d.ts +1 -1
- package/dist/esm/components/Option.js +1 -1
- package/dist/esm/components/Select.d.ts +1 -1
- package/dist/esm/components/Select.js +1 -1
- package/dist/esm/components/Week.d.ts +1 -1
- package/dist/esm/components/Week.js +3 -4
- package/dist/esm/components/Week.js.map +1 -1
- package/dist/esm/components/WeekNumber.d.ts +1 -1
- package/dist/esm/components/WeekNumber.js +4 -4
- package/dist/esm/components/WeekNumber.js.map +1 -1
- package/dist/esm/components/Weekday.d.ts +1 -1
- package/dist/esm/components/Weekday.js +7 -5
- package/dist/esm/components/Weekday.js.map +1 -1
- package/dist/esm/components/Weekdays.d.ts +1 -1
- package/dist/esm/components/Weekdays.js +4 -4
- package/dist/esm/components/Weekdays.js.map +1 -1
- package/dist/esm/components/YearsDropdown.d.ts +1 -1
- package/dist/esm/components/YearsDropdown.js +5 -8
- package/dist/esm/components/YearsDropdown.js.map +1 -1
- package/dist/esm/contexts/index.d.ts +4 -0
- package/dist/esm/contexts/index.js +5 -0
- package/dist/esm/contexts/index.js.map +1 -0
- package/dist/esm/contexts/providers.d.ts +9 -0
- package/dist/esm/contexts/providers.js +26 -0
- package/dist/esm/contexts/providers.js.map +1 -0
- package/dist/esm/contexts/{calendar.d.ts → useCalendar.d.ts} +20 -33
- package/dist/esm/contexts/{calendar.js → useCalendar.js} +45 -37
- package/dist/esm/contexts/useCalendar.js.map +1 -0
- package/dist/{cjs/contexts/focus.d.ts → esm/contexts/useFocus.d.ts} +23 -18
- package/dist/esm/contexts/{focus.js → useFocus.js} +40 -33
- package/dist/esm/contexts/useFocus.js.map +1 -0
- package/dist/esm/contexts/useModifiers.d.ts +24 -0
- package/dist/esm/contexts/useModifiers.js +159 -0
- package/dist/esm/contexts/useModifiers.js.map +1 -0
- package/dist/esm/contexts/useProps.d.ts +45 -0
- package/dist/esm/contexts/useProps.js +67 -0
- package/dist/esm/contexts/useProps.js.map +1 -0
- package/dist/esm/formatters/formatCaption.d.ts +4 -2
- package/dist/esm/formatters/formatCaption.js +4 -3
- package/dist/esm/formatters/formatCaption.js.map +1 -1
- package/dist/esm/formatters/formatDay.d.ts +3 -2
- package/dist/esm/formatters/formatDay.js +3 -3
- package/dist/esm/formatters/formatDay.js.map +1 -1
- package/dist/esm/formatters/formatMonthDropdown.d.ts +5 -2
- package/dist/esm/formatters/formatMonthDropdown.js +8 -3
- package/dist/esm/formatters/formatMonthDropdown.js.map +1 -1
- package/dist/esm/formatters/formatWeekNumber.d.ts +1 -2
- package/dist/esm/formatters/formatWeekNumber.js +1 -3
- package/dist/esm/formatters/formatWeekNumber.js.map +1 -1
- package/dist/esm/formatters/formatWeekdayName.d.ts +3 -2
- package/dist/esm/formatters/formatWeekdayName.js +3 -3
- package/dist/esm/formatters/formatWeekdayName.js.map +1 -1
- package/dist/esm/formatters/formatYearDropdown.d.ts +1 -0
- package/dist/esm/formatters/formatYearDropdown.js +1 -0
- package/dist/esm/formatters/formatYearDropdown.js.map +1 -1
- package/dist/esm/helpers/debounce.js.map +1 -1
- package/dist/esm/helpers/getClassNamesForModifiers.d.ts +2 -2
- package/dist/esm/helpers/getClassNamesForModifiers.js +8 -5
- package/dist/esm/helpers/getClassNamesForModifiers.js.map +1 -1
- package/dist/esm/helpers/getDataAttributes.d.ts +2 -2
- package/dist/esm/helpers/getDataAttributes.js.map +1 -1
- package/dist/esm/helpers/getDates.d.ts +3 -14
- package/dist/esm/helpers/getDates.js +4 -23
- package/dist/esm/helpers/getDates.js.map +1 -1
- package/dist/esm/helpers/getDefaultClassNames.js +8 -4
- package/dist/esm/helpers/getDefaultClassNames.js.map +1 -1
- package/dist/esm/helpers/getDisplayMonths.d.ts +2 -5
- package/dist/esm/helpers/getDisplayMonths.js +4 -6
- package/dist/esm/helpers/getDisplayMonths.js.map +1 -1
- package/dist/esm/helpers/getDropdownMonths.d.ts +2 -5
- package/dist/esm/helpers/getDropdownMonths.js +10 -14
- package/dist/esm/helpers/getDropdownMonths.js.map +1 -1
- package/dist/esm/helpers/getDropdownYears.d.ts +2 -5
- package/dist/esm/helpers/getDropdownYears.js +10 -17
- package/dist/esm/helpers/getDropdownYears.js.map +1 -1
- package/dist/esm/helpers/getFormatters.d.ts +2 -2
- package/dist/esm/helpers/getFormatters.js.map +1 -1
- package/dist/esm/helpers/getInitialMonth.d.ts +3 -0
- package/dist/esm/helpers/{getStartMonth.js → getInitialMonth.js} +4 -6
- package/dist/esm/helpers/getInitialMonth.js.map +1 -0
- package/dist/esm/helpers/getMonths.d.ts +4 -2
- package/dist/esm/helpers/getMonths.js +17 -22
- package/dist/esm/helpers/getMonths.js.map +1 -1
- package/dist/esm/helpers/getNextFocus.d.ts +4 -5
- package/dist/esm/helpers/getNextFocus.js +5 -3
- package/dist/esm/helpers/getNextFocus.js.map +1 -1
- package/dist/esm/helpers/getNextMonth.d.ts +2 -8
- package/dist/esm/helpers/getNextMonth.js +7 -9
- package/dist/esm/helpers/getNextMonth.js.map +1 -1
- package/dist/esm/helpers/getPossibleFocusDate.d.ts +3 -3
- package/dist/esm/helpers/getPossibleFocusDate.js +1 -10
- package/dist/esm/helpers/getPossibleFocusDate.js.map +1 -1
- package/dist/esm/helpers/getPreviousMonth.d.ts +2 -8
- package/dist/esm/helpers/getPreviousMonth.js +6 -8
- package/dist/esm/helpers/getPreviousMonth.js.map +1 -1
- package/dist/esm/helpers/getStartEndMonths.d.ts +2 -2
- package/dist/esm/helpers/getStartEndMonths.js +5 -6
- package/dist/esm/helpers/getStartEndMonths.js.map +1 -1
- package/dist/esm/helpers/getStyleForModifiers.d.ts +2 -2
- package/dist/esm/helpers/getStyleForModifiers.js.map +1 -1
- package/dist/esm/helpers/getWeekdays.d.ts +5 -4
- package/dist/esm/helpers/getWeekdays.js +5 -7
- package/dist/esm/helpers/getWeekdays.js.map +1 -1
- package/dist/esm/index.d.ts +4 -7
- package/dist/esm/index.js +4 -7
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/jalali.d.ts +3 -0
- package/dist/esm/jalali.js +7 -0
- package/dist/esm/jalali.js.map +1 -0
- package/dist/esm/labels/labelCaption.d.ts +3 -2
- package/dist/esm/labels/labelCaption.js +2 -1
- package/dist/esm/labels/labelCaption.js.map +1 -1
- package/dist/esm/labels/labelDay.d.ts +4 -3
- package/dist/esm/labels/labelDay.js +2 -1
- package/dist/esm/labels/labelDay.js.map +1 -1
- package/dist/esm/labels/labelGrid.d.ts +3 -2
- package/dist/esm/labels/labelGrid.js +3 -3
- package/dist/esm/labels/labelGrid.js.map +1 -1
- package/dist/esm/labels/labelMonthDropdown.d.ts +2 -2
- package/dist/esm/labels/labelMonthDropdown.js.map +1 -1
- package/dist/esm/labels/labelNext.d.ts +2 -2
- package/dist/esm/labels/labelNext.js.map +1 -1
- package/dist/esm/labels/labelPrevious.d.ts +2 -2
- package/dist/esm/labels/labelPrevious.js.map +1 -1
- package/dist/esm/labels/labelWeekNumber.d.ts +2 -2
- package/dist/esm/labels/labelWeekNumber.js.map +1 -1
- package/dist/esm/labels/labelWeekNumberHeader.d.ts +2 -2
- package/dist/esm/labels/labelWeekNumberHeader.js.map +1 -1
- package/dist/esm/labels/labelWeekday.d.ts +3 -2
- package/dist/esm/labels/labelWeekday.js +3 -3
- package/dist/esm/labels/labelWeekday.js.map +1 -1
- package/dist/esm/labels/labelYearDropdown.d.ts +2 -2
- package/dist/esm/labels/labelYearDropdown.js.map +1 -1
- package/dist/esm/lib/dateLib.d.ts +70 -0
- package/dist/esm/lib/dateLib.js +64 -0
- package/dist/esm/lib/dateLib.js.map +1 -0
- package/dist/esm/lib/index.d.ts +1 -0
- package/dist/esm/lib/index.js +2 -0
- package/dist/esm/lib/index.js.map +1 -0
- package/dist/esm/lib/locales.d.ts +1 -0
- package/dist/esm/lib/locales.js +2 -0
- package/dist/esm/lib/locales.js.map +1 -0
- package/dist/esm/selection/index.d.ts +3 -0
- package/dist/esm/selection/index.js +4 -0
- package/dist/esm/selection/index.js.map +1 -0
- package/dist/esm/selection/useMulti.d.ts +25 -0
- package/dist/esm/selection/useMulti.js +78 -0
- package/dist/esm/selection/useMulti.js.map +1 -0
- package/dist/esm/selection/useRange.d.ts +25 -0
- package/dist/esm/selection/useRange.js +78 -0
- package/dist/esm/selection/useRange.js.map +1 -0
- package/dist/esm/selection/useSingle.d.ts +23 -0
- package/dist/esm/selection/useSingle.js +55 -0
- package/dist/esm/selection/useSingle.js.map +1 -0
- package/dist/{cjs/types-deprecated.d.ts → esm/types/deprecated.d.ts} +23 -22
- package/dist/esm/{types-deprecated.js → types/deprecated.js} +10 -10
- package/dist/esm/types/deprecated.js.map +1 -0
- package/dist/esm/types/index.d.ts +3 -0
- package/dist/esm/types/index.js +4 -0
- package/dist/esm/types/index.js.map +1 -0
- package/dist/esm/types/props.d.ts +376 -0
- package/dist/esm/types/props.js +2 -0
- package/dist/esm/types/props.js.map +1 -0
- package/dist/esm/types/shared.d.ts +218 -0
- package/dist/esm/types/shared.js +2 -0
- package/dist/esm/types/shared.js.map +1 -0
- package/dist/esm/utc.d.ts +3 -0
- package/dist/esm/utc.js +7 -0
- package/dist/esm/utc.js.map +1 -0
- package/dist/esm/utils/addToRange.d.ts +2 -2
- package/dist/esm/utils/addToRange.js +5 -6
- package/dist/esm/utils/addToRange.js.map +1 -1
- package/dist/esm/utils/dateMatchModifiers.d.ts +2 -2
- package/dist/esm/utils/dateMatchModifiers.js +6 -8
- package/dist/esm/utils/dateMatchModifiers.js.map +1 -1
- package/dist/esm/utils/isDateInRange.d.ts +2 -2
- package/dist/esm/utils/isDateInRange.js +3 -3
- package/dist/esm/utils/isDateInRange.js.map +1 -1
- package/dist/esm/utils/typeguards.d.ts +34 -1
- package/dist/esm/utils/typeguards.js +39 -0
- package/dist/esm/utils/typeguards.js.map +1 -1
- package/examples/Controlled.test.tsx +4 -3
- package/examples/CssModules.tsx +1 -1
- package/examples/CustomCaption.tsx +5 -1
- package/examples/CustomDayDate.test.tsx +3 -2
- package/examples/CustomDayDate.tsx +5 -6
- package/examples/CustomMultiple.test.tsx +3 -1
- package/examples/CustomMultiple.tsx +5 -2
- package/examples/CustomSingle.test.tsx +6 -4
- package/examples/CustomSingle.tsx +2 -2
- package/examples/CustomWeek.test.tsx +6 -4
- package/examples/DefaultMonth.test.tsx +3 -1
- package/examples/Dialog.tsx +2 -2
- package/examples/Disabled.test.tsx +6 -4
- package/examples/Dropdown.test.tsx +3 -1
- package/examples/DropdownMultipleMonths.test.tsx +3 -1
- package/examples/FixedWeeks.test.tsx +3 -1
- package/examples/FocusRecursive.test.tsx +10 -9
- package/examples/Formatters.test.tsx +3 -1
- package/examples/FromToMonth.test.tsx +2 -2
- package/examples/FromToYear.test.tsx +5 -3
- package/examples/Input.test.tsx +9 -1
- package/examples/Jalali.test.tsx +16 -0
- package/examples/Jalali.tsx +8 -0
- package/examples/Keyboard.test.tsx +26 -24
- package/examples/Keyboard.tsx +6 -2
- package/examples/ModifiersClassnames.test.tsx +3 -1
- package/examples/ModifiersClassnames.tsx +3 -1
- package/examples/ModifiersDisabled.tsx +1 -1
- package/examples/ModifiersHidden.test.tsx +3 -1
- package/examples/ModifiersStyle.test.tsx +3 -1
- package/examples/ModifiersToday.test.tsx +3 -1
- package/examples/Multiple.test.tsx +11 -1
- package/examples/MultipleMinMax.test.tsx +3 -1
- package/examples/MultipleMinMax.tsx +2 -9
- package/examples/MultipleMonths.test.tsx +3 -1
- package/examples/MultipleMonthsId.test.tsx +3 -1
- package/examples/MultipleMonthsPaged.test.tsx +3 -1
- package/examples/None.tsx +1 -1
- package/examples/NumberingSystem.test.tsx +3 -1
- package/examples/OutsideDays.test.tsx +3 -1
- package/examples/Range.test.tsx +5 -5
- package/examples/Range.tsx +5 -5
- package/examples/RangeMinMax.test.tsx +55 -0
- package/examples/RangeMinMax.tsx +12 -9
- package/examples/RangeShiftKey.test.tsx +7 -5
- package/examples/RangeShiftKey.tsx +3 -3
- package/examples/Rtl.test.tsx +3 -1
- package/examples/Single.test.tsx +8 -3
- package/examples/Spanish.test.tsx +3 -1
- package/examples/Start.test.tsx +3 -1
- package/examples/StylingCss.test.tsx +3 -1
- package/examples/StylingCssModules.test.tsx +3 -1
- package/examples/StylingInline.test.tsx +3 -1
- package/examples/TestCase2047.tsx +1 -1
- package/examples/Testcase1567.tsx +2 -4
- package/examples/Utc.tsx +19 -0
- package/examples/Weeknumber.test.tsx +7 -4
- package/examples/__snapshots__/Range.test.tsx.snap +97 -97
- package/examples/__snapshots__/StylingCssModules.test.tsx.snap +33 -33
- package/examples/index.ts +2 -0
- package/package.json +36 -6
- package/src/DayPicker.tsx +5 -11
- package/src/UI.ts +26 -14
- package/src/classes/CalendarDay.ts +16 -6
- package/src/components/Button.tsx +2 -5
- package/src/components/Calendar.tsx +5 -6
- package/src/components/Chevron.tsx +4 -4
- package/src/components/Day.tsx +4 -4
- package/src/components/DayDate.tsx +14 -3
- package/src/components/DayWrapper.tsx +59 -44
- package/src/components/Dropdown.tsx +4 -6
- package/src/components/DropdownNav.tsx +21 -5
- package/src/components/Footer.tsx +2 -2
- package/src/components/Month.tsx +4 -4
- package/src/components/MonthCaption.tsx +7 -4
- package/src/components/Months.tsx +1 -1
- package/src/components/MonthsDropdown.tsx +5 -8
- package/src/components/Nav.tsx +3 -4
- package/src/components/Option.tsx +1 -1
- package/src/components/Select.tsx +1 -1
- package/src/components/Week.tsx +9 -5
- package/src/components/WeekNumber.tsx +4 -4
- package/src/components/Weekday.tsx +7 -4
- package/src/components/Weekdays.tsx +4 -3
- package/src/components/YearsDropdown.tsx +5 -8
- package/src/contexts/index.ts +4 -0
- package/src/contexts/providers.tsx +46 -0
- package/src/contexts/{calendar.test.tsx → useCalendar.test.ts} +1 -3
- package/src/contexts/{calendar.tsx → useCalendar.tsx} +75 -73
- package/src/contexts/{focus.test.tsx → useFocus.test.tsx} +2 -4
- package/src/contexts/{focus.tsx → useFocus.tsx} +73 -59
- package/src/contexts/useModifiers.tsx +221 -0
- package/src/contexts/useProps.tsx +128 -0
- package/src/formatters/formatCaption.test.ts +6 -2
- package/src/formatters/formatCaption.ts +6 -3
- package/src/formatters/formatDay.ts +9 -3
- package/src/formatters/formatMonthDropdown.test.ts +2 -5
- package/src/formatters/formatMonthDropdown.ts +12 -4
- package/src/formatters/formatWeekNumber.ts +1 -7
- package/src/formatters/formatWeekdayName.ts +6 -3
- package/src/formatters/formatYearDropdown.ts +1 -0
- package/src/helpers/debounce.ts +0 -2
- package/src/helpers/getClassNamesForModifiers.ts +8 -11
- package/src/helpers/getDataAttributes.tsx +4 -4
- package/src/helpers/getDates.test.ts +21 -10
- package/src/helpers/getDates.ts +19 -28
- package/src/helpers/getDefaultClassNames.ts +11 -5
- package/src/helpers/getDisplayMonths.test.ts +17 -10
- package/src/helpers/getDisplayMonths.ts +6 -11
- package/src/helpers/getDropdownMonths.test.ts +32 -63
- package/src/helpers/getDropdownMonths.ts +17 -27
- package/src/helpers/getDropdownYears.test.ts +36 -56
- package/src/helpers/getDropdownYears.ts +25 -23
- package/src/helpers/getFormatters.test.ts +9 -5
- package/src/helpers/getFormatters.ts +2 -2
- package/src/helpers/{getStartMonth.test.ts → getInitialMonth.test.ts} +35 -8
- package/src/helpers/{getStartMonth.ts → getInitialMonth.ts} +15 -19
- package/src/helpers/getMonths.test.ts +84 -87
- package/src/helpers/getMonths.ts +29 -26
- package/src/helpers/getNextFocus.test.tsx +15 -12
- package/src/helpers/getNextFocus.tsx +14 -10
- package/src/helpers/getNextMonth.test.ts +17 -6
- package/src/helpers/getNextMonth.ts +20 -17
- package/src/helpers/getPossibleFocusDate.test.ts +7 -6
- package/src/helpers/getPossibleFocusDate.ts +21 -17
- package/src/helpers/getPreviousMonth.test.ts +57 -63
- package/src/helpers/getPreviousMonth.ts +14 -15
- package/src/helpers/getStartEndMonths.ts +17 -11
- package/src/helpers/getStyleForModifiers.test.ts +6 -6
- package/src/helpers/getStyleForModifiers.ts +2 -2
- package/src/helpers/getWeekdays.test.ts +5 -9
- package/src/helpers/getWeekdays.ts +10 -10
- package/src/helpers/useControlledValue.test.ts +2 -2
- package/src/index.ts +7 -7
- package/src/jalali.tsx +9 -0
- package/src/labels/labelCaption.ts +5 -2
- package/src/labels/labelDay.test.ts +2 -2
- package/src/labels/labelDay.ts +7 -5
- package/src/labels/labelGrid.ts +10 -3
- package/src/labels/labelMonthDropdown.ts +2 -2
- package/src/labels/labelNext.ts +2 -2
- package/src/labels/labelPrevious.ts +2 -2
- package/src/labels/labelWeekNumber.ts +2 -2
- package/src/labels/labelWeekNumberHeader.ts +2 -2
- package/src/labels/labelWeekday.test.ts +1 -1
- package/src/labels/labelWeekday.ts +6 -3
- package/src/labels/labelYearDropdown.ts +2 -2
- package/src/lib/dateLib.ts +72 -0
- package/src/lib/index.ts +1 -0
- package/src/lib/locales.ts +1 -0
- package/src/selection/index.ts +3 -0
- package/src/selection/useMulti.tsx +120 -0
- package/src/selection/useRange.tsx +125 -0
- package/src/selection/useSingle.tsx +96 -0
- package/src/style.css +11 -6
- package/src/style.module.css +10 -6
- package/src/{types-deprecated.ts → types/deprecated.ts} +27 -30
- package/src/types/index.ts +3 -0
- package/src/types/props.test.tsx +65 -0
- package/src/types/props.ts +439 -0
- package/src/types/shared.ts +291 -0
- package/src/utc.tsx +9 -0
- package/src/utils/addToRange.test.ts +3 -3
- package/src/utils/addToRange.ts +8 -9
- package/src/utils/dateMatchModifiers.test.ts +13 -12
- package/src/utils/dateMatchModifiers.ts +8 -10
- package/src/utils/isDateInRange.test.ts +1 -1
- package/src/utils/isDateInRange.ts +8 -5
- package/src/utils/typeguards.ts +56 -1
- package/website/README.md +0 -16
- package/website/docs/advanced-guides/custom-components.mdx +18 -15
- package/website/docs/advanced-guides/custom-modifiers.mdx +54 -69
- package/website/docs/changelog.mdx +0 -1
- package/website/docs/{intro.md → intro.mdx} +10 -9
- package/website/docs/upgrading.mdx +7 -7
- package/website/docs/using-daypicker/customization.mdx +14 -19
- package/website/docs/using-daypicker/localization.mdx +93 -0
- package/website/docs/using-daypicker/selection-modes.mdx +45 -36
- package/website/docs/using-daypicker/styling.mdx +16 -10
- package/dist/cjs/contexts/calendar.js +0 -126
- package/dist/cjs/contexts/calendar.js.map +0 -1
- package/dist/cjs/contexts/focus.js.map +0 -1
- package/dist/cjs/contexts/modifiers.d.ts +0 -31
- package/dist/cjs/contexts/modifiers.js +0 -152
- package/dist/cjs/contexts/modifiers.js.map +0 -1
- package/dist/cjs/contexts/props.d.ts +0 -51
- package/dist/cjs/contexts/props.js +0 -84
- package/dist/cjs/contexts/props.js.map +0 -1
- package/dist/cjs/contexts/root.d.ts +0 -8
- package/dist/cjs/contexts/root.js +0 -27
- package/dist/cjs/contexts/root.js.map +0 -1
- package/dist/cjs/contexts/selection.d.ts +0 -49
- package/dist/cjs/contexts/selection.js +0 -206
- package/dist/cjs/contexts/selection.js.map +0 -1
- package/dist/cjs/helpers/calculateMonthWeeks.d.ts +0 -9
- package/dist/cjs/helpers/calculateMonthWeeks.js +0 -36
- package/dist/cjs/helpers/calculateMonthWeeks.js.map +0 -1
- package/dist/cjs/helpers/getMonthWeeks.d.ts +0 -19
- package/dist/cjs/helpers/getMonthWeeks.js +0 -26
- package/dist/cjs/helpers/getMonthWeeks.js.map +0 -1
- package/dist/cjs/helpers/getStartMonth.d.ts +0 -3
- package/dist/cjs/helpers/getStartMonth.js +0 -23
- package/dist/cjs/helpers/getStartMonth.js.map +0 -1
- package/dist/cjs/types-deprecated.js.map +0 -1
- package/dist/cjs/types.d.ts +0 -606
- package/dist/cjs/types.js.map +0 -1
- package/dist/esm/contexts/calendar.js.map +0 -1
- package/dist/esm/contexts/focus.js.map +0 -1
- package/dist/esm/contexts/modifiers.d.ts +0 -31
- package/dist/esm/contexts/modifiers.js +0 -124
- package/dist/esm/contexts/modifiers.js.map +0 -1
- package/dist/esm/contexts/props.d.ts +0 -51
- package/dist/esm/contexts/props.js +0 -56
- package/dist/esm/contexts/props.js.map +0 -1
- package/dist/esm/contexts/root.d.ts +0 -8
- package/dist/esm/contexts/root.js +0 -20
- package/dist/esm/contexts/root.js.map +0 -1
- package/dist/esm/contexts/selection.d.ts +0 -49
- package/dist/esm/contexts/selection.js +0 -178
- package/dist/esm/contexts/selection.js.map +0 -1
- package/dist/esm/helpers/calculateMonthWeeks.d.ts +0 -9
- package/dist/esm/helpers/calculateMonthWeeks.js +0 -32
- package/dist/esm/helpers/calculateMonthWeeks.js.map +0 -1
- package/dist/esm/helpers/getMonthWeeks.d.ts +0 -19
- package/dist/esm/helpers/getMonthWeeks.js +0 -22
- package/dist/esm/helpers/getMonthWeeks.js.map +0 -1
- package/dist/esm/helpers/getStartMonth.d.ts +0 -3
- package/dist/esm/helpers/getStartMonth.js.map +0 -1
- package/dist/esm/types-deprecated.js.map +0 -1
- package/dist/esm/types.d.ts +0 -606
- package/dist/esm/types.js +0 -2
- package/dist/esm/types.js.map +0 -1
- package/src/contexts/modifiers.tsx +0 -177
- package/src/contexts/props.tsx +0 -129
- package/src/contexts/root.tsx +0 -33
- package/src/contexts/selection.tsx +0 -264
- package/src/helpers/calculateMonthWeeks.test.ts +0 -47
- package/src/helpers/calculateMonthWeeks.ts +0 -60
- package/src/helpers/getMonthWeeks.test.ts +0 -100
- package/src/helpers/getMonthWeeks.ts +0 -55
- package/src/types.test.tsx +0 -52
- package/src/types.ts +0 -699
|
@@ -5,16 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.DayWrapper = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const react_2 = require("react");
|
|
9
8
|
const UI_1 = require("../UI");
|
|
10
|
-
const
|
|
11
|
-
const focus_1 = require("../contexts/focus");
|
|
12
|
-
const modifiers_1 = require("../contexts/modifiers");
|
|
13
|
-
const props_1 = require("../contexts/props");
|
|
14
|
-
const selection_1 = require("../contexts/selection");
|
|
9
|
+
const contexts_1 = require("../contexts");
|
|
15
10
|
const debounce_1 = require("../helpers/debounce");
|
|
16
11
|
const getClassNamesForModifiers_1 = require("../helpers/getClassNamesForModifiers");
|
|
17
12
|
const getStyleForModifiers_1 = require("../helpers/getStyleForModifiers");
|
|
13
|
+
const selection_1 = require("../selection");
|
|
18
14
|
const Day_1 = require("./Day");
|
|
19
15
|
const DayDate_1 = require("./DayDate");
|
|
20
16
|
/**
|
|
@@ -24,12 +20,14 @@ const DayDate_1 = require("./DayDate");
|
|
|
24
20
|
* @internal
|
|
25
21
|
*/
|
|
26
22
|
function DayWrapper(props) {
|
|
27
|
-
const cellRef =
|
|
28
|
-
const { classNames, components, dir, formatters: { formatDay }, labels: { labelDay }, locale, modifiersClassNames = {}, modifiersStyles = {}, onDayFocus, onDayBlur, onDayClick, onDayKeyDown, onDayKeyPress, onDayKeyUp, onDayMouseEnter, onDayMouseLeave, onDayPointerEnter, onDayPointerLeave, onDayTouchCancel, onDayTouchEnd, onDayTouchMove, onDayTouchStart, styles = {} } = (0,
|
|
29
|
-
const { isInteractive } = (0,
|
|
30
|
-
const {
|
|
31
|
-
const
|
|
32
|
-
const
|
|
23
|
+
const cellRef = react_1.default.useRef(null);
|
|
24
|
+
const { classNames, components, dateLib, dir, formatters: { formatDay }, labels: { labelDay }, locale, mode, modifiersClassNames = {}, modifiersStyles = {}, onDayFocus, onDayBlur, onDayClick, onDayKeyDown, onDayKeyPress, onDayKeyUp, onDayMouseEnter, onDayMouseLeave, onDayPointerEnter, onDayPointerLeave, onDayTouchCancel, onDayTouchEnd, onDayTouchMove, onDayTouchStart, styles = {} } = (0, contexts_1.useProps)();
|
|
25
|
+
const { isInteractive } = (0, contexts_1.useCalendar)();
|
|
26
|
+
const { getModifiers } = (0, contexts_1.useModifiers)();
|
|
27
|
+
const single = (0, selection_1.useSingle)();
|
|
28
|
+
const multi = (0, selection_1.useMulti)();
|
|
29
|
+
const range = (0, selection_1.useRange)();
|
|
30
|
+
const { autoFocusTarget, focused, focus, blur, focusDayBefore, focusDayAfter, focusWeekBefore, focusWeekAfter, focusMonthBefore, focusMonthAfter, focusYearBefore, focusYearAfter, focusStartOfWeek, focusEndOfWeek } = (0, contexts_1.useFocus)();
|
|
33
31
|
const modifiers = getModifiers(props.day);
|
|
34
32
|
const onClick = (e) => {
|
|
35
33
|
if (modifiers.disabled) {
|
|
@@ -37,7 +35,17 @@ function DayWrapper(props) {
|
|
|
37
35
|
e.stopPropagation();
|
|
38
36
|
return;
|
|
39
37
|
}
|
|
40
|
-
|
|
38
|
+
switch (mode) {
|
|
39
|
+
case "single":
|
|
40
|
+
single.setSelected(props.day.date, modifiers, e);
|
|
41
|
+
break;
|
|
42
|
+
case "multiple":
|
|
43
|
+
multi.setSelected(props.day.date, modifiers, e);
|
|
44
|
+
break;
|
|
45
|
+
case "range":
|
|
46
|
+
range.setSelected(props.day.date, modifiers, e);
|
|
47
|
+
break;
|
|
48
|
+
}
|
|
41
49
|
if (modifiers.focusable) {
|
|
42
50
|
focus(props.day);
|
|
43
51
|
}
|
|
@@ -112,7 +120,15 @@ function DayWrapper(props) {
|
|
|
112
120
|
case "Enter":
|
|
113
121
|
e.preventDefault();
|
|
114
122
|
e.stopPropagation();
|
|
115
|
-
|
|
123
|
+
if (mode === "single" && !modifiers.disabled) {
|
|
124
|
+
single.setSelected(props.day.date, modifiers, e);
|
|
125
|
+
}
|
|
126
|
+
if (mode === "multiple" && !modifiers.disabled) {
|
|
127
|
+
multi.setSelected(props.day.date, modifiers, e);
|
|
128
|
+
}
|
|
129
|
+
if (mode === "range" && !modifiers.disabled) {
|
|
130
|
+
range.setSelected(props.day.date, modifiers, e);
|
|
131
|
+
}
|
|
116
132
|
break;
|
|
117
133
|
case "PageUp":
|
|
118
134
|
e.preventDefault();
|
|
@@ -138,12 +154,12 @@ function DayWrapper(props) {
|
|
|
138
154
|
onDayKeyDown?.(props.day.date, modifiers, e);
|
|
139
155
|
};
|
|
140
156
|
const isAutoFocusTarget = Boolean(autoFocusTarget?.isEqualTo(props.day));
|
|
141
|
-
const isFocused = Boolean(
|
|
157
|
+
const isFocused = Boolean(focused?.isEqualTo(props.day));
|
|
142
158
|
const style = (0, getStyleForModifiers_1.getStyleForModifiers)(modifiers, modifiersStyles, styles);
|
|
143
159
|
const classNameForModifiers = (0, getClassNamesForModifiers_1.getClassNamesForModifiers)(modifiers, modifiersClassNames, classNames);
|
|
144
160
|
const className = [classNames[UI_1.UI.Day], ...classNameForModifiers];
|
|
145
161
|
if (isFocused) {
|
|
146
|
-
className.push(classNames[UI_1.
|
|
162
|
+
className.push(classNames[UI_1.DayFlag.focused]);
|
|
147
163
|
}
|
|
148
164
|
const dayRootProps = {
|
|
149
165
|
role: "gridcell",
|
|
@@ -151,7 +167,7 @@ function DayWrapper(props) {
|
|
|
151
167
|
style,
|
|
152
168
|
tabIndex: isFocused || isAutoFocusTarget ? 0 : -1,
|
|
153
169
|
["aria-colindex"]: props["aria-colindex"],
|
|
154
|
-
["aria-label"]: labelDay(props.day.date, modifiers, { locale }) ?? undefined,
|
|
170
|
+
["aria-label"]: labelDay(props.day.date, modifiers, { locale }, dateLib) ?? undefined,
|
|
155
171
|
["aria-disabled"]: modifiers.disabled || undefined,
|
|
156
172
|
["aria-hidden"]: modifiers.hidden || undefined,
|
|
157
173
|
["aria-selected"]: modifiers.selected || undefined,
|
|
@@ -171,17 +187,17 @@ function DayWrapper(props) {
|
|
|
171
187
|
onTouchStart,
|
|
172
188
|
ref: cellRef
|
|
173
189
|
};
|
|
174
|
-
|
|
190
|
+
react_1.default.useEffect(() => {
|
|
175
191
|
if (!cellRef.current)
|
|
176
192
|
return; // no element to focus
|
|
177
|
-
if (!
|
|
193
|
+
if (!focused)
|
|
178
194
|
return; // no day to focus
|
|
179
|
-
if (!props.day.isEqualTo(
|
|
195
|
+
if (!props.day.isEqualTo(focused))
|
|
180
196
|
return; // not this day`
|
|
181
197
|
if (modifiers.disabled || modifiers.hidden)
|
|
182
198
|
return; // cannot focus
|
|
183
199
|
cellRef.current.focus();
|
|
184
|
-
}, [
|
|
200
|
+
}, [focused, modifiers.disabled, modifiers.hidden, props.day]);
|
|
185
201
|
const Day = components?.Day ?? Day_1.Day;
|
|
186
202
|
const dayDateRootProps = {
|
|
187
203
|
className: classNames[UI_1.UI.DayDate],
|
|
@@ -189,7 +205,7 @@ function DayWrapper(props) {
|
|
|
189
205
|
};
|
|
190
206
|
const DayDate = components?.DayDate ?? DayDate_1.DayDate;
|
|
191
207
|
return (react_1.default.createElement(Day, { day: props.day, modifiers: modifiers, rootProps: dayRootProps },
|
|
192
|
-
react_1.default.createElement(DayDate, { day: props.day, modifiers: modifiers, formattedDate: formatDay(props.day.date, { locale }), rootProps: dayDateRootProps })));
|
|
208
|
+
react_1.default.createElement(DayDate, { day: props.day, modifiers: modifiers, formattedDate: formatDay(props.day.date, { locale }, dateLib), rootProps: dayDateRootProps })));
|
|
193
209
|
}
|
|
194
210
|
exports.DayWrapper = DayWrapper;
|
|
195
211
|
//# sourceMappingURL=DayWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayWrapper.js","sourceRoot":"","sources":["../../../src/components/DayWrapper.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;
|
|
1
|
+
{"version":3,"file":"DayWrapper.js","sourceRoot":"","sources":["../../../src/components/DayWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import React, { SelectHTMLAttributes } from "react";
|
|
2
|
-
import type { Month } from "date-fns";
|
|
1
|
+
import React, { type SelectHTMLAttributes } from "react";
|
|
3
2
|
/** An option to use in the dropdown. Maps to the `<option>` HTML element. */
|
|
4
3
|
export type DropdownOption = {
|
|
5
4
|
/** The value of the option. */
|
|
6
|
-
value:
|
|
5
|
+
value: number;
|
|
7
6
|
/** The label of the option. */
|
|
8
7
|
label: string;
|
|
9
8
|
/**
|
|
@@ -18,7 +17,7 @@ export type DropdownOption = {
|
|
|
18
17
|
* Use the `components` prop to swap this component with a custom one.
|
|
19
18
|
*
|
|
20
19
|
* @group Components
|
|
21
|
-
* @see https://
|
|
20
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
22
21
|
*/
|
|
23
22
|
export declare function Dropdown(props: {
|
|
24
23
|
options?: DropdownOption[] | undefined;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Dropdown = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const UI_1 = require("../UI");
|
|
9
|
-
const
|
|
9
|
+
const contexts_1 = require("../contexts");
|
|
10
10
|
const Chevron_1 = require("./Chevron");
|
|
11
11
|
const Option_1 = require("./Option");
|
|
12
12
|
const Select_1 = require("./Select");
|
|
@@ -16,11 +16,11 @@ const Select_1 = require("./Select");
|
|
|
16
16
|
* Use the `components` prop to swap this component with a custom one.
|
|
17
17
|
*
|
|
18
18
|
* @group Components
|
|
19
|
-
* @see https://
|
|
19
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
20
20
|
*/
|
|
21
21
|
function Dropdown(props) {
|
|
22
22
|
const { options, rootClassName, className, ...selectProps } = props;
|
|
23
|
-
const { classNames, components } = (0,
|
|
23
|
+
const { classNames, components } = (0, contexts_1.useProps)();
|
|
24
24
|
const cssClassRoot = [classNames[UI_1.UI.DropdownRoot], rootClassName].join(" ");
|
|
25
25
|
const cssClassSelect = [classNames[UI_1.UI.Dropdown], className].join(" ");
|
|
26
26
|
const Select = components?.Select ?? Select_1.Select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyD;AAEzD,8BAA2B;AAC3B,0CAAuC;AAEvC,uCAAsD;AACtD,qCAAmD;AACnD,qCAAmD;AAenD;;;;;;;GAOG;AACH,SAAgB,QAAQ,CACtB,KAG6D;IAE7D,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAE9C,MAAM,YAAY,GAAG,CAAC,UAAU,CAAC,OAAE,CAAC,YAAY,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAG,CAAC,UAAU,CAAC,OAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtE,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IACnD,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IACnD,MAAM,OAAO,GAAG,UAAU,EAAE,OAAO,IAAI,iBAAc,CAAC;IAEtD,MAAM,cAAc,GAAG,OAAO,EAAE,IAAI,CAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAC3C,CAAC;IACF,OAAO,CACL,wCAAM,SAAS,EAAE,YAAY;QAC3B,8BAAC,MAAM,IAAC,SAAS,EAAE,cAAc,KAAM,WAAW,IAC/C,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5C,8BAAC,MAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IACjD,KAAK,CACC,CACV,CAAC,CACK;QACT,wCAAM,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,YAAY,CAAC;YACzC,cAAc,EAAE,KAAK;YACtB,8BAAC,OAAO,IAAC,WAAW,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,CACnC,CACF,CACR,CAAC;AACJ,CAAC;AAlCD,4BAkCC"}
|
|
@@ -6,7 +6,7 @@ import type { CalendarMonth } from "../classes";
|
|
|
6
6
|
* Use the `components` prop to swap this component with a custom one.
|
|
7
7
|
*
|
|
8
8
|
* @group Components
|
|
9
|
-
* @see https://
|
|
9
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
10
10
|
*/
|
|
11
11
|
export declare function DropdownNav(props: {
|
|
12
12
|
/** The month where the dropdown navigation is displayed. */
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.DropdownNav = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const UI_1 = require("../UI");
|
|
9
|
-
const
|
|
9
|
+
const contexts_1 = require("../contexts");
|
|
10
10
|
const MonthsDropdown_1 = require("./MonthsDropdown");
|
|
11
11
|
const YearsDropdown_1 = require("./YearsDropdown");
|
|
12
12
|
/**
|
|
@@ -15,13 +15,13 @@ const YearsDropdown_1 = require("./YearsDropdown");
|
|
|
15
15
|
* Use the `components` prop to swap this component with a custom one.
|
|
16
16
|
*
|
|
17
17
|
* @group Components
|
|
18
|
-
* @see https://
|
|
18
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
19
19
|
*/
|
|
20
20
|
function DropdownNav(props) {
|
|
21
|
-
const { classNames, styles } = (0,
|
|
21
|
+
const { classNames, styles, formatters: { formatMonthDropdown, formatYearDropdown } } = (0, contexts_1.useProps)();
|
|
22
22
|
return (react_1.default.createElement("div", { className: classNames[UI_1.UI.DropdownNav], style: styles?.[UI_1.UI.DropdownNav] },
|
|
23
|
-
props.showMonths
|
|
24
|
-
props.showYears
|
|
23
|
+
props.showMonths ? (react_1.default.createElement(MonthsDropdown_1.MonthsDropdown, { month: props.month })) : (react_1.default.createElement("span", { role: "status", "aria-live": "polite" }, formatMonthDropdown(props.month.date.getMonth()))),
|
|
24
|
+
props.showYears ? (react_1.default.createElement(YearsDropdown_1.YearsDropdown, { month: props.month })) : (react_1.default.createElement("span", { role: "status", "aria-live": "polite" }, formatYearDropdown(props.month.date.getFullYear())))));
|
|
25
25
|
}
|
|
26
26
|
exports.DropdownNav = DropdownNav;
|
|
27
27
|
//# sourceMappingURL=DropdownNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownNav.js","sourceRoot":"","sources":["../../../src/components/DropdownNav.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2B;AAE3B,
|
|
1
|
+
{"version":3,"file":"DropdownNav.js","sourceRoot":"","sources":["../../../src/components/DropdownNav.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2B;AAE3B,0CAAuC;AAEvC,qDAAkD;AAClD,mDAAgD;AAEhD;;;;;;;GAOG;AACH,SAAgB,WAAW,CAAC,KAS3B;IACC,MAAM,EACJ,UAAU,EACV,MAAM,EACN,UAAU,EAAE,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,EACxD,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEf,OAAO,CACL,uCACE,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,WAAW,CAAC,EACrC,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,WAAW,CAAC;QAE9B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAClB,8BAAC,+BAAc,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACvC,CAAC,CAAC,CAAC,CACF,wCAAM,IAAI,EAAC,QAAQ,eAAW,QAAQ,IACnC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAC5C,CACR;QACA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,8BAAC,6BAAa,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACtC,CAAC,CAAC,CAAC,CACF,wCAAM,IAAI,EAAC,QAAQ,eAAW,QAAQ,IACnC,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAC9C,CACR,CACG,CACP,CAAC;AACJ,CAAC;AArCD,kCAqCC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { HTMLProps } from "react";
|
|
1
|
+
import React, { type HTMLProps } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* Component wrapping the footer.
|
|
4
4
|
*
|
|
5
5
|
* Use the `components` prop to swap this component with a custom one.
|
|
6
6
|
*
|
|
7
7
|
* @group Components
|
|
8
|
-
* @see https://
|
|
8
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
9
9
|
*/
|
|
10
10
|
export declare function Footer(props: Pick<HTMLProps<HTMLElement>, "children" | "className" | "style">): React.JSX.Element;
|
|
11
11
|
export type FooterProps = Parameters<typeof Footer>[0];
|
|
@@ -11,7 +11,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
11
11
|
* Use the `components` prop to swap this component with a custom one.
|
|
12
12
|
*
|
|
13
13
|
* @group Components
|
|
14
|
-
* @see https://
|
|
14
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
15
15
|
*/
|
|
16
16
|
function Footer(props) {
|
|
17
17
|
return react_1.default.createElement("div", { ...props }, props.children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/Footer.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/Footer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA8C;AAE9C;;;;;;;GAOG;AACH,SAAgB,MAAM,CACpB,KAAuE;IAEvE,OAAO,0CAAS,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AAChD,CAAC;AAJD,wBAIC"}
|
|
@@ -7,7 +7,7 @@ import type { CalendarMonth } from "../classes/CalendarMonth";
|
|
|
7
7
|
* Use the `components` prop to swap this component with a custom one.
|
|
8
8
|
*
|
|
9
9
|
* @group Components
|
|
10
|
-
* @see https://
|
|
10
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
11
11
|
*/
|
|
12
12
|
export declare function Month(props: {
|
|
13
13
|
/** The month where the grid is displayed. */
|
|
@@ -1,32 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
4
|
};
|
|
25
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
6
|
exports.Month = void 0;
|
|
27
|
-
const react_1 =
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
28
8
|
const UI_1 = require("../UI");
|
|
29
|
-
const
|
|
9
|
+
const contexts_1 = require("../contexts");
|
|
30
10
|
const MonthCaption_1 = require("./MonthCaption");
|
|
31
11
|
const Week_1 = require("./Week");
|
|
32
12
|
const Weekdays_1 = require("./Weekdays");
|
|
@@ -37,11 +17,11 @@ const Weekdays_1 = require("./Weekdays");
|
|
|
37
17
|
* Use the `components` prop to swap this component with a custom one.
|
|
38
18
|
*
|
|
39
19
|
* @group Components
|
|
40
|
-
* @see https://
|
|
20
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
41
21
|
*/
|
|
42
22
|
function Month(props) {
|
|
43
|
-
const { id, mode, hideWeekdayRow, components, classNames, styles } = (0,
|
|
44
|
-
const reactId =
|
|
23
|
+
const { id, mode, hideWeekdayRow, components, classNames, styles } = (0, contexts_1.useProps)();
|
|
24
|
+
const reactId = react_1.default.useId();
|
|
45
25
|
const captionId = id ? `${id}-caption-${props.index}` : reactId;
|
|
46
26
|
const gridId = id ? `${id}-grid-${props.index}` : reactId;
|
|
47
27
|
const Weekdays = components?.Weekdays ?? Weekdays_1.Weekdays;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Month.js","sourceRoot":"","sources":["../../../src/components/Month.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Month.js","sourceRoot":"","sources":["../../../src/components/Month.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2B;AAE3B,0CAAuC;AAEvC,iDAAqE;AACrE,iCAA6C;AAC7C,yCAAyD;AAEzD;;;;;;;;GAQG;AACH,SAAgB,KAAK,CAAC,KAKrB;IACC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,GAChE,IAAA,mBAAQ,GAAE,CAAC;IAEb,MAAM,OAAO,GAAG,eAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,YAAY,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAChE,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1D,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,IAAI,mBAAe,CAAC;IACzD,MAAM,YAAY,GAAG,UAAU,EAAE,YAAY,IAAI,2BAAmB,CAAC;IACrE,MAAM,IAAI,GAAG,UAAU,EAAE,IAAI,IAAI,WAAW,CAAC;IAE7C,OAAO,CACL,uCACE,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,YAAY,CAAC,EACtC,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,YAAY,CAAC;QAEhC,8BAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;QACvE,uCACE,EAAE,EAAE,MAAM,EACV,IAAI,EAAC,MAAM,0BACW,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,OAAO,qBAC5C,SAAS,EAC1B,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,KAAK,CAAC,EAC/B,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,KAAK,CAAC;YAEzB,8BAAC,QAAQ,OAAG;YACZ,uCACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,KAAK,CAAC,EAC/B,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,KAAK,CAAC,IAExB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,8BAAC,IAAI,IACH,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,IAAI,EAAE,IAAI,mBACK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAC3C,CACH,CAAC,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAhDD,sBAgDC"}
|
|
@@ -6,7 +6,7 @@ import type { CalendarMonth } from "../classes";
|
|
|
6
6
|
* Use the `components` prop to swap this component with a custom one.
|
|
7
7
|
*
|
|
8
8
|
* @group Components
|
|
9
|
-
* @see https://
|
|
9
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
10
10
|
*/
|
|
11
11
|
export declare function MonthCaption(props: {
|
|
12
12
|
/** The month where the grid is displayed. */
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.MonthCaption = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const UI_1 = require("../UI");
|
|
9
|
-
const
|
|
9
|
+
const contexts_1 = require("../contexts");
|
|
10
10
|
const DropdownNav_1 = require("./DropdownNav");
|
|
11
11
|
/**
|
|
12
12
|
* Render the caption of a month in the calendar.
|
|
@@ -14,11 +14,11 @@ const DropdownNav_1 = require("./DropdownNav");
|
|
|
14
14
|
* Use the `components` prop to swap this component with a custom one.
|
|
15
15
|
*
|
|
16
16
|
* @group Components
|
|
17
|
-
* @see https://
|
|
17
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
18
18
|
*/
|
|
19
19
|
function MonthCaption(props) {
|
|
20
|
-
const { classNames, captionLayout, formatters: { formatCaption }, labels: { labelCaption }, locale, styles } = (0,
|
|
21
|
-
return (react_1.default.createElement("div", { id: props.id, className: classNames[UI_1.UI.MonthCaption], style: styles?.[UI_1.UI.MonthCaption] }, captionLayout?.startsWith("dropdown") ? (react_1.default.createElement(DropdownNav_1.DropdownNav, { month: props.month, index: props.index, showMonths: captionLayout === "dropdown" || captionLayout === "dropdown-months", showYears: captionLayout === "dropdown" || captionLayout === "dropdown-years" })) : (react_1.default.createElement("span", { className: classNames[UI_1.UI.CaptionLabel], role: "status", "aria-live": "polite", "aria-label": labelCaption(props.month.date, { locale }) ?? undefined }, formatCaption(props.month.date, { locale })))));
|
|
20
|
+
const { classNames, captionLayout, dateLib, formatters: { formatCaption }, labels: { labelCaption }, locale, styles } = (0, contexts_1.useProps)();
|
|
21
|
+
return (react_1.default.createElement("div", { id: props.id, className: classNames[UI_1.UI.MonthCaption], style: styles?.[UI_1.UI.MonthCaption] }, captionLayout?.startsWith("dropdown") ? (react_1.default.createElement(DropdownNav_1.DropdownNav, { month: props.month, index: props.index, showMonths: captionLayout === "dropdown" || captionLayout === "dropdown-months", showYears: captionLayout === "dropdown" || captionLayout === "dropdown-years" })) : (react_1.default.createElement("span", { className: classNames[UI_1.UI.CaptionLabel], role: "status", "aria-live": "polite", "aria-label": labelCaption(props.month.date, { locale }, dateLib) ?? undefined }, formatCaption(props.month.date, { locale }, dateLib)))));
|
|
22
22
|
}
|
|
23
23
|
exports.MonthCaption = MonthCaption;
|
|
24
24
|
//# sourceMappingURL=MonthCaption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthCaption.js","sourceRoot":"","sources":["../../../src/components/MonthCaption.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2B;AAE3B,
|
|
1
|
+
{"version":3,"file":"MonthCaption.js","sourceRoot":"","sources":["../../../src/components/MonthCaption.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2B;AAE3B,0CAAuC;AAEvC,+CAA4C;AAE5C;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,KAO5B;IACC,MAAM,EACJ,UAAU,EACV,aAAa,EACb,OAAO,EACP,UAAU,EAAE,EAAE,aAAa,EAAE,EAC7B,MAAM,EAAE,EAAE,YAAY,EAAE,EACxB,MAAM,EACN,MAAM,EACP,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEf,OAAO,CACL,uCACE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,YAAY,CAAC,EACtC,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,YAAY,CAAC,IAE/B,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACvC,8BAAC,yBAAW,IACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EACR,aAAa,KAAK,UAAU,IAAI,aAAa,KAAK,iBAAiB,EAErE,SAAS,EACP,aAAa,KAAK,UAAU,IAAI,aAAa,KAAK,gBAAgB,GAEpE,CACH,CAAC,CAAC,CAAC,CACF,wCACE,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,YAAY,CAAC,EACtC,IAAI,EAAC,QAAQ,eACH,QAAQ,gBAEhB,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,IAAI,SAAS,IAGjE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,CAChD,CACR,CACG,CACP,CAAC;AACJ,CAAC;AAjDD,oCAiDC"}
|
|
@@ -6,7 +6,7 @@ import type { HTMLProps } from "react";
|
|
|
6
6
|
* Use the `components` prop to swap this component with a custom one.
|
|
7
7
|
*
|
|
8
8
|
* @group Components
|
|
9
|
-
* @see https://
|
|
9
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
10
10
|
*/
|
|
11
11
|
export declare function Months(props: Pick<HTMLProps<HTMLElement>, "children" | "className" | "style">): React.JSX.Element;
|
|
12
12
|
export type MonthsProps = Parameters<typeof Months>[0];
|
|
@@ -11,7 +11,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
11
11
|
* Use the `components` prop to swap this component with a custom one.
|
|
12
12
|
*
|
|
13
13
|
* @group Components
|
|
14
|
-
* @see https://
|
|
14
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
15
15
|
*/
|
|
16
16
|
function Months(props) {
|
|
17
17
|
return react_1.default.createElement("div", { ...props }, props.children);
|
|
@@ -6,7 +6,7 @@ import type { CalendarMonth } from "../classes";
|
|
|
6
6
|
* Use the `components` prop to swap this component with a custom one.
|
|
7
7
|
*
|
|
8
8
|
* @group Components
|
|
9
|
-
* @see https://
|
|
9
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
10
10
|
*/
|
|
11
11
|
export declare function MonthsDropdown(props: {
|
|
12
12
|
/** The month where the dropdown is displayed. */
|
|
@@ -5,11 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.MonthsDropdown = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const setMonth_1 = require("date-fns/setMonth");
|
|
9
|
-
const startOfMonth_1 = require("date-fns/startOfMonth");
|
|
10
8
|
const UI_1 = require("../UI");
|
|
11
|
-
const
|
|
12
|
-
const props_1 = require("../contexts/props");
|
|
9
|
+
const contexts_1 = require("../contexts");
|
|
13
10
|
const Dropdown_1 = require("./Dropdown");
|
|
14
11
|
/**
|
|
15
12
|
* Render the dropdown to change the month.
|
|
@@ -17,18 +14,18 @@ const Dropdown_1 = require("./Dropdown");
|
|
|
17
14
|
* Use the `components` prop to swap this component with a custom one.
|
|
18
15
|
*
|
|
19
16
|
* @group Components
|
|
20
|
-
* @see https://
|
|
17
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
21
18
|
*/
|
|
22
19
|
function MonthsDropdown(props) {
|
|
23
|
-
const { classNames, components, disableNavigation, labels: { labelMonthDropdown } } = (0,
|
|
24
|
-
const { dropdownOptions
|
|
20
|
+
const { classNames, components, disableNavigation, dateLib: { setMonth, startOfMonth }, labels: { labelMonthDropdown } } = (0, contexts_1.useProps)();
|
|
21
|
+
const { dropdownOptions, goToMonth } = (0, contexts_1.useCalendar)();
|
|
25
22
|
const Dropdown = components?.Dropdown ?? Dropdown_1.Dropdown;
|
|
26
23
|
const handleChange = (e) => {
|
|
27
24
|
const selectedMonth = Number(e.target.value);
|
|
28
|
-
const month =
|
|
25
|
+
const month = setMonth(startOfMonth(props.month.date), selectedMonth);
|
|
29
26
|
goToMonth(month);
|
|
30
27
|
};
|
|
31
|
-
return (react_1.default.createElement(Dropdown, { "aria-label": labelMonthDropdown(), disabled: Boolean(disableNavigation), rootClassName: classNames[UI_1.UI.MonthsDropdown], options:
|
|
28
|
+
return (react_1.default.createElement(Dropdown, { "aria-label": labelMonthDropdown(), disabled: Boolean(disableNavigation), rootClassName: classNames[UI_1.UI.MonthsDropdown], options: dropdownOptions.months, value: props.month.date.getMonth(), onChange: handleChange }));
|
|
32
29
|
}
|
|
33
30
|
exports.MonthsDropdown = MonthsDropdown;
|
|
34
31
|
//# sourceMappingURL=MonthsDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthsDropdown.js","sourceRoot":"","sources":["../../../src/components/MonthsDropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,
|
|
1
|
+
{"version":3,"file":"MonthsDropdown.js","sourceRoot":"","sources":["../../../src/components/MonthsDropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,8BAA2B;AAE3B,0CAAoD;AAEpD,yCAAyD;AAEzD;;;;;;;GAOG;AACH,SAAgB,cAAc,CAAC,KAG9B;IACC,MAAM,EACJ,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EACnC,MAAM,EAAE,EAAE,kBAAkB,EAAE,EAC/B,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEf,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAC;IAErD,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,IAAI,mBAAe,CAAC;IAEzD,MAAM,YAAY,GAA0C,CAAC,CAAC,EAAE,EAAE;QAChE,MAAM,aAAa,GAAG,MAAM,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC;QACpE,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC;QACtE,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,QAAQ,kBACK,kBAAkB,EAAE,EAChC,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,EACpC,aAAa,EAAE,UAAU,CAAC,OAAE,CAAC,cAAc,CAAC,EAC5C,OAAO,EAAE,eAAe,CAAC,MAAM,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,EAClC,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC;AAhCD,wCAgCC"}
|
|
@@ -5,6 +5,6 @@ import React from "react";
|
|
|
5
5
|
* Use the `components` prop to swap this component with a custom one.
|
|
6
6
|
*
|
|
7
7
|
* @group Components
|
|
8
|
-
* @see https://
|
|
8
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
9
9
|
*/
|
|
10
10
|
export declare function Nav(): React.JSX.Element;
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Nav = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const UI_1 = require("../UI");
|
|
9
|
-
const
|
|
10
|
-
const props_1 = require("../contexts/props");
|
|
9
|
+
const contexts_1 = require("../contexts");
|
|
11
10
|
const Button_1 = require("./Button");
|
|
12
11
|
const Chevron_1 = require("./Chevron");
|
|
13
12
|
/**
|
|
@@ -16,11 +15,11 @@ const Chevron_1 = require("./Chevron");
|
|
|
16
15
|
* Use the `components` prop to swap this component with a custom one.
|
|
17
16
|
*
|
|
18
17
|
* @group Components
|
|
19
|
-
* @see https://
|
|
18
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
20
19
|
*/
|
|
21
20
|
function Nav() {
|
|
22
|
-
const { classNames, styles, labels: { labelNext, labelPrevious }, locale, components, id, onNextClick, onPrevClick } = (0,
|
|
23
|
-
const calendar = (0,
|
|
21
|
+
const { classNames, styles, labels: { labelNext, labelPrevious }, locale, components, id, onNextClick, onPrevClick } = (0, contexts_1.useProps)();
|
|
22
|
+
const calendar = (0, contexts_1.useCalendar)();
|
|
24
23
|
const handlePreviousClick = () => {
|
|
25
24
|
if (!calendar.previousMonth)
|
|
26
25
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../src/components/Nav.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../src/components/Nav.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2B;AAC3B,0CAAoD;AAEpD,qCAAmD;AACnD,uCAAsD;AAEtD;;;;;;;GAOG;AACH,SAAgB,GAAG;IACjB,MAAM,EACJ,UAAU,EACV,MAAM,EACN,MAAM,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,EACpC,MAAM,EACN,UAAU,EACV,EAAE,EACF,WAAW,EACX,WAAW,EACZ,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEf,MAAM,QAAQ,GAAG,IAAA,sBAAW,GAAE,CAAC;IAE/B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,CAAC,QAAQ,CAAC,aAAa;YAAE,OAAO;QACpC,QAAQ,CAAC,iBAAiB,EAAE,CAAC;QAC7B,WAAW,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,QAAQ,CAAC,SAAS;YAAE,OAAO;QAChC,QAAQ,CAAC,aAAa,EAAE,CAAC;QACzB,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IACnD,MAAM,OAAO,GAAG,UAAU,EAAE,OAAO,IAAI,iBAAc,CAAC;IAEtD,OAAO,CACL,uCAAK,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,GAAG,CAAC;QACxE,8BAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,gBAAgB,EACrB,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,cAAc,CAAC,EACxC,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EACjD,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,gBACvC,aAAa,CAAC,QAAQ,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,mBAC9C,EAAE,EACjB,OAAO,EAAE,mBAAmB;YAE5B,8BAAC,OAAO,OAAG,CACJ;QACT,8BAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,EACjB,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,UAAU,CAAC,EACpC,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7C,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,gBACnC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,mBACtC,EAAE,EACjB,OAAO,EAAE,eAAe;YAExB,8BAAC,OAAO,IAAC,WAAW,EAAC,OAAO,GAAG,CACxB,CACL,CACP,CAAC;AACJ,CAAC;AAzDD,kBAyDC"}
|
|
@@ -6,7 +6,7 @@ import type { OptionHTMLAttributes } from "react";
|
|
|
6
6
|
* Use the `components` prop to swap this component with a custom one.
|
|
7
7
|
*
|
|
8
8
|
* @group Components
|
|
9
|
-
* @see https://
|
|
9
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
10
10
|
*/
|
|
11
11
|
export declare function Option(props: OptionHTMLAttributes<HTMLOptionElement>): React.JSX.Element;
|
|
12
12
|
export type OptionProps = Parameters<typeof Option>[0];
|
|
@@ -11,7 +11,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
11
11
|
* Use the `components` prop to swap this component with a custom one.
|
|
12
12
|
*
|
|
13
13
|
* @group Components
|
|
14
|
-
* @see https://
|
|
14
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
15
15
|
*/
|
|
16
16
|
function Option(props) {
|
|
17
17
|
return react_1.default.createElement("option", { ...props });
|
|
@@ -6,7 +6,7 @@ import type { SelectHTMLAttributes } from "react";
|
|
|
6
6
|
* Use the `components` prop to swap this component with a custom one.
|
|
7
7
|
*
|
|
8
8
|
* @group Components
|
|
9
|
-
* @see https://
|
|
9
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
10
10
|
*/
|
|
11
11
|
export declare function Select(props: SelectHTMLAttributes<HTMLSelectElement>): React.JSX.Element;
|
|
12
12
|
export type SelectProps = Parameters<typeof Select>[0];
|
|
@@ -11,7 +11,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
11
11
|
* Use the `components` prop to swap this component with a custom one.
|
|
12
12
|
*
|
|
13
13
|
* @group Components
|
|
14
|
-
* @see https://
|
|
14
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
15
15
|
*/
|
|
16
16
|
function Select(props) {
|
|
17
17
|
return react_1.default.createElement("select", { ...props });
|
|
@@ -6,7 +6,7 @@ import type { CalendarWeek } from "../classes";
|
|
|
6
6
|
* Use the `components` prop to swap this component with a custom one.
|
|
7
7
|
*
|
|
8
8
|
* @group Components
|
|
9
|
-
* @see https://
|
|
9
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
10
10
|
*/
|
|
11
11
|
export declare function Week(props: {
|
|
12
12
|
["aria-rowindex"]: number;
|