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
package/README.md
CHANGED
|
@@ -6,12 +6,13 @@ DayPicker is a [React](https://react.dev) component to create date pickers, cale
|
|
|
6
6
|
|
|
7
7
|
## Features
|
|
8
8
|
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
- Supports
|
|
12
|
-
- Can be localized
|
|
13
|
-
-
|
|
14
|
-
-
|
|
9
|
+
- 🛠 An extensive set of props for configuring and customizing the calendar.
|
|
10
|
+
- 🎨 A minimal design that can be easily styled with CSS or any CSS framework.
|
|
11
|
+
- 📅 Supports selections of single day, multiple days, ranges of days, or custom selections.
|
|
12
|
+
- 🌍 Can be localized into any language.
|
|
13
|
+
- 📆 Supports for ISO 8601 dates, UTC dates, and Jalali Calendar.
|
|
14
|
+
- ♿ Complies with WCAG 2.1 AA requirements for accessibility.
|
|
15
|
+
- ⚙️ Customizable internal components for complex use cases.
|
|
15
16
|
|
|
16
17
|
DayPicker is written in TypeScript and compiled to CommonJS and ESM. It requires [date-fns](https://date-fns.org) as a peer dependency.
|
|
17
18
|
|
package/dist/cjs/DayPicker.d.ts
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { DayPickerProps
|
|
2
|
+
import type { DayPickerProps } from "./types";
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
5
|
-
* inputs for web applications.
|
|
4
|
+
* Render the date picker calendar.
|
|
6
5
|
*
|
|
7
|
-
* @
|
|
8
|
-
* @template R - Whether the selection is required. Defaults to `false`.
|
|
9
|
-
* @group Components
|
|
6
|
+
* @group DayPicker
|
|
10
7
|
* @see http://daypicker.dev
|
|
11
8
|
*/
|
|
12
|
-
export declare function DayPicker
|
|
9
|
+
export declare function DayPicker(props: DayPickerProps): React.JSX.Element;
|
package/dist/cjs/DayPicker.js
CHANGED
|
@@ -6,18 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.DayPicker = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const Calendar_1 = require("./components/Calendar");
|
|
9
|
-
const
|
|
9
|
+
const providers_1 = require("./contexts/providers");
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
12
|
-
* inputs for web applications.
|
|
11
|
+
* Render the date picker calendar.
|
|
13
12
|
*
|
|
14
|
-
* @
|
|
15
|
-
* @template R - Whether the selection is required. Defaults to `false`.
|
|
16
|
-
* @group Components
|
|
13
|
+
* @group DayPicker
|
|
17
14
|
* @see http://daypicker.dev
|
|
18
15
|
*/
|
|
19
16
|
function DayPicker(props) {
|
|
20
|
-
return (react_1.default.createElement(
|
|
17
|
+
return (react_1.default.createElement(providers_1.ContextProviders, { ...props },
|
|
21
18
|
react_1.default.createElement(Calendar_1.Calendar, null)));
|
|
22
19
|
}
|
|
23
20
|
exports.DayPicker = DayPicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayPicker.js","sourceRoot":"","sources":["../../src/DayPicker.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"DayPicker.js","sourceRoot":"","sources":["../../src/DayPicker.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,oDAAwD;AAGxD;;;;;GAKG;AACH,SAAgB,SAAS,CAAC,KAAqB;IAC7C,OAAO,CACL,8BAAC,4BAAgB,OAAK,KAAK;QACzB,8BAAC,mBAAQ,OAAG,CACK,CACpB,CAAC;AACJ,CAAC;AAND,8BAMC"}
|
package/dist/cjs/UI.d.ts
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
* The UI elements composing DayPicker. These elements are mapped to
|
|
3
3
|
* {@link CustomComponents}, the {@link ClassNames} and the {@link Styles} used by
|
|
4
4
|
* DayPicker.
|
|
5
|
+
*
|
|
6
|
+
* Some of these elements are extended by flags and modifiers.
|
|
5
7
|
*/
|
|
6
8
|
export declare enum UI {
|
|
7
9
|
/** The previous button in the navigation. */
|
|
@@ -15,7 +17,10 @@ export declare enum UI {
|
|
|
15
17
|
Calendar = "calendar",
|
|
16
18
|
/** The Chevron SVG element used by navigation buttons and dropdowns. */
|
|
17
19
|
Chevron = "chevron",
|
|
18
|
-
/**
|
|
20
|
+
/**
|
|
21
|
+
* The grid cell with the day's date. Extended by {@link DayFlag} and
|
|
22
|
+
* {@link SelectionFlag}.
|
|
23
|
+
*/
|
|
19
24
|
Day = "day",
|
|
20
25
|
/** The element containing the formatted day's date, inside the grid cell. */
|
|
21
26
|
DayDate = "day_date",
|
|
@@ -57,14 +62,26 @@ export declare enum UI {
|
|
|
57
62
|
/** The dropdown with the years. */
|
|
58
63
|
YearsDropdown = "years_dropdown"
|
|
59
64
|
}
|
|
60
|
-
/** The
|
|
61
|
-
export declare enum
|
|
65
|
+
/** The flags for the {@link UI.Day}. */
|
|
66
|
+
export declare enum DayFlag {
|
|
62
67
|
/** The day is disabled */
|
|
63
68
|
disabled = "disabled",
|
|
64
69
|
/** The day is hidden */
|
|
65
70
|
hidden = "hidden",
|
|
66
71
|
/** The day is outside the current month */
|
|
67
72
|
outside = "outside",
|
|
73
|
+
/** The day is focusable. */
|
|
74
|
+
focusable = "focusable",
|
|
75
|
+
/** The day is focused. */
|
|
76
|
+
focused = "focused",
|
|
77
|
+
/** The day is today. */
|
|
78
|
+
today = "today"
|
|
79
|
+
}
|
|
80
|
+
/**
|
|
81
|
+
* The state that can be applied to the {@link UI.Day} element when in selection
|
|
82
|
+
* mode.
|
|
83
|
+
*/
|
|
84
|
+
export declare enum SelectionState {
|
|
68
85
|
/** The day is at the end of a selected range. */
|
|
69
86
|
range_end = "range_end",
|
|
70
87
|
/** The day is at the middle of a selected range. */
|
|
@@ -72,22 +89,16 @@ export declare enum DayModifier {
|
|
|
72
89
|
/** The day is at the start of a selected range. */
|
|
73
90
|
range_start = "range_start",
|
|
74
91
|
/** The day is selected. */
|
|
75
|
-
selected = "selected"
|
|
76
|
-
/** The day is focusable. */
|
|
77
|
-
focusable = "focusable",
|
|
78
|
-
/** The day is focused. */
|
|
79
|
-
focused = "focused",
|
|
80
|
-
/** The day is today. */
|
|
81
|
-
today = "today"
|
|
92
|
+
selected = "selected"
|
|
82
93
|
}
|
|
83
94
|
/** Flags that can be applied to the {@link UI.Calendar} element. */
|
|
84
95
|
export declare enum CalendarFlag {
|
|
85
96
|
/** Assigned when the week numbers are show. */
|
|
86
|
-
|
|
97
|
+
has_week_numbers = "has_week_numbers",
|
|
87
98
|
/** Assigned when the weekdays are hidden. */
|
|
88
|
-
|
|
99
|
+
no_weekdays = "no_weekdays",
|
|
89
100
|
/** Assigned when the calendar has multiple months. */
|
|
90
|
-
|
|
101
|
+
has_multiple_months = "has_multiple_months"
|
|
91
102
|
}
|
|
92
103
|
/** Flags that can be applied to the {@link UI.Chevron} element. */
|
|
93
104
|
export declare enum ChevronFlag {
|
|
@@ -100,5 +111,5 @@ export declare enum WeekNumberFlag {
|
|
|
100
111
|
* Assigned when the week number is interactive, i.e. has an
|
|
101
112
|
* `onWeekNumberClick` event attached to it.
|
|
102
113
|
*/
|
|
103
|
-
|
|
114
|
+
week_number_interactive = "week_number_interactive"
|
|
104
115
|
}
|
package/dist/cjs/UI.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WeekNumberFlag = exports.ChevronFlag = exports.CalendarFlag = exports.
|
|
3
|
+
exports.WeekNumberFlag = exports.ChevronFlag = exports.CalendarFlag = exports.SelectionState = exports.DayFlag = exports.UI = void 0;
|
|
4
4
|
/**
|
|
5
5
|
* The UI elements composing DayPicker. These elements are mapped to
|
|
6
6
|
* {@link CustomComponents}, the {@link ClassNames} and the {@link Styles} used by
|
|
7
7
|
* DayPicker.
|
|
8
|
+
*
|
|
9
|
+
* Some of these elements are extended by flags and modifiers.
|
|
8
10
|
*/
|
|
9
11
|
var UI;
|
|
10
12
|
(function (UI) {
|
|
@@ -19,7 +21,10 @@ var UI;
|
|
|
19
21
|
UI["Calendar"] = "calendar";
|
|
20
22
|
/** The Chevron SVG element used by navigation buttons and dropdowns. */
|
|
21
23
|
UI["Chevron"] = "chevron";
|
|
22
|
-
/**
|
|
24
|
+
/**
|
|
25
|
+
* The grid cell with the day's date. Extended by {@link DayFlag} and
|
|
26
|
+
* {@link SelectionFlag}.
|
|
27
|
+
*/
|
|
23
28
|
UI["Day"] = "day";
|
|
24
29
|
/** The element containing the formatted day's date, inside the grid cell. */
|
|
25
30
|
UI["DayDate"] = "day_date";
|
|
@@ -61,39 +66,46 @@ var UI;
|
|
|
61
66
|
/** The dropdown with the years. */
|
|
62
67
|
UI["YearsDropdown"] = "years_dropdown";
|
|
63
68
|
})(UI || (exports.UI = UI = {}));
|
|
64
|
-
/** The
|
|
65
|
-
var
|
|
66
|
-
(function (
|
|
69
|
+
/** The flags for the {@link UI.Day}. */
|
|
70
|
+
var DayFlag;
|
|
71
|
+
(function (DayFlag) {
|
|
67
72
|
/** The day is disabled */
|
|
68
|
-
|
|
73
|
+
DayFlag["disabled"] = "disabled";
|
|
69
74
|
/** The day is hidden */
|
|
70
|
-
|
|
75
|
+
DayFlag["hidden"] = "hidden";
|
|
71
76
|
/** The day is outside the current month */
|
|
72
|
-
|
|
77
|
+
DayFlag["outside"] = "outside";
|
|
78
|
+
/** The day is focusable. */
|
|
79
|
+
DayFlag["focusable"] = "focusable";
|
|
80
|
+
/** The day is focused. */
|
|
81
|
+
DayFlag["focused"] = "focused";
|
|
82
|
+
/** The day is today. */
|
|
83
|
+
DayFlag["today"] = "today";
|
|
84
|
+
})(DayFlag || (exports.DayFlag = DayFlag = {}));
|
|
85
|
+
/**
|
|
86
|
+
* The state that can be applied to the {@link UI.Day} element when in selection
|
|
87
|
+
* mode.
|
|
88
|
+
*/
|
|
89
|
+
var SelectionState;
|
|
90
|
+
(function (SelectionState) {
|
|
73
91
|
/** The day is at the end of a selected range. */
|
|
74
|
-
|
|
92
|
+
SelectionState["range_end"] = "range_end";
|
|
75
93
|
/** The day is at the middle of a selected range. */
|
|
76
|
-
|
|
94
|
+
SelectionState["range_middle"] = "range_middle";
|
|
77
95
|
/** The day is at the start of a selected range. */
|
|
78
|
-
|
|
96
|
+
SelectionState["range_start"] = "range_start";
|
|
79
97
|
/** The day is selected. */
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
DayModifier["focusable"] = "focusable";
|
|
83
|
-
/** The day is focused. */
|
|
84
|
-
DayModifier["focused"] = "focused";
|
|
85
|
-
/** The day is today. */
|
|
86
|
-
DayModifier["today"] = "today";
|
|
87
|
-
})(DayModifier || (exports.DayModifier = DayModifier = {}));
|
|
98
|
+
SelectionState["selected"] = "selected";
|
|
99
|
+
})(SelectionState || (exports.SelectionState = SelectionState = {}));
|
|
88
100
|
/** Flags that can be applied to the {@link UI.Calendar} element. */
|
|
89
101
|
var CalendarFlag;
|
|
90
102
|
(function (CalendarFlag) {
|
|
91
103
|
/** Assigned when the week numbers are show. */
|
|
92
|
-
CalendarFlag["
|
|
104
|
+
CalendarFlag["has_week_numbers"] = "has_week_numbers";
|
|
93
105
|
/** Assigned when the weekdays are hidden. */
|
|
94
|
-
CalendarFlag["
|
|
106
|
+
CalendarFlag["no_weekdays"] = "no_weekdays";
|
|
95
107
|
/** Assigned when the calendar has multiple months. */
|
|
96
|
-
CalendarFlag["
|
|
108
|
+
CalendarFlag["has_multiple_months"] = "has_multiple_months";
|
|
97
109
|
})(CalendarFlag || (exports.CalendarFlag = CalendarFlag = {}));
|
|
98
110
|
/** Flags that can be applied to the {@link UI.Chevron} element. */
|
|
99
111
|
var ChevronFlag;
|
|
@@ -108,6 +120,6 @@ var WeekNumberFlag;
|
|
|
108
120
|
* Assigned when the week number is interactive, i.e. has an
|
|
109
121
|
* `onWeekNumberClick` event attached to it.
|
|
110
122
|
*/
|
|
111
|
-
WeekNumberFlag["
|
|
123
|
+
WeekNumberFlag["week_number_interactive"] = "week_number_interactive";
|
|
112
124
|
})(WeekNumberFlag || (exports.WeekNumberFlag = WeekNumberFlag = {}));
|
|
113
125
|
//# sourceMappingURL=UI.js.map
|
package/dist/cjs/UI.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UI.js","sourceRoot":"","sources":["../../src/UI.ts"],"names":[],"mappings":";;;AAEA
|
|
1
|
+
{"version":3,"file":"UI.js","sourceRoot":"","sources":["../../src/UI.ts"],"names":[],"mappings":";;;AAEA;;;;;;GAMG;AACH,IAAY,EAwDX;AAxDD,WAAY,EAAE;IACZ,6CAA6C;IAC7C,wCAAkC,CAAA;IAClC,qCAAqC;IACrC,gCAA0B,CAAA;IAC1B;;;OAGG;IACH,2BAAqB,CAAA;IACrB,wEAAwE;IACxE,yBAAmB,CAAA;IACnB;;;OAGG;IACH,iBAAW,CAAA;IACX,6EAA6E;IAC7E,0BAAoB,CAAA;IACpB,iFAAiF;IACjF,oCAA8B,CAAA;IAC9B,+DAA+D;IAC/D,kCAA4B,CAAA;IAC5B,2DAA2D;IAC3D,2BAAqB,CAAA;IACrB,6CAA6C;IAC7C,oCAA8B,CAAA;IAC9B,sCAAsC;IACtC,uBAAiB,CAAA;IACjB,sBAAsB;IACtB,qBAAe,CAAA;IACf,6DAA6D;IAC7D,oCAA8B,CAAA;IAC9B,oCAAoC;IACpC,wCAAkC,CAAA;IAClC,mCAAmC;IACnC,oCAA8B,CAAA;IAC9B,6CAA6C;IAC7C,uBAAiB,CAAA;IACjB,4DAA4D;IAC5D,iBAAW,CAAA;IACX,mCAAmC;IACnC,mBAAa,CAAA;IACb,yCAAyC;IACzC,qBAAe,CAAA;IACf,0CAA0C;IAC1C,yBAAmB,CAAA;IACnB,2DAA2D;IAC3D,2BAAqB,CAAA;IACrB;;;OAGG;IACH,gCAA0B,CAAA;IAC1B,mCAAmC;IACnC,sCAAgC,CAAA;AAClC,CAAC,EAxDW,EAAE,kBAAF,EAAE,QAwDb;AAED,wCAAwC;AACxC,IAAY,OAaX;AAbD,WAAY,OAAO;IACjB,0BAA0B;IAC1B,gCAAqB,CAAA;IACrB,wBAAwB;IACxB,4BAAiB,CAAA;IACjB,2CAA2C;IAC3C,8BAAmB,CAAA;IACnB,4BAA4B;IAC5B,kCAAuB,CAAA;IACvB,0BAA0B;IAC1B,8BAAmB,CAAA;IACnB,wBAAwB;IACxB,0BAAe,CAAA;AACjB,CAAC,EAbW,OAAO,uBAAP,OAAO,QAalB;AAED;;;GAGG;AACH,IAAY,cASX;AATD,WAAY,cAAc;IACxB,iDAAiD;IACjD,yCAAuB,CAAA;IACvB,oDAAoD;IACpD,+CAA6B,CAAA;IAC7B,mDAAmD;IACnD,6CAA2B,CAAA;IAC3B,2BAA2B;IAC3B,uCAAqB,CAAA;AACvB,CAAC,EATW,cAAc,8BAAd,cAAc,QASzB;AAED,oEAAoE;AACpE,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,+CAA+C;IAC/C,qDAAqC,CAAA;IACrC,6CAA6C;IAC7C,2CAA2B,CAAA;IAC3B,sDAAsD;IACtD,2DAA2C,CAAA;AAC7C,CAAC,EAPW,YAAY,4BAAZ,YAAY,QAOvB;AAED,mEAAmE;AACnE,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,+CAA+C;IAC/C,4CAA6B,CAAA;AAC/B,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB;AAED,sEAAsE;AACtE,IAAY,cAMX;AAND,WAAY,cAAc;IACxB;;;OAGG;IACH,qEAAmD,CAAA;AACrD,CAAC,EANW,cAAc,8BAAd,cAAc,QAMzB"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { DateLib } from "../types";
|
|
1
2
|
/**
|
|
2
3
|
* Represent the day displayed in the calendar.
|
|
3
4
|
*
|
|
@@ -6,7 +7,9 @@
|
|
|
6
7
|
* information about the day.
|
|
7
8
|
*/
|
|
8
9
|
export declare class CalendarDay {
|
|
9
|
-
constructor(date: Date, displayMonth: Date);
|
|
10
|
+
constructor(date: Date, displayMonth: Date, dateLib?: DateLib);
|
|
11
|
+
/** The utility functions to manipulate dates. */
|
|
12
|
+
readonly dateLib: DateLib;
|
|
10
13
|
/**
|
|
11
14
|
* Whether the day is not belonging to the displayed month.
|
|
12
15
|
*
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.CalendarDay = void 0;
|
|
4
|
-
const
|
|
5
|
-
const isSameMonth_1 = require("date-fns/isSameMonth");
|
|
4
|
+
const lib_1 = require("../lib");
|
|
6
5
|
/**
|
|
7
6
|
* Represent the day displayed in the calendar.
|
|
8
7
|
*
|
|
@@ -11,18 +10,19 @@ const isSameMonth_1 = require("date-fns/isSameMonth");
|
|
|
11
10
|
* information about the day.
|
|
12
11
|
*/
|
|
13
12
|
class CalendarDay {
|
|
14
|
-
constructor(date, displayMonth) {
|
|
13
|
+
constructor(date, displayMonth, dateLib = lib_1.dateLib) {
|
|
15
14
|
this.date = date;
|
|
16
15
|
this.displayMonth = displayMonth;
|
|
17
|
-
this.outside = Boolean(displayMonth && !
|
|
16
|
+
this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date, displayMonth));
|
|
17
|
+
this.dateLib = dateLib;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
20
|
* Check if the day is the same as the given day: considering if it is in the
|
|
21
21
|
* same display month.
|
|
22
22
|
*/
|
|
23
23
|
isEqualTo(day) {
|
|
24
|
-
return (
|
|
25
|
-
|
|
24
|
+
return (this.dateLib.isSameDay(day.date, this.date) &&
|
|
25
|
+
this.dateLib.isSameMonth(day.displayMonth, this.displayMonth));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
exports.CalendarDay = CalendarDay;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarDay.js","sourceRoot":"","sources":["../../../src/classes/CalendarDay.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"CalendarDay.js","sourceRoot":"","sources":["../../../src/classes/CalendarDay.ts"],"names":[],"mappings":";;;AAAA,gCAAmD;AAGnD;;;;;;GAMG;AACH,MAAa,WAAW;IACtB,YACE,IAAU,EACV,YAAkB,EAClB,UAAmB,aAAc;QAEjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CACpB,YAAY,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,YAAY,CAAC,CACzD,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAyBD;;;OAGG;IACH,SAAS,CAAC,GAAgB;QACxB,OAAO,CACL,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;YAC3C,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAC9D,CAAC;IACJ,CAAC;CACF;AA/CD,kCA+CC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { ButtonHTMLAttributes } from "react";
|
|
1
|
+
import React, { type ButtonHTMLAttributes } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* Render the button elements in the calendar.
|
|
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 Button(props: ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;
|
|
11
11
|
export type ButtonProps = Parameters<typeof Button>[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 Button(props) {
|
|
17
17
|
return react_1.default.createElement("button", { ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyD;AAEzD;;;;;;;GAOG;AACH,SAAgB,MAAM,CAAC,KAA8C;IACnE,OAAO,6CAAY,KAAK,GAAI,CAAC;AAC/B,CAAC;AAFD,wBAEC"}
|
|
@@ -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 Calendar(): React.JSX.Element;
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Calendar = 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 Footer_1 = require("./Footer");
|
|
12
11
|
const Month_1 = require("./Month");
|
|
13
12
|
const Months_1 = require("./Months");
|
|
@@ -18,24 +17,24 @@ const Nav_1 = require("./Nav");
|
|
|
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
|
function Calendar() {
|
|
24
|
-
const { className, classNames, components, dataAttributes, dir, footer, hideNavigation, hideWeekdayRow, id, lang, nonce, numberOfMonths, showWeekNumber, style, styles, title } = (0,
|
|
25
|
-
const calendar = (0,
|
|
23
|
+
const { className, classNames, components, dataAttributes, dir, footer, hideNavigation, hideWeekdayRow, id, lang, nonce, numberOfMonths, showWeekNumber, style, styles, title } = (0, contexts_1.useProps)();
|
|
24
|
+
const calendar = (0, contexts_1.useCalendar)();
|
|
26
25
|
// Apply classnames according to props
|
|
27
26
|
const cssClassNames = [classNames[UI_1.UI.Calendar]];
|
|
28
27
|
if (className) {
|
|
29
28
|
cssClassNames.push(className);
|
|
30
29
|
}
|
|
31
30
|
if (numberOfMonths > 1) {
|
|
32
|
-
cssClassNames.push(classNames[UI_1.CalendarFlag.
|
|
31
|
+
cssClassNames.push(classNames[UI_1.CalendarFlag.has_multiple_months]);
|
|
33
32
|
}
|
|
34
33
|
if (showWeekNumber) {
|
|
35
|
-
cssClassNames.push(classNames[UI_1.CalendarFlag.
|
|
34
|
+
cssClassNames.push(classNames[UI_1.CalendarFlag.has_week_numbers]);
|
|
36
35
|
}
|
|
37
36
|
if (hideWeekdayRow) {
|
|
38
|
-
cssClassNames.push(classNames[UI_1.CalendarFlag.
|
|
37
|
+
cssClassNames.push(classNames[UI_1.CalendarFlag.no_weekdays]);
|
|
39
38
|
}
|
|
40
39
|
const Nav = components?.Nav ?? Nav_1.Nav;
|
|
41
40
|
const Months = components?.Months ?? Months_1.Months;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAyC;AACzC,0CAAoD;AAEpD,qCAAmD;AACnD,mCAAgD;AAChD,qCAAmD;AACnD,+BAA0C;AAE1C;;;;;;;GAOG;AACH,SAAgB,QAAQ;IACtB,MAAM,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,GAAG,EACH,MAAM,EACN,cAAc,EACd,cAAc,EACd,EAAE,EACF,IAAI,EACJ,KAAK,EACL,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,KAAK,EACN,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEf,MAAM,QAAQ,GAAG,IAAA,sBAAW,GAAE,CAAC;IAE/B,sCAAsC;IACtC,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC,OAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,IAAI,SAAS,EAAE,CAAC;QACd,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QACvB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,GAAG,GAAG,UAAU,EAAE,GAAG,IAAI,SAAU,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IACnD,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,aAAY,CAAC;IAChD,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IAEnD,OAAO,CACL,uCACE,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC,OAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,cAAc;QAElB,8BAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,MAAM,CAAC;YACjE,CAAC,cAAc,IAAI,8BAAC,GAAG,OAAG;YAC1B,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,8BAAC,KAAK,uBAAkB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/D,CAAC,CACK;QACR,MAAM,IAAI,CACT,8BAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,MAAM,CAAC,IACjE,MAAM,CACA,CACV,CACG,CACP,CAAC;AACJ,CAAC;AAlED,4BAkEC"}
|
|
@@ -5,7 +5,7 @@ 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 Chevron(props: {
|
|
11
11
|
size?: number;
|
|
@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Chevron = 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
|
/**
|
|
11
11
|
* Render the chevron icon used in the navigation buttons and dropdowns.
|
|
12
12
|
*
|
|
13
13
|
* Use the `components` prop to swap this component with a custom one.
|
|
14
14
|
*
|
|
15
15
|
* @group Components
|
|
16
|
-
* @see https://
|
|
16
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
17
17
|
*/
|
|
18
18
|
function Chevron(props) {
|
|
19
19
|
const { size = 24, orientation = "left" } = props;
|
|
20
|
-
const { classNames, disableNavigation } = (0,
|
|
20
|
+
const { classNames, disableNavigation } = (0, contexts_1.useProps)();
|
|
21
21
|
const svgClassName = [
|
|
22
22
|
classNames[UI_1.UI.Chevron],
|
|
23
23
|
disableNavigation ? classNames[UI_1.ChevronFlag.disabled] : ""
|
|
@@ -27,8 +27,8 @@ function Chevron(props) {
|
|
|
27
27
|
return (react_1.default.createElement("svg", { className: svgClassName, width: size, height: size, viewBox: "0 0 24 24" },
|
|
28
28
|
orientation === "up" && (react_1.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
|
|
29
29
|
orientation === "down" && (react_1.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
|
|
30
|
-
orientation === "left" && (react_1.default.createElement("polygon", { points: "
|
|
31
|
-
orientation === "right" && (react_1.default.createElement("polygon", { points: "8 18.
|
|
30
|
+
orientation === "left" && (react_1.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
|
|
31
|
+
orientation === "right" && (react_1.default.createElement("polygon", { points: "8 18.612 14.1888889 12.5 8 6.37733333 9.91111111 4.5 18 12.5 9.91111111 20.5" }))));
|
|
32
32
|
}
|
|
33
33
|
exports.Chevron = Chevron;
|
|
34
34
|
//# sourceMappingURL=Chevron.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../src/components/Chevron.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../src/components/Chevron.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAwC;AACxC,0CAAuC;AAEvC;;;;;;;GAOG;AACH,SAAgB,OAAO,CAAC,KAGvB;IACC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAErD,MAAM,YAAY,GAAG;QACnB,UAAU,CAAC,OAAE,CAAC,OAAO,CAAC;QACtB,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;KAC1D;SACE,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;IACV,OAAO,CACL,uCACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW;QAElB,WAAW,KAAK,IAAI,IAAI,CACvB,2CAAS,MAAM,EAAC,qDAAqD,GAAG,CACzE;QACA,WAAW,KAAK,MAAM,IAAI,CACzB,2CAAS,MAAM,EAAC,kDAAkD,GAAG,CACtE;QACA,WAAW,KAAK,MAAM,IAAI,CACzB,2CAAS,MAAM,EAAC,uEAAuE,GAAG,CAC3F;QACA,WAAW,KAAK,OAAO,IAAI,CAC1B,2CAAS,MAAM,EAAC,8EAA8E,GAAW,CAC1G,CACG,CACP,CAAC;AACJ,CAAC;AAlCD,0BAkCC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
3
|
import type { CalendarDay } from "../classes";
|
|
4
|
-
import type {
|
|
4
|
+
import type { Modifiers } from "../types";
|
|
5
5
|
/**
|
|
6
6
|
* Render the gridcell of a day in the calendar and handle the interaction and
|
|
7
7
|
* the focus with they day.
|
|
@@ -11,11 +11,11 @@ import type { DayModifiers } from "../types";
|
|
|
11
11
|
* `DayDate` component instead.
|
|
12
12
|
*
|
|
13
13
|
* @group Components
|
|
14
|
-
* @see https://
|
|
14
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
15
15
|
*/
|
|
16
16
|
export declare function Day(props: {
|
|
17
17
|
day: CalendarDay;
|
|
18
|
-
modifiers:
|
|
18
|
+
modifiers: Modifiers;
|
|
19
19
|
children?: ReactNode;
|
|
20
20
|
rootProps: Pick<JSX.IntrinsicElements["div"], "className" | "style" | "tabIndex" | "aria-colindex" | "aria-disabled" | "aria-hidden" | "aria-label" | "aria-selected" | "onClick" | "onBlur" | "onFocus" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "ref" | "role">;
|
|
21
21
|
}): React.JSX.Element;
|
|
@@ -14,7 +14,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
14
14
|
* `DayDate` component instead.
|
|
15
15
|
*
|
|
16
16
|
* @group Components
|
|
17
|
-
* @see https://
|
|
17
|
+
* @see https://daypicker.dev/advanced-guides/custom-components
|
|
18
18
|
*/
|
|
19
19
|
function Day(props) {
|
|
20
20
|
return react_1.default.createElement("div", { ...props.rootProps }, props.children);
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { CalendarDay } from "../classes";
|
|
3
|
-
import type {
|
|
3
|
+
import type { Modifiers } from "../types";
|
|
4
4
|
/**
|
|
5
5
|
* Render the date as string inside the day grid cell.
|
|
6
6
|
*
|
|
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 DayDate(props: {
|
|
13
13
|
day: CalendarDay;
|
|
14
14
|
/** The date to display. */
|
|
15
15
|
formattedDate: string;
|
|
16
16
|
/** The modifiers for the day. */
|
|
17
|
-
modifiers:
|
|
17
|
+
modifiers: Modifiers;
|
|
18
18
|
/** The HTML attributes for the root element. */
|
|
19
19
|
rootProps: {
|
|
20
20
|
className: string;
|
|
@@ -22,3 +22,13 @@ export declare function DayDate(props: {
|
|
|
22
22
|
};
|
|
23
23
|
}): React.JSX.Element;
|
|
24
24
|
export type DayDateProps = Parameters<typeof DayDate>[0];
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated The component has been renamed. Use `DayDate` instead.
|
|
27
|
+
* @protected
|
|
28
|
+
*/
|
|
29
|
+
export declare const DayContent: typeof DayDate;
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated The type has been renamed. Use `DayDateProps` instead.
|
|
32
|
+
* @protected
|
|
33
|
+
*/
|
|
34
|
+
export type DayContentProps = DayDateProps;
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.DayDate = void 0;
|
|
6
|
+
exports.DayContent = exports.DayDate = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
/**
|
|
9
9
|
* Render the date as string inside the day grid cell.
|
|
@@ -11,10 +11,15 @@ 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 DayDate(props) {
|
|
17
17
|
return react_1.default.createElement("span", { ...props.rootProps }, props.formattedDate);
|
|
18
18
|
}
|
|
19
19
|
exports.DayDate = DayDate;
|
|
20
|
+
/**
|
|
21
|
+
* @deprecated The component has been renamed. Use `DayDate` instead.
|
|
22
|
+
* @protected
|
|
23
|
+
*/
|
|
24
|
+
exports.DayContent = DayDate;
|
|
20
25
|
//# sourceMappingURL=DayDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayDate.js","sourceRoot":"","sources":["../../../src/components/DayDate.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAK1B;;;;;;;GAOG;AACH,SAAgB,OAAO,CAAC,KAWvB;IACC,OAAO,2CAAU,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,aAAa,CAAQ,CAAC;AACjE,CAAC;AAbD,0BAaC"}
|
|
1
|
+
{"version":3,"file":"DayDate.js","sourceRoot":"","sources":["../../../src/components/DayDate.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAK1B;;;;;;;GAOG;AACH,SAAgB,OAAO,CAAC,KAWvB;IACC,OAAO,2CAAU,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,aAAa,CAAQ,CAAC;AACjE,CAAC;AAbD,0BAaC;AAID;;;GAGG;AACU,QAAA,UAAU,GAAG,OAAO,CAAC"}
|