@mantine/dates 6.0.19 → 7.0.0-beta.0
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/cjs/components/Calendar/Calendar.js +118 -112
- package/cjs/components/Calendar/Calendar.js.map +1 -1
- package/cjs/components/Calendar/clamp-level/clamp-level.js +8 -2
- package/cjs/components/Calendar/clamp-level/clamp-level.js.map +1 -1
- package/cjs/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js +15 -5
- package/cjs/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js.map +1 -1
- package/cjs/components/CalendarHeader/CalendarHeader.js +91 -65
- package/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/CalendarHeader/CalendarHeader.module.css.js +8 -0
- package/cjs/components/CalendarHeader/CalendarHeader.module.css.js.map +1 -0
- package/cjs/components/DateInput/DateInput.js +66 -60
- package/cjs/components/DateInput/DateInput.js.map +1 -1
- package/cjs/components/DateInput/date-string-parser/date-string-parser.js +3 -0
- package/cjs/components/DateInput/date-string-parser/date-string-parser.js.map +1 -1
- package/cjs/components/DateInput/is-date-valid/is-date-valid.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.js +48 -15
- package/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/cjs/components/DatePickerInput/DatePickerInput.js +116 -96
- package/cjs/components/DatePickerInput/DatePickerInput.js.map +1 -1
- package/cjs/components/DateTimePicker/DateTimePicker.js +102 -75
- package/cjs/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/cjs/components/DateTimePicker/DateTimePicker.module.css.js +8 -0
- package/cjs/components/DateTimePicker/DateTimePicker.module.css.js.map +1 -0
- package/cjs/components/DatesProvider/DatesProvider.js +1 -3
- package/cjs/components/DatesProvider/DatesProvider.js.map +1 -1
- package/cjs/components/DatesProvider/use-dates-context.js +12 -3
- package/cjs/components/DatesProvider/use-dates-context.js.map +1 -1
- package/cjs/components/Day/Day.js +61 -40
- package/cjs/components/Day/Day.js.map +1 -1
- package/cjs/components/Day/Day.module.css.js +8 -0
- package/cjs/components/Day/Day.module.css.js.map +1 -0
- package/cjs/components/DecadeLevel/DecadeLevel.js +52 -57
- package/cjs/components/DecadeLevel/DecadeLevel.js.map +1 -1
- package/cjs/components/DecadeLevelGroup/DecadeLevelGroup.js +79 -74
- package/cjs/components/DecadeLevelGroup/DecadeLevelGroup.js.map +1 -1
- package/cjs/components/HiddenDatesInput/HiddenDatesInput.js +2 -7
- package/cjs/components/HiddenDatesInput/HiddenDatesInput.js.map +1 -1
- package/cjs/components/{CalendarHeader/Chevron.js → LevelsGroup/LevelsGroup.js} +23 -15
- package/cjs/components/LevelsGroup/LevelsGroup.js.map +1 -0
- package/cjs/components/LevelsGroup/LevelsGroup.module.css.js +8 -0
- package/cjs/components/LevelsGroup/LevelsGroup.module.css.js.map +1 -0
- package/cjs/components/Month/Month.js +100 -78
- package/cjs/components/Month/Month.js.map +1 -1
- package/cjs/components/Month/Month.module.css.js +8 -0
- package/cjs/components/Month/Month.module.css.js.map +1 -0
- package/cjs/components/Month/get-date-in-tab-order/get-date-in-tab-order.js +6 -4
- package/cjs/components/Month/get-date-in-tab-order/get-date-in-tab-order.js.map +1 -1
- package/cjs/components/MonthLevel/MonthLevel.js +56 -64
- package/cjs/components/MonthLevel/MonthLevel.js.map +1 -1
- package/cjs/components/MonthLevelGroup/MonthLevelGroup.js +86 -82
- package/cjs/components/MonthLevelGroup/MonthLevelGroup.js.map +1 -1
- package/cjs/components/MonthPicker/MonthPicker.js +39 -17
- package/cjs/components/MonthPicker/MonthPicker.js.map +1 -1
- package/cjs/components/MonthPickerInput/MonthPickerInput.js +112 -92
- package/cjs/components/MonthPickerInput/MonthPickerInput.js.map +1 -1
- package/cjs/components/MonthsList/MonthsList.js +78 -72
- package/cjs/components/MonthsList/MonthsList.js.map +1 -1
- package/cjs/components/MonthsList/MonthsList.module.css.js +8 -0
- package/cjs/components/MonthsList/MonthsList.module.css.js.map +1 -0
- package/cjs/components/MonthsList/get-month-in-tab-order/get-month-in-tab-order.js +6 -4
- package/cjs/components/MonthsList/get-month-in-tab-order/get-month-in-tab-order.js.map +1 -1
- package/cjs/components/MonthsList/is-month-disabled/is-month-disabled.js.map +1 -1
- package/cjs/components/PickerControl/PickerControl.js +47 -31
- package/cjs/components/PickerControl/PickerControl.js.map +1 -1
- package/cjs/components/PickerControl/PickerControl.module.css.js +8 -0
- package/cjs/components/PickerControl/PickerControl.module.css.js.map +1 -0
- package/cjs/components/PickerInputBase/PickerInputBase.js +60 -59
- package/cjs/components/PickerInputBase/PickerInputBase.js.map +1 -1
- package/cjs/components/PickerInputBase/PickerInputBase.module.css.js +8 -0
- package/cjs/components/PickerInputBase/PickerInputBase.module.css.js.map +1 -0
- package/cjs/components/TimeInput/TimeInput.js +22 -19
- package/cjs/components/TimeInput/TimeInput.js.map +1 -1
- package/cjs/components/TimeInput/TimeInput.module.css.js +8 -0
- package/cjs/components/TimeInput/TimeInput.module.css.js.map +1 -0
- package/cjs/components/WeekdaysRow/WeekdaysRow.js +37 -35
- package/cjs/components/WeekdaysRow/WeekdaysRow.js.map +1 -1
- package/cjs/components/WeekdaysRow/WeekdaysRow.module.css.js +8 -0
- package/cjs/components/WeekdaysRow/WeekdaysRow.module.css.js.map +1 -0
- package/cjs/components/YearLevel/YearLevel.js +57 -65
- package/cjs/components/YearLevel/YearLevel.js.map +1 -1
- package/cjs/components/YearLevelGroup/YearLevelGroup.js +78 -74
- package/cjs/components/YearLevelGroup/YearLevelGroup.js.map +1 -1
- package/cjs/components/YearPicker/YearPicker.js +39 -17
- package/cjs/components/YearPicker/YearPicker.js.map +1 -1
- package/cjs/components/YearPickerInput/YearPickerInput.js +112 -92
- package/cjs/components/YearPickerInput/YearPickerInput.js.map +1 -1
- package/cjs/components/YearsList/YearsList.js +72 -68
- package/cjs/components/YearsList/YearsList.js.map +1 -1
- package/cjs/components/YearsList/YearsList.module.css.js +8 -0
- package/cjs/components/YearsList/YearsList.module.css.js.map +1 -0
- package/cjs/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.js +6 -4
- package/cjs/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.js.map +1 -1
- package/cjs/components/YearsList/is-year-disabled/is-year-disabled.js.map +1 -1
- package/cjs/hooks/use-dates-input/use-dates-input.js.map +1 -1
- package/cjs/hooks/use-dates-state/use-dates-state.js +9 -3
- package/cjs/hooks/use-dates-state/use-dates-state.js.map +1 -1
- package/cjs/hooks/use-uncontrolled-dates/use-uncontrolled-dates.js +9 -3
- package/cjs/hooks/use-uncontrolled-dates/use-uncontrolled-dates.js.map +1 -1
- package/cjs/index.css +413 -0
- package/cjs/index.js +41 -40
- package/cjs/index.js.map +1 -1
- package/cjs/utils/get-default-clamped-date.js +3 -3
- package/cjs/utils/get-default-clamped-date.js.map +1 -1
- package/cjs/utils/get-formatted-date.js +1 -1
- package/cjs/utils/get-formatted-date.js.map +1 -1
- package/cjs/utils/handle-control-key-down.js +4 -3
- package/cjs/utils/handle-control-key-down.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +120 -114
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/Calendar/clamp-level/clamp-level.js +8 -2
- package/esm/components/Calendar/clamp-level/clamp-level.js.map +1 -1
- package/esm/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js +15 -5
- package/esm/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js.map +1 -1
- package/esm/components/CalendarHeader/CalendarHeader.js +93 -67
- package/esm/components/CalendarHeader/CalendarHeader.js.map +1 -1
- package/esm/components/CalendarHeader/CalendarHeader.module.css.js +4 -0
- package/esm/components/CalendarHeader/CalendarHeader.module.css.js.map +1 -0
- package/esm/components/DateInput/DateInput.js +67 -61
- package/esm/components/DateInput/DateInput.js.map +1 -1
- package/esm/components/DateInput/date-string-parser/date-string-parser.js +3 -0
- package/esm/components/DateInput/date-string-parser/date-string-parser.js.map +1 -1
- package/esm/components/DateInput/is-date-valid/is-date-valid.js.map +1 -1
- package/esm/components/DatePicker/DatePicker.js +50 -17
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/DatePickerInput/DatePickerInput.js +118 -98
- package/esm/components/DatePickerInput/DatePickerInput.js.map +1 -1
- package/esm/components/DateTimePicker/DateTimePicker.js +104 -77
- package/esm/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/esm/components/DateTimePicker/DateTimePicker.module.css.js +4 -0
- package/esm/components/DateTimePicker/DateTimePicker.module.css.js.map +1 -0
- package/esm/components/DatesProvider/DatesProvider.js +1 -3
- package/esm/components/DatesProvider/DatesProvider.js.map +1 -1
- package/esm/components/DatesProvider/use-dates-context.js +12 -3
- package/esm/components/DatesProvider/use-dates-context.js.map +1 -1
- package/esm/components/Day/Day.js +61 -40
- package/esm/components/Day/Day.js.map +1 -1
- package/esm/components/Day/Day.module.css.js +4 -0
- package/esm/components/Day/Day.module.css.js.map +1 -0
- package/esm/components/DecadeLevel/DecadeLevel.js +52 -57
- package/esm/components/DecadeLevel/DecadeLevel.js.map +1 -1
- package/esm/components/DecadeLevelGroup/DecadeLevelGroup.js +79 -74
- package/esm/components/DecadeLevelGroup/DecadeLevelGroup.js.map +1 -1
- package/esm/components/HiddenDatesInput/HiddenDatesInput.js +2 -7
- package/esm/components/HiddenDatesInput/HiddenDatesInput.js.map +1 -1
- package/esm/components/{CalendarHeader/Chevron.js → LevelsGroup/LevelsGroup.js} +24 -16
- package/esm/components/LevelsGroup/LevelsGroup.js.map +1 -0
- package/esm/components/LevelsGroup/LevelsGroup.module.css.js +4 -0
- package/esm/components/LevelsGroup/LevelsGroup.module.css.js.map +1 -0
- package/esm/components/Month/Month.js +102 -80
- package/esm/components/Month/Month.js.map +1 -1
- package/esm/components/Month/Month.module.css.js +4 -0
- package/esm/components/Month/Month.module.css.js.map +1 -0
- package/esm/components/Month/get-date-in-tab-order/get-date-in-tab-order.js +6 -4
- package/esm/components/Month/get-date-in-tab-order/get-date-in-tab-order.js.map +1 -1
- package/esm/components/MonthLevel/MonthLevel.js +58 -66
- package/esm/components/MonthLevel/MonthLevel.js.map +1 -1
- package/esm/components/MonthLevelGroup/MonthLevelGroup.js +86 -82
- package/esm/components/MonthLevelGroup/MonthLevelGroup.js.map +1 -1
- package/esm/components/MonthPicker/MonthPicker.js +41 -19
- package/esm/components/MonthPicker/MonthPicker.js.map +1 -1
- package/esm/components/MonthPickerInput/MonthPickerInput.js +114 -94
- package/esm/components/MonthPickerInput/MonthPickerInput.js.map +1 -1
- package/esm/components/MonthsList/MonthsList.js +78 -72
- package/esm/components/MonthsList/MonthsList.js.map +1 -1
- package/esm/components/MonthsList/MonthsList.module.css.js +4 -0
- package/esm/components/MonthsList/MonthsList.module.css.js.map +1 -0
- package/esm/components/MonthsList/get-month-in-tab-order/get-month-in-tab-order.js +6 -4
- package/esm/components/MonthsList/get-month-in-tab-order/get-month-in-tab-order.js.map +1 -1
- package/esm/components/MonthsList/is-month-disabled/is-month-disabled.js.map +1 -1
- package/esm/components/PickerControl/PickerControl.js +49 -33
- package/esm/components/PickerControl/PickerControl.js.map +1 -1
- package/esm/components/PickerControl/PickerControl.module.css.js +4 -0
- package/esm/components/PickerControl/PickerControl.module.css.js.map +1 -0
- package/esm/components/PickerInputBase/PickerInputBase.js +61 -61
- package/esm/components/PickerInputBase/PickerInputBase.js.map +1 -1
- package/esm/components/PickerInputBase/PickerInputBase.module.css.js +4 -0
- package/esm/components/PickerInputBase/PickerInputBase.module.css.js.map +1 -0
- package/esm/components/TimeInput/TimeInput.js +23 -21
- package/esm/components/TimeInput/TimeInput.js.map +1 -1
- package/esm/components/TimeInput/TimeInput.module.css.js +4 -0
- package/esm/components/TimeInput/TimeInput.module.css.js.map +1 -0
- package/esm/components/WeekdaysRow/WeekdaysRow.js +39 -37
- package/esm/components/WeekdaysRow/WeekdaysRow.js.map +1 -1
- package/esm/components/WeekdaysRow/WeekdaysRow.module.css.js +4 -0
- package/esm/components/WeekdaysRow/WeekdaysRow.module.css.js.map +1 -0
- package/esm/components/YearLevel/YearLevel.js +57 -65
- package/esm/components/YearLevel/YearLevel.js.map +1 -1
- package/esm/components/YearLevelGroup/YearLevelGroup.js +78 -74
- package/esm/components/YearLevelGroup/YearLevelGroup.js.map +1 -1
- package/esm/components/YearPicker/YearPicker.js +41 -19
- package/esm/components/YearPicker/YearPicker.js.map +1 -1
- package/esm/components/YearPickerInput/YearPickerInput.js +114 -94
- package/esm/components/YearPickerInput/YearPickerInput.js.map +1 -1
- package/esm/components/YearsList/YearsList.js +74 -70
- package/esm/components/YearsList/YearsList.js.map +1 -1
- package/esm/components/YearsList/YearsList.module.css.js +4 -0
- package/esm/components/YearsList/YearsList.module.css.js.map +1 -0
- package/esm/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.js +6 -4
- package/esm/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.js.map +1 -1
- package/esm/components/YearsList/is-year-disabled/is-year-disabled.js.map +1 -1
- package/esm/hooks/use-dates-input/use-dates-input.js.map +1 -1
- package/esm/hooks/use-dates-state/use-dates-state.js +9 -3
- package/esm/hooks/use-dates-state/use-dates-state.js.map +1 -1
- package/esm/hooks/use-uncontrolled-dates/use-uncontrolled-dates.js +9 -3
- package/esm/hooks/use-uncontrolled-dates/use-uncontrolled-dates.js.map +1 -1
- package/esm/index.css +413 -0
- package/esm/index.js +21 -20
- package/esm/index.js.map +1 -1
- package/esm/utils/get-default-clamped-date.js +3 -3
- package/esm/utils/get-default-clamped-date.js.map +1 -1
- package/esm/utils/get-formatted-date.js +1 -1
- package/esm/utils/get-formatted-date.js.map +1 -1
- package/esm/utils/handle-control-key-down.js +4 -3
- package/esm/utils/handle-control-key-down.js.map +1 -1
- package/lib/components/Calendar/Calendar.d.ts +13 -8
- package/lib/components/Calendar/Calendar.d.ts.map +1 -1
- package/lib/components/Calendar/clamp-level/clamp-level.d.ts +1 -1
- package/lib/components/Calendar/clamp-level/clamp-level.d.ts.map +1 -1
- package/lib/components/Calendar/index.d.ts +1 -1
- package/lib/components/Calendar/index.d.ts.map +1 -1
- package/lib/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.d.ts +1 -1
- package/lib/components/CalendarHeader/CalendarHeader.d.ts +18 -6
- package/lib/components/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/lib/components/CalendarHeader/index.d.ts +1 -1
- package/lib/components/CalendarHeader/index.d.ts.map +1 -1
- package/lib/components/DateInput/DateInput.d.ts +15 -4
- package/lib/components/DateInput/DateInput.d.ts.map +1 -1
- package/lib/components/DateInput/date-string-parser/date-string-parser.d.ts +1 -1
- package/lib/components/DateInput/date-string-parser/date-string-parser.d.ts.map +1 -1
- package/lib/components/DateInput/index.d.ts +1 -1
- package/lib/components/DateInput/index.d.ts.map +1 -1
- package/lib/components/DateInput/is-date-valid/is-date-valid.d.ts +2 -2
- package/lib/components/DateInput/is-date-valid/is-date-valid.d.ts.map +1 -1
- package/lib/components/DatePicker/DatePicker.d.ts +10 -3
- package/lib/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/lib/components/DatePicker/index.d.ts +1 -1
- package/lib/components/DatePicker/index.d.ts.map +1 -1
- package/lib/components/DatePickerInput/DatePickerInput.d.ts +12 -4
- package/lib/components/DatePickerInput/DatePickerInput.d.ts.map +1 -1
- package/lib/components/DatePickerInput/index.d.ts +1 -1
- package/lib/components/DatePickerInput/index.d.ts.map +1 -1
- package/lib/components/DateTimePicker/DateTimePicker.d.ts +17 -7
- package/lib/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/lib/components/DateTimePicker/index.d.ts +1 -1
- package/lib/components/DateTimePicker/index.d.ts.map +1 -1
- package/lib/components/DatesProvider/DatesProvider.d.ts +1 -1
- package/lib/components/DatesProvider/DatesProvider.d.ts.map +1 -1
- package/lib/components/Day/Day.d.ts +27 -17
- package/lib/components/Day/Day.d.ts.map +1 -1
- package/lib/components/Day/index.d.ts +1 -2
- package/lib/components/Day/index.d.ts.map +1 -1
- package/lib/components/DecadeLevel/DecadeLevel.d.ts +16 -7
- package/lib/components/DecadeLevel/DecadeLevel.d.ts.map +1 -1
- package/lib/components/DecadeLevel/index.d.ts +1 -1
- package/lib/components/DecadeLevel/index.d.ts.map +1 -1
- package/lib/components/DecadeLevelGroup/DecadeLevelGroup.d.ts +17 -7
- package/lib/components/DecadeLevelGroup/DecadeLevelGroup.d.ts.map +1 -1
- package/lib/components/DecadeLevelGroup/index.d.ts +1 -1
- package/lib/components/DecadeLevelGroup/index.d.ts.map +1 -1
- package/lib/components/HiddenDatesInput/HiddenDatesInput.d.ts +4 -4
- package/lib/components/HiddenDatesInput/HiddenDatesInput.d.ts.map +1 -1
- package/lib/components/LevelsGroup/LevelsGroup.d.ts +17 -0
- package/lib/components/LevelsGroup/LevelsGroup.d.ts.map +1 -0
- package/lib/components/LevelsGroup/index.d.ts +3 -0
- package/lib/components/LevelsGroup/index.d.ts.map +1 -0
- package/lib/components/Month/Month.d.ts +15 -9
- package/lib/components/Month/Month.d.ts.map +1 -1
- package/lib/components/Month/get-date-in-tab-order/get-date-in-tab-order.d.ts +2 -2
- package/lib/components/Month/get-date-in-tab-order/get-date-in-tab-order.d.ts.map +1 -1
- package/lib/components/Month/index.d.ts +1 -1
- package/lib/components/Month/index.d.ts.map +1 -1
- package/lib/components/MonthLevel/MonthLevel.d.ts +16 -7
- package/lib/components/MonthLevel/MonthLevel.d.ts.map +1 -1
- package/lib/components/MonthLevel/index.d.ts +1 -1
- package/lib/components/MonthLevel/index.d.ts.map +1 -1
- package/lib/components/MonthLevelGroup/MonthLevelGroup.d.ts +17 -7
- package/lib/components/MonthLevelGroup/MonthLevelGroup.d.ts.map +1 -1
- package/lib/components/MonthLevelGroup/index.d.ts +1 -1
- package/lib/components/MonthLevelGroup/index.d.ts.map +1 -1
- package/lib/components/MonthPicker/MonthPicker.d.ts +14 -3
- package/lib/components/MonthPicker/MonthPicker.d.ts.map +1 -1
- package/lib/components/MonthPicker/index.d.ts +1 -1
- package/lib/components/MonthPicker/index.d.ts.map +1 -1
- package/lib/components/MonthPickerInput/MonthPickerInput.d.ts +12 -5
- package/lib/components/MonthPickerInput/MonthPickerInput.d.ts.map +1 -1
- package/lib/components/MonthPickerInput/index.d.ts +1 -1
- package/lib/components/MonthPickerInput/index.d.ts.map +1 -1
- package/lib/components/MonthsList/MonthsList.d.ts +14 -8
- package/lib/components/MonthsList/MonthsList.d.ts.map +1 -1
- package/lib/components/MonthsList/get-month-in-tab-order/get-month-in-tab-order.d.ts +1 -1
- package/lib/components/MonthsList/get-month-in-tab-order/get-month-in-tab-order.d.ts.map +1 -1
- package/lib/components/MonthsList/index.d.ts +1 -1
- package/lib/components/MonthsList/index.d.ts.map +1 -1
- package/lib/components/MonthsList/is-month-disabled/is-month-disabled.d.ts +1 -1
- package/lib/components/MonthsList/is-month-disabled/is-month-disabled.d.ts.map +1 -1
- package/lib/components/PickerControl/PickerControl.d.ts +18 -6
- package/lib/components/PickerControl/PickerControl.d.ts.map +1 -1
- package/lib/components/PickerControl/index.d.ts +1 -1
- package/lib/components/PickerControl/index.d.ts.map +1 -1
- package/lib/components/PickerInputBase/PickerInputBase.d.ts +24 -12
- package/lib/components/PickerInputBase/PickerInputBase.d.ts.map +1 -1
- package/lib/components/PickerInputBase/index.d.ts +1 -1
- package/lib/components/PickerInputBase/index.d.ts.map +1 -1
- package/lib/components/TimeInput/TimeInput.d.ts +12 -5
- package/lib/components/TimeInput/TimeInput.d.ts.map +1 -1
- package/lib/components/TimeInput/index.d.ts +1 -1
- package/lib/components/TimeInput/index.d.ts.map +1 -1
- package/lib/components/WeekdaysRow/WeekdaysRow.d.ts +18 -6
- package/lib/components/WeekdaysRow/WeekdaysRow.d.ts.map +1 -1
- package/lib/components/WeekdaysRow/index.d.ts +1 -2
- package/lib/components/WeekdaysRow/index.d.ts.map +1 -1
- package/lib/components/YearLevel/YearLevel.d.ts +15 -6
- package/lib/components/YearLevel/YearLevel.d.ts.map +1 -1
- package/lib/components/YearLevel/index.d.ts +1 -1
- package/lib/components/YearLevel/index.d.ts.map +1 -1
- package/lib/components/YearLevelGroup/YearLevelGroup.d.ts +17 -7
- package/lib/components/YearLevelGroup/YearLevelGroup.d.ts.map +1 -1
- package/lib/components/YearLevelGroup/index.d.ts +1 -1
- package/lib/components/YearLevelGroup/index.d.ts.map +1 -1
- package/lib/components/YearPicker/YearPicker.d.ts +13 -3
- package/lib/components/YearPicker/YearPicker.d.ts.map +1 -1
- package/lib/components/YearPicker/index.d.ts +1 -1
- package/lib/components/YearPicker/index.d.ts.map +1 -1
- package/lib/components/YearPickerInput/YearPickerInput.d.ts +12 -5
- package/lib/components/YearPickerInput/YearPickerInput.d.ts.map +1 -1
- package/lib/components/YearPickerInput/index.d.ts +1 -1
- package/lib/components/YearPickerInput/index.d.ts.map +1 -1
- package/lib/components/YearsList/YearsList.d.ts +17 -11
- package/lib/components/YearsList/YearsList.d.ts.map +1 -1
- package/lib/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.d.ts +1 -1
- package/lib/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.d.ts.map +1 -1
- package/lib/components/YearsList/index.d.ts +1 -1
- package/lib/components/YearsList/index.d.ts.map +1 -1
- package/lib/components/YearsList/is-year-disabled/is-year-disabled.d.ts +1 -1
- package/lib/components/YearsList/is-year-disabled/is-year-disabled.d.ts.map +1 -1
- package/lib/hooks/use-dates-input/use-dates-input.d.ts +8 -8
- package/lib/hooks/use-dates-input/use-dates-input.d.ts.map +1 -1
- package/lib/hooks/use-dates-state/use-dates-state.d.ts +4 -4
- package/lib/hooks/use-uncontrolled-dates/use-uncontrolled-dates.d.ts +3 -3
- package/lib/hooks/use-uncontrolled-dates/use-uncontrolled-dates.d.ts.map +1 -1
- package/lib/index.d.ts +19 -18
- package/lib/index.d.ts.map +1 -1
- package/lib/utils/get-default-clamped-date.d.ts +2 -2
- package/lib/utils/get-default-clamped-date.d.ts.map +1 -1
- package/package.json +19 -10
- package/cjs/components/Calendar/Calendar.styles.js +0 -12
- package/cjs/components/Calendar/Calendar.styles.js.map +0 -1
- package/cjs/components/CalendarHeader/CalendarHeader.styles.js +0 -84
- package/cjs/components/CalendarHeader/CalendarHeader.styles.js.map +0 -1
- package/cjs/components/CalendarHeader/Chevron.js.map +0 -1
- package/cjs/components/DateTimePicker/DateTimePicker.styles.js +0 -19
- package/cjs/components/DateTimePicker/DateTimePicker.styles.js.map +0 -1
- package/cjs/components/Day/Day.styles.js +0 -90
- package/cjs/components/Day/Day.styles.js.map +0 -1
- package/cjs/components/DecadeLevel/DecadeLevel.styles.js +0 -15
- package/cjs/components/DecadeLevel/DecadeLevel.styles.js.map +0 -1
- package/cjs/components/DecadeLevelGroup/DecadeLevelGroup.styles.js +0 -15
- package/cjs/components/DecadeLevelGroup/DecadeLevelGroup.styles.js.map +0 -1
- package/cjs/components/Month/Month.styles.js +0 -46
- package/cjs/components/Month/Month.styles.js.map +0 -1
- package/cjs/components/MonthLevel/MonthLevel.styles.js +0 -15
- package/cjs/components/MonthLevel/MonthLevel.styles.js.map +0 -1
- package/cjs/components/MonthLevelGroup/MonthLevelGroup.styles.js +0 -17
- package/cjs/components/MonthLevelGroup/MonthLevelGroup.styles.js.map +0 -1
- package/cjs/components/MonthsList/MonthsList.styles.js +0 -23
- package/cjs/components/MonthsList/MonthsList.styles.js.map +0 -1
- package/cjs/components/PickerControl/PickerControl.styles.js +0 -78
- package/cjs/components/PickerControl/PickerControl.styles.js.map +0 -1
- package/cjs/components/PickerInputBase/PickerInputBase.styles.js +0 -19
- package/cjs/components/PickerInputBase/PickerInputBase.styles.js.map +0 -1
- package/cjs/components/TimeInput/TimeInput.styles.js +0 -31
- package/cjs/components/TimeInput/TimeInput.styles.js.map +0 -1
- package/cjs/components/WeekdaysRow/WeekdaysRow.styles.js +0 -19
- package/cjs/components/WeekdaysRow/WeekdaysRow.styles.js.map +0 -1
- package/cjs/components/YearLevel/YearLevel.styles.js +0 -15
- package/cjs/components/YearLevel/YearLevel.styles.js.map +0 -1
- package/cjs/components/YearLevelGroup/YearLevelGroup.styles.js +0 -17
- package/cjs/components/YearLevelGroup/YearLevelGroup.styles.js.map +0 -1
- package/cjs/components/YearsList/YearsList.styles.js +0 -22
- package/cjs/components/YearsList/YearsList.styles.js.map +0 -1
- package/esm/components/Calendar/Calendar.styles.js +0 -8
- package/esm/components/Calendar/Calendar.styles.js.map +0 -1
- package/esm/components/CalendarHeader/CalendarHeader.styles.js +0 -80
- package/esm/components/CalendarHeader/CalendarHeader.styles.js.map +0 -1
- package/esm/components/CalendarHeader/Chevron.js.map +0 -1
- package/esm/components/DateTimePicker/DateTimePicker.styles.js +0 -15
- package/esm/components/DateTimePicker/DateTimePicker.styles.js.map +0 -1
- package/esm/components/Day/Day.styles.js +0 -86
- package/esm/components/Day/Day.styles.js.map +0 -1
- package/esm/components/DecadeLevel/DecadeLevel.styles.js +0 -11
- package/esm/components/DecadeLevel/DecadeLevel.styles.js.map +0 -1
- package/esm/components/DecadeLevelGroup/DecadeLevelGroup.styles.js +0 -11
- package/esm/components/DecadeLevelGroup/DecadeLevelGroup.styles.js.map +0 -1
- package/esm/components/Month/Month.styles.js +0 -42
- package/esm/components/Month/Month.styles.js.map +0 -1
- package/esm/components/MonthLevel/MonthLevel.styles.js +0 -11
- package/esm/components/MonthLevel/MonthLevel.styles.js.map +0 -1
- package/esm/components/MonthLevelGroup/MonthLevelGroup.styles.js +0 -13
- package/esm/components/MonthLevelGroup/MonthLevelGroup.styles.js.map +0 -1
- package/esm/components/MonthsList/MonthsList.styles.js +0 -19
- package/esm/components/MonthsList/MonthsList.styles.js.map +0 -1
- package/esm/components/PickerControl/PickerControl.styles.js +0 -74
- package/esm/components/PickerControl/PickerControl.styles.js.map +0 -1
- package/esm/components/PickerInputBase/PickerInputBase.styles.js +0 -15
- package/esm/components/PickerInputBase/PickerInputBase.styles.js.map +0 -1
- package/esm/components/TimeInput/TimeInput.styles.js +0 -27
- package/esm/components/TimeInput/TimeInput.styles.js.map +0 -1
- package/esm/components/WeekdaysRow/WeekdaysRow.styles.js +0 -15
- package/esm/components/WeekdaysRow/WeekdaysRow.styles.js.map +0 -1
- package/esm/components/YearLevel/YearLevel.styles.js +0 -11
- package/esm/components/YearLevel/YearLevel.styles.js.map +0 -1
- package/esm/components/YearLevelGroup/YearLevelGroup.styles.js +0 -13
- package/esm/components/YearLevelGroup/YearLevelGroup.styles.js.map +0 -1
- package/esm/components/YearsList/YearsList.styles.js +0 -18
- package/esm/components/YearsList/YearsList.styles.js.map +0 -1
- package/lib/components/Calendar/Calendar.styles.d.ts +0 -9
- package/lib/components/Calendar/Calendar.styles.d.ts.map +0 -1
- package/lib/components/CalendarHeader/CalendarHeader.styles.d.ts +0 -12
- package/lib/components/CalendarHeader/CalendarHeader.styles.d.ts.map +0 -1
- package/lib/components/CalendarHeader/Chevron.d.ts +0 -10
- package/lib/components/CalendarHeader/Chevron.d.ts.map +0 -1
- package/lib/components/DateTimePicker/DateTimePicker.styles.d.ts +0 -10
- package/lib/components/DateTimePicker/DateTimePicker.styles.d.ts.map +0 -1
- package/lib/components/Day/Day.styles.d.ts +0 -21
- package/lib/components/Day/Day.styles.d.ts.map +0 -1
- package/lib/components/DecadeLevel/DecadeLevel.styles.d.ts +0 -10
- package/lib/components/DecadeLevel/DecadeLevel.styles.d.ts.map +0 -1
- package/lib/components/DecadeLevelGroup/DecadeLevelGroup.styles.d.ts +0 -9
- package/lib/components/DecadeLevelGroup/DecadeLevelGroup.styles.d.ts.map +0 -1
- package/lib/components/Month/Month.styles.d.ts +0 -13
- package/lib/components/Month/Month.styles.d.ts.map +0 -1
- package/lib/components/MonthLevel/MonthLevel.styles.d.ts +0 -10
- package/lib/components/MonthLevel/MonthLevel.styles.d.ts.map +0 -1
- package/lib/components/MonthLevelGroup/MonthLevelGroup.styles.d.ts +0 -9
- package/lib/components/MonthLevelGroup/MonthLevelGroup.styles.d.ts.map +0 -1
- package/lib/components/MonthsList/MonthsList.styles.d.ts +0 -11
- package/lib/components/MonthsList/MonthsList.styles.d.ts.map +0 -1
- package/lib/components/PickerControl/PickerControl.styles.d.ts +0 -9
- package/lib/components/PickerControl/PickerControl.styles.d.ts.map +0 -1
- package/lib/components/PickerInputBase/PickerInputBase.styles.d.ts +0 -10
- package/lib/components/PickerInputBase/PickerInputBase.styles.d.ts.map +0 -1
- package/lib/components/TimeInput/TimeInput.styles.d.ts +0 -9
- package/lib/components/TimeInput/TimeInput.styles.d.ts.map +0 -1
- package/lib/components/WeekdaysRow/WeekdaysRow.styles.d.ts +0 -10
- package/lib/components/WeekdaysRow/WeekdaysRow.styles.d.ts.map +0 -1
- package/lib/components/YearLevel/YearLevel.styles.d.ts +0 -10
- package/lib/components/YearLevel/YearLevel.styles.d.ts.map +0 -1
- package/lib/components/YearLevelGroup/YearLevelGroup.styles.d.ts +0 -9
- package/lib/components/YearLevelGroup/YearLevelGroup.styles.d.ts.map +0 -1
- package/lib/components/YearsList/YearsList.styles.d.ts +0 -11
- package/lib/components/YearsList/YearsList.styles.d.ts.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import dayjs from 'dayjs';
|
|
2
|
-
import React, {
|
|
3
|
-
import {
|
|
2
|
+
import React, { useRef, useState } from 'react';
|
|
3
|
+
import { factory, useProps, useStyles, useResolvedStylesApi, ActionIcon, CheckIcon } from '@mantine/core';
|
|
4
4
|
import { useMergedRef, useUncontrolled, useDisclosure, useDidUpdate } from '@mantine/hooks';
|
|
5
|
-
import
|
|
5
|
+
import classes from './DateTimePicker.module.css.js';
|
|
6
6
|
import { pickCalendarProps } from '../Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js';
|
|
7
7
|
import { useDatesContext } from '../DatesProvider/use-dates-context.js';
|
|
8
8
|
import { PickerInputBase } from '../PickerInputBase/PickerInputBase.js';
|
|
@@ -45,8 +45,9 @@ const defaultProps = {
|
|
|
45
45
|
size: "sm",
|
|
46
46
|
dropdownType: "popover"
|
|
47
47
|
};
|
|
48
|
-
const DateTimePicker =
|
|
49
|
-
const
|
|
48
|
+
const DateTimePicker = factory((_props, ref) => {
|
|
49
|
+
const props = useProps("DateTimePicker", defaultProps, _props);
|
|
50
|
+
const _a = props, {
|
|
50
51
|
value,
|
|
51
52
|
defaultValue,
|
|
52
53
|
onChange,
|
|
@@ -62,7 +63,8 @@ const DateTimePicker = forwardRef((props, ref) => {
|
|
|
62
63
|
defaultLevel,
|
|
63
64
|
size,
|
|
64
65
|
variant,
|
|
65
|
-
dropdownType
|
|
66
|
+
dropdownType,
|
|
67
|
+
vars
|
|
66
68
|
} = _a, rest = __objRest(_a, [
|
|
67
69
|
"value",
|
|
68
70
|
"defaultValue",
|
|
@@ -79,17 +81,24 @@ const DateTimePicker = forwardRef((props, ref) => {
|
|
|
79
81
|
"defaultLevel",
|
|
80
82
|
"size",
|
|
81
83
|
"variant",
|
|
82
|
-
"dropdownType"
|
|
84
|
+
"dropdownType",
|
|
85
|
+
"vars"
|
|
83
86
|
]);
|
|
84
|
-
const
|
|
85
|
-
const { classes, cx } = useStyles(null, {
|
|
87
|
+
const getStyles = useStyles({
|
|
86
88
|
name: "DateTimePicker",
|
|
89
|
+
classes,
|
|
90
|
+
props,
|
|
87
91
|
classNames,
|
|
88
92
|
styles,
|
|
89
93
|
unstyled,
|
|
90
|
-
|
|
91
|
-
size
|
|
94
|
+
vars
|
|
92
95
|
});
|
|
96
|
+
const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
|
|
97
|
+
classNames,
|
|
98
|
+
styles,
|
|
99
|
+
props
|
|
100
|
+
});
|
|
101
|
+
const _valueFormat = valueFormat || (withSeconds ? "DD/MM/YYYY HH:mm:ss" : "DD/MM/YYYY HH:mm");
|
|
93
102
|
const timeInputRef = useRef();
|
|
94
103
|
const timeInputRefMerged = useMergedRef(timeInputRef, timeInputProps == null ? void 0 : timeInputProps.ref);
|
|
95
104
|
const _b = pickCalendarProps(rest), {
|
|
@@ -116,11 +125,11 @@ const DateTimePicker = forwardRef((props, ref) => {
|
|
|
116
125
|
setTimeValue(val);
|
|
117
126
|
if (val) {
|
|
118
127
|
const [hours, minutes, seconds] = val.split(":").map(Number);
|
|
119
|
-
const timeDate = new Date();
|
|
128
|
+
const timeDate = /* @__PURE__ */ new Date();
|
|
120
129
|
timeDate.setHours(hours);
|
|
121
130
|
timeDate.setMinutes(minutes);
|
|
122
131
|
seconds !== void 0 && timeDate.setSeconds(seconds);
|
|
123
|
-
setValue(assignTime(timeDate, _value || new Date()));
|
|
132
|
+
setValue(assignTime(timeDate, _value || /* @__PURE__ */ new Date()));
|
|
124
133
|
}
|
|
125
134
|
};
|
|
126
135
|
const handleDateChange = (date) => {
|
|
@@ -147,71 +156,89 @@ const DateTimePicker = forwardRef((props, ref) => {
|
|
|
147
156
|
}
|
|
148
157
|
}, [dropdownOpened]);
|
|
149
158
|
const __stopPropagation = dropdownType === "popover";
|
|
150
|
-
return /* @__PURE__ */ React.createElement(
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
159
|
+
return /* @__PURE__ */ React.createElement(
|
|
160
|
+
PickerInputBase,
|
|
161
|
+
__spreadProps(__spreadValues({
|
|
162
|
+
formattedValue,
|
|
163
|
+
dropdownOpened,
|
|
164
|
+
dropdownHandlers,
|
|
165
|
+
classNames: resolvedClassNames,
|
|
166
|
+
styles: resolvedStyles,
|
|
167
|
+
unstyled,
|
|
168
|
+
ref,
|
|
169
|
+
onClear: () => setValue(null),
|
|
170
|
+
shouldClear: !!_value,
|
|
171
|
+
value: _value,
|
|
172
|
+
size,
|
|
173
|
+
variant,
|
|
174
|
+
dropdownType
|
|
175
|
+
}, others), {
|
|
176
|
+
type: "default",
|
|
177
|
+
__staticSelector: "DateTimePicker"
|
|
178
|
+
}),
|
|
179
|
+
/* @__PURE__ */ React.createElement(
|
|
180
|
+
DatePicker,
|
|
181
|
+
__spreadProps(__spreadValues({}, calendarProps), {
|
|
182
|
+
size,
|
|
183
|
+
variant,
|
|
184
|
+
type: "default",
|
|
185
|
+
value: _value,
|
|
186
|
+
defaultDate: _value,
|
|
187
|
+
onChange: handleDateChange,
|
|
188
|
+
locale,
|
|
189
|
+
classNames: resolvedClassNames,
|
|
190
|
+
styles: resolvedStyles,
|
|
191
|
+
unstyled,
|
|
192
|
+
__staticSelector: "DateTimePicker",
|
|
193
|
+
__stopPropagation,
|
|
194
|
+
level,
|
|
195
|
+
defaultLevel,
|
|
196
|
+
onLevelChange: (_level) => {
|
|
197
|
+
var _a2;
|
|
198
|
+
setCurrentLevel(_level);
|
|
199
|
+
(_a2 = calendarProps.onLevelChange) == null ? void 0 : _a2.call(calendarProps, _level);
|
|
200
|
+
}
|
|
201
|
+
})
|
|
202
|
+
),
|
|
203
|
+
currentLevel === "month" && /* @__PURE__ */ React.createElement("div", __spreadValues({}, getStyles("timeWrapper")), /* @__PURE__ */ React.createElement(
|
|
204
|
+
TimeInput,
|
|
205
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
206
|
+
value: timeValue,
|
|
207
|
+
withSeconds,
|
|
208
|
+
ref: timeInputRefMerged,
|
|
209
|
+
unstyled
|
|
210
|
+
}, timeInputProps), getStyles("timeInput", {
|
|
211
|
+
className: timeInputProps == null ? void 0 : timeInputProps.className,
|
|
212
|
+
style: timeInputProps == null ? void 0 : timeInputProps.style
|
|
213
|
+
})), {
|
|
214
|
+
onChange: handleTimeChange,
|
|
215
|
+
onKeyDown: handleTimeInputKeyDown,
|
|
216
|
+
size,
|
|
217
|
+
"data-mantine-stop-propagation": __stopPropagation || void 0
|
|
218
|
+
})
|
|
219
|
+
), /* @__PURE__ */ React.createElement(
|
|
220
|
+
ActionIcon,
|
|
221
|
+
__spreadProps(__spreadValues(__spreadProps(__spreadValues({
|
|
222
|
+
variant: "default",
|
|
223
|
+
size: `input-${size}`
|
|
224
|
+
}, getStyles("submitButton", {
|
|
225
|
+
className: submitButtonProps == null ? void 0 : submitButtonProps.className,
|
|
226
|
+
style: submitButtonProps == null ? void 0 : submitButtonProps.style
|
|
227
|
+
})), {
|
|
228
|
+
unstyled,
|
|
229
|
+
"data-mantine-stop-propagation": __stopPropagation || void 0,
|
|
230
|
+
children: /* @__PURE__ */ React.createElement(CheckIcon, { size: "30%" })
|
|
231
|
+
}), submitButtonProps), {
|
|
232
|
+
onClick: (event) => {
|
|
233
|
+
var _a2;
|
|
234
|
+
(_a2 = submitButtonProps == null ? void 0 : submitButtonProps.onClick) == null ? void 0 : _a2.call(submitButtonProps, event);
|
|
235
|
+
dropdownHandlers.close();
|
|
236
|
+
}
|
|
237
|
+
})
|
|
238
|
+
))
|
|
239
|
+
);
|
|
214
240
|
});
|
|
241
|
+
DateTimePicker.classes = __spreadValues(__spreadValues(__spreadValues({}, classes), PickerInputBase.classes), DatePicker.classes);
|
|
215
242
|
DateTimePicker.displayName = "@mantine/dates/DateTimePicker";
|
|
216
243
|
|
|
217
244
|
export { DateTimePicker };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.js","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { forwardRef, useState, useRef } from 'react';\nimport {\n useComponentDefaultProps,\n CheckIcon,\n ActionIcon,\n ActionIconProps,\n Selectors,\n DefaultProps,\n INPUT_SIZES,\n} from '@mantine/core';\nimport { useDisclosure, useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks';\nimport { assignTime } from '../../utils';\nimport { TimeInput, TimeInputProps } from '../TimeInput';\nimport { pickCalendarProps, CalendarBaseProps, CalendarSettings } from '../Calendar';\nimport { DatePicker } from '../DatePicker';\nimport {\n PickerInputBase,\n DateInputSharedProps,\n PickerInputBaseStylesNames,\n} from '../PickerInputBase';\nimport { DateValue } from '../../types';\nimport { useDatesContext } from '../DatesProvider';\nimport useStyles from './DateTimePicker.styles';\n\nexport type DateTimePickerStylesNames = PickerInputBaseStylesNames | Selectors<typeof useStyles>;\n\nexport interface DateTimePickerProps\n extends DefaultProps<DateTimePickerStylesNames>,\n Omit<DateInputSharedProps, 'classNames' | 'styles' | 'closeOnChange'>,\n Omit<CalendarBaseProps, 'defaultDate'>,\n Omit<CalendarSettings, 'onYearMouseEnter' | 'onMonthMouseEnter'> {\n /** Dayjs format to display input value, \"DD/MM/YYYY HH:mm\" by default */\n valueFormat?: string;\n\n /** Controlled component value */\n value?: DateValue;\n\n /** Default value for uncontrolled component */\n defaultValue?: DateValue;\n\n /** Called when value changes */\n onChange?(value: DateValue): void;\n\n /** TimeInput component props */\n timeInputProps?: TimeInputProps & { ref?: React.ComponentPropsWithRef<'input'>['ref'] };\n\n /** Props added to submit button */\n submitButtonProps?: ActionIconProps & React.ComponentPropsWithoutRef<'button'>;\n\n /** Determines whether seconds input should be rendered */\n withSeconds?: boolean;\n}\n\nconst defaultProps: Partial<DateTimePickerProps> = {\n size: 'sm',\n dropdownType: 'popover',\n};\n\nexport const DateTimePicker = forwardRef<HTMLButtonElement, DateTimePickerProps>((props, ref) => {\n const {\n value,\n defaultValue,\n onChange,\n valueFormat,\n locale,\n classNames,\n styles,\n unstyled,\n timeInputProps,\n submitButtonProps,\n withSeconds,\n level,\n defaultLevel,\n size,\n variant,\n dropdownType,\n ...rest\n } = useComponentDefaultProps('DateTimePicker', defaultProps, props);\n\n const _valueFormat = valueFormat || (withSeconds ? 'DD/MM/YYYY HH:mm:ss' : 'DD/MM/YYYY HH:mm');\n\n const { classes, cx } = useStyles(null, {\n name: 'DateTimePicker',\n classNames,\n styles,\n unstyled,\n variant,\n size,\n });\n\n const timeInputRef = useRef<HTMLInputElement>();\n const timeInputRefMerged = useMergedRef(timeInputRef, timeInputProps?.ref);\n\n const {\n calendarProps: { allowSingleDateInRange, ...calendarProps },\n others,\n } = pickCalendarProps(rest);\n\n const ctx = useDatesContext();\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: null,\n onChange,\n });\n\n const formatTime = (dateValue: Date) =>\n dateValue ? dayjs(dateValue).format(withSeconds ? 'HH:mm:ss' : 'HH:mm') : '';\n\n const [timeValue, setTimeValue] = useState(formatTime(_value));\n const [currentLevel, setCurrentLevel] = useState(level || defaultLevel || 'month');\n\n const [dropdownOpened, dropdownHandlers] = useDisclosure(false);\n const formattedValue = _value\n ? dayjs(_value).locale(ctx.getLocale(locale)).format(_valueFormat)\n : '';\n\n const handleTimeChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n timeInputProps?.onChange?.(event);\n const val = event.currentTarget.value;\n setTimeValue(val);\n\n if (val) {\n const [hours, minutes, seconds] = val.split(':').map(Number);\n const timeDate = new Date();\n timeDate.setHours(hours);\n timeDate.setMinutes(minutes);\n seconds !== undefined && timeDate.setSeconds(seconds);\n setValue(assignTime(timeDate, _value || new Date()));\n }\n };\n\n const handleDateChange = (date: Date) => {\n setValue(assignTime(_value, date));\n timeInputRef.current?.focus();\n };\n\n const handleTimeInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n timeInputProps?.onKeyDown?.(event);\n\n if (event.key === 'Enter') {\n event.preventDefault();\n dropdownHandlers.close();\n }\n };\n\n useDidUpdate(() => {\n if (!dropdownOpened) {\n setTimeValue(formatTime(_value));\n }\n }, [_value, dropdownOpened]);\n\n useDidUpdate(() => {\n if (dropdownOpened) {\n setCurrentLevel('month');\n }\n }, [dropdownOpened]);\n\n const __stopPropagation = dropdownType === 'popover';\n\n return (\n <PickerInputBase\n formattedValue={formattedValue}\n dropdownOpened={dropdownOpened}\n dropdownHandlers={dropdownHandlers}\n classNames={classNames}\n styles={styles}\n unstyled={unstyled}\n __staticSelector=\"DateTimePicker\"\n ref={ref}\n onClear={() => setValue(null)}\n shouldClear={!!_value}\n value={_value}\n type=\"default\"\n size={size}\n variant={variant}\n dropdownType={dropdownType}\n {...others}\n >\n <DatePicker\n {...calendarProps}\n size={size}\n variant={variant}\n type=\"default\"\n value={_value}\n defaultDate={_value}\n onChange={handleDateChange}\n locale={locale}\n classNames={classNames}\n styles={styles}\n unstyled={unstyled}\n __staticSelector=\"DateTimePicker\"\n __stopPropagation={__stopPropagation}\n level={level}\n defaultLevel={defaultLevel}\n onLevelChange={(_level) => {\n setCurrentLevel(_level);\n calendarProps.onLevelChange?.(_level);\n }}\n />\n\n {currentLevel === 'month' && (\n <div className={classes.timeWrapper}>\n <TimeInput\n value={timeValue}\n withSeconds={withSeconds}\n ref={timeInputRefMerged}\n unstyled={unstyled}\n {...timeInputProps}\n className={cx(classes.timeInput, timeInputProps?.className)}\n onChange={handleTimeChange}\n onKeyDown={handleTimeInputKeyDown}\n size={size}\n data-mantine-stop-propagation={__stopPropagation || undefined}\n />\n\n <ActionIcon<'button'>\n variant=\"default\"\n size={INPUT_SIZES[size]}\n unstyled={unstyled}\n data-mantine-stop-propagation={__stopPropagation || undefined}\n // children prop is required to allow overriding icon with submitButtonProps\n // eslint-disable-next-line react/no-children-prop\n children={<CheckIcon width={`calc(${INPUT_SIZES[size]} / 3)`} />}\n {...submitButtonProps}\n onClick={(event) => {\n submitButtonProps?.onClick?.(event);\n dropdownHandlers.close();\n }}\n />\n </div>\n )}\n </PickerInputBase>\n );\n});\n\nDateTimePicker.displayName = '@mantine/dates/DateTimePicker';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateTimePicker.js","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { useRef, useState } from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n factory,\n useProps,\n useStyles,\n Factory,\n InputVariant,\n ActionIconProps,\n useResolvedStylesApi,\n ActionIcon,\n CheckIcon,\n} from '@mantine/core';\nimport { useDisclosure, useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks';\nimport { assignTime } from '../../utils';\nimport { TimeInput, TimeInputProps } from '../TimeInput';\nimport {\n pickCalendarProps,\n CalendarBaseProps,\n CalendarSettings,\n CalendarStylesNames,\n} from '../Calendar';\nimport { DatePicker } from '../DatePicker';\nimport {\n PickerInputBase,\n DateInputSharedProps,\n PickerInputBaseStylesNames,\n} from '../PickerInputBase';\nimport { DateValue } from '../../types';\nimport { useDatesContext } from '../DatesProvider';\nimport classes from './DateTimePicker.module.css';\n\nexport type DateTimePickerStylesNames =\n | 'timeWrapper'\n | 'timeInput'\n | 'submitButton'\n | PickerInputBaseStylesNames\n | CalendarStylesNames;\n\nexport interface DateTimePickerProps\n extends BoxProps,\n Omit<DateInputSharedProps, 'classNames' | 'styles' | 'closeOnChange' | 'size'>,\n Omit<CalendarBaseProps, 'defaultDate'>,\n Omit<CalendarSettings, 'onYearMouseEnter' | 'onMonthMouseEnter'>,\n StylesApiProps<DateTimePickerFactory> {\n /** Dayjs format to display input value, \"DD/MM/YYYY HH:mm\" by default */\n valueFormat?: string;\n\n /** Controlled component value */\n value?: DateValue;\n\n /** Default value for uncontrolled component */\n defaultValue?: DateValue;\n\n /** Called when value changes */\n onChange?(value: DateValue): void;\n\n /** TimeInput component props */\n timeInputProps?: TimeInputProps & { ref?: React.ComponentPropsWithRef<'input'>['ref'] };\n\n /** Props passed down to the submit button */\n submitButtonProps?: ActionIconProps & React.ComponentPropsWithoutRef<'button'>;\n\n /** Determines whether seconds input should be rendered */\n withSeconds?: boolean;\n}\n\nexport type DateTimePickerFactory = Factory<{\n props: DateTimePickerProps;\n ref: HTMLButtonElement;\n stylesNames: DateTimePickerStylesNames;\n variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<DateTimePickerProps> = {\n size: 'sm',\n dropdownType: 'popover',\n};\n\nexport const DateTimePicker = factory<DateTimePickerFactory>((_props, ref) => {\n const props = useProps('DateTimePicker', defaultProps, _props);\n const {\n value,\n defaultValue,\n onChange,\n valueFormat,\n locale,\n classNames,\n styles,\n unstyled,\n timeInputProps,\n submitButtonProps,\n withSeconds,\n level,\n defaultLevel,\n size,\n variant,\n dropdownType,\n vars,\n ...rest\n } = props;\n\n const getStyles = useStyles<DateTimePickerFactory>({\n name: 'DateTimePicker',\n classes,\n props,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<DateTimePickerFactory>({\n classNames,\n styles,\n props,\n });\n\n const _valueFormat = valueFormat || (withSeconds ? 'DD/MM/YYYY HH:mm:ss' : 'DD/MM/YYYY HH:mm');\n\n const timeInputRef = useRef<HTMLInputElement>();\n const timeInputRefMerged = useMergedRef(timeInputRef, timeInputProps?.ref);\n\n const {\n calendarProps: { allowSingleDateInRange, ...calendarProps },\n others,\n } = pickCalendarProps(rest);\n\n const ctx = useDatesContext();\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: null,\n onChange,\n });\n\n const formatTime = (dateValue: Date) =>\n dateValue ? dayjs(dateValue).format(withSeconds ? 'HH:mm:ss' : 'HH:mm') : '';\n\n const [timeValue, setTimeValue] = useState(formatTime(_value!));\n const [currentLevel, setCurrentLevel] = useState(level || defaultLevel || 'month');\n\n const [dropdownOpened, dropdownHandlers] = useDisclosure(false);\n const formattedValue = _value\n ? dayjs(_value).locale(ctx.getLocale(locale)).format(_valueFormat)\n : '';\n\n const handleTimeChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n timeInputProps?.onChange?.(event);\n const val = event.currentTarget.value;\n setTimeValue(val);\n\n if (val) {\n const [hours, minutes, seconds] = val.split(':').map(Number);\n const timeDate = new Date();\n timeDate.setHours(hours);\n timeDate.setMinutes(minutes);\n seconds !== undefined && timeDate.setSeconds(seconds);\n setValue(assignTime(timeDate, _value || new Date()));\n }\n };\n\n const handleDateChange = (date: Date) => {\n setValue(assignTime(_value!, date));\n timeInputRef.current?.focus();\n };\n\n const handleTimeInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n timeInputProps?.onKeyDown?.(event);\n\n if (event.key === 'Enter') {\n event.preventDefault();\n dropdownHandlers.close();\n }\n };\n\n useDidUpdate(() => {\n if (!dropdownOpened) {\n setTimeValue(formatTime(_value!));\n }\n }, [_value, dropdownOpened]);\n\n useDidUpdate(() => {\n if (dropdownOpened) {\n setCurrentLevel('month');\n }\n }, [dropdownOpened]);\n\n const __stopPropagation = dropdownType === 'popover';\n\n return (\n <PickerInputBase\n formattedValue={formattedValue}\n dropdownOpened={dropdownOpened}\n dropdownHandlers={dropdownHandlers}\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n ref={ref}\n onClear={() => setValue(null)}\n shouldClear={!!_value}\n value={_value}\n size={size!}\n variant={variant}\n dropdownType={dropdownType}\n {...others}\n type=\"default\"\n __staticSelector=\"DateTimePicker\"\n >\n <DatePicker\n {...calendarProps}\n size={size}\n variant={variant}\n type=\"default\"\n value={_value}\n defaultDate={_value!}\n onChange={handleDateChange}\n locale={locale}\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n __staticSelector=\"DateTimePicker\"\n __stopPropagation={__stopPropagation}\n level={level}\n defaultLevel={defaultLevel}\n onLevelChange={(_level) => {\n setCurrentLevel(_level);\n calendarProps.onLevelChange?.(_level);\n }}\n />\n\n {currentLevel === 'month' && (\n <div {...getStyles('timeWrapper')}>\n <TimeInput\n value={timeValue}\n withSeconds={withSeconds}\n ref={timeInputRefMerged}\n unstyled={unstyled}\n {...timeInputProps}\n {...getStyles('timeInput', {\n className: timeInputProps?.className,\n style: timeInputProps?.style,\n })}\n onChange={handleTimeChange}\n onKeyDown={handleTimeInputKeyDown}\n size={size}\n data-mantine-stop-propagation={__stopPropagation || undefined}\n />\n\n <ActionIcon<'button'>\n variant=\"default\"\n size={`input-${size}`}\n {...getStyles('submitButton', {\n className: submitButtonProps?.className,\n style: submitButtonProps?.style,\n })}\n unstyled={unstyled}\n data-mantine-stop-propagation={__stopPropagation || undefined}\n // children prop is required to allow overriding icon with submitButtonProps\n // eslint-disable-next-line react/no-children-prop\n children={<CheckIcon size=\"30%\" />}\n {...submitButtonProps}\n onClick={(event) => {\n submitButtonProps?.onClick?.(event);\n dropdownHandlers.close();\n }}\n />\n </div>\n )}\n </PickerInputBase>\n );\n});\n\nDateTimePicker.classes = { ...classes, ...PickerInputBase.classes, ...DatePicker.classes };\nDateTimePicker.displayName = '@mantine/dates/DateTimePicker';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimePicker.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -24,9 +24,7 @@ const DATES_PROVIDER_DEFAULT_SETTINGS = {
|
|
|
24
24
|
};
|
|
25
25
|
const DatesProviderContext = createContext(DATES_PROVIDER_DEFAULT_SETTINGS);
|
|
26
26
|
function DatesProvider({ settings, children }) {
|
|
27
|
-
return /* @__PURE__ */ React.createElement(DatesProviderContext.Provider, {
|
|
28
|
-
value: __spreadValues(__spreadValues({}, DATES_PROVIDER_DEFAULT_SETTINGS), settings)
|
|
29
|
-
}, children);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(DatesProviderContext.Provider, { value: __spreadValues(__spreadValues({}, DATES_PROVIDER_DEFAULT_SETTINGS), settings) }, children);
|
|
30
28
|
}
|
|
31
29
|
|
|
32
30
|
export { DATES_PROVIDER_DEFAULT_SETTINGS, DatesProvider, DatesProviderContext };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatesProvider.js","sources":["../../../src/components/DatesProvider/DatesProvider.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport { DayOfWeek } from '../../types';\n\nexport interface DatesProviderValue {\n locale: string;\n firstDayOfWeek: DayOfWeek;\n weekendDays: DayOfWeek[];\n labelSeparator: string;\n}\n\nexport type DatesProviderSettings = Partial<DatesProviderValue>;\n\nexport const DATES_PROVIDER_DEFAULT_SETTINGS: DatesProviderValue = {\n locale: 'en',\n firstDayOfWeek: 1,\n weekendDays: [0, 6],\n labelSeparator: '–',\n};\n\nexport const DatesProviderContext = createContext(DATES_PROVIDER_DEFAULT_SETTINGS);\n\nexport interface DatesProviderProps {\n settings: DatesProviderSettings;\n children: React.ReactNode;\n}\n\nexport function DatesProvider({ settings, children }: DatesProviderProps) {\n return (\n <DatesProviderContext.Provider value={{ ...DATES_PROVIDER_DEFAULT_SETTINGS, ...settings }}>\n {children}\n </DatesProviderContext.Provider>\n );\n}\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEU,MAAC,+BAA+B,GAAG;AAC/C,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,cAAc,EAAE,CAAC;AACnB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACrB,EAAE,cAAc,EAAE,QAAQ;AAC1B,EAAE;AACU,MAAC,oBAAoB,GAAG,aAAa,CAAC,+BAA+B,EAAE;AAC5E,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;AACtD,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE
|
|
1
|
+
{"version":3,"file":"DatesProvider.js","sources":["../../../src/components/DatesProvider/DatesProvider.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport { DayOfWeek } from '../../types';\n\nexport interface DatesProviderValue {\n locale: string;\n firstDayOfWeek: DayOfWeek;\n weekendDays: DayOfWeek[];\n labelSeparator: string;\n}\n\nexport type DatesProviderSettings = Partial<DatesProviderValue>;\n\nexport const DATES_PROVIDER_DEFAULT_SETTINGS: DatesProviderValue = {\n locale: 'en',\n firstDayOfWeek: 1,\n weekendDays: [0, 6],\n labelSeparator: '–',\n};\n\nexport const DatesProviderContext = createContext(DATES_PROVIDER_DEFAULT_SETTINGS);\n\nexport interface DatesProviderProps {\n settings: DatesProviderSettings;\n children: React.ReactNode;\n}\n\nexport function DatesProvider({ settings, children }: DatesProviderProps) {\n return (\n <DatesProviderContext.Provider value={{ ...DATES_PROVIDER_DEFAULT_SETTINGS, ...settings }}>\n {children}\n </DatesProviderContext.Provider>\n );\n}\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEU,MAAC,+BAA+B,GAAG;AAC/C,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,cAAc,EAAE,CAAC;AACnB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACrB,EAAE,cAAc,EAAE,QAAQ;AAC1B,EAAE;AACU,MAAC,oBAAoB,GAAG,aAAa,CAAC,+BAA+B,EAAE;AAC5E,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;AACtD,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,+BAA+B,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;AAChL;;;;"}
|
|
@@ -23,9 +23,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
23
23
|
function useDatesContext() {
|
|
24
24
|
const ctx = useContext(DatesProviderContext);
|
|
25
25
|
const getLocale = useCallback((input) => input || ctx.locale, [ctx.locale]);
|
|
26
|
-
const getFirstDayOfWeek = useCallback(
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
const getFirstDayOfWeek = useCallback(
|
|
27
|
+
(input) => typeof input === "number" ? input : ctx.firstDayOfWeek,
|
|
28
|
+
[ctx.firstDayOfWeek]
|
|
29
|
+
);
|
|
30
|
+
const getWeekendDays = useCallback(
|
|
31
|
+
(input) => Array.isArray(input) ? input : ctx.weekendDays,
|
|
32
|
+
[ctx.weekendDays]
|
|
33
|
+
);
|
|
34
|
+
const getLabelSeparator = useCallback(
|
|
35
|
+
(input) => typeof input === "string" ? input : ctx.labelSeparator,
|
|
36
|
+
[ctx.labelSeparator]
|
|
37
|
+
);
|
|
29
38
|
return __spreadProps(__spreadValues({}, ctx), {
|
|
30
39
|
getLocale,
|
|
31
40
|
getFirstDayOfWeek,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-dates-context.js","sources":["../../../src/components/DatesProvider/use-dates-context.ts"],"sourcesContent":["import { useContext, useCallback } from 'react';\nimport { DayOfWeek } from '../../types';\nimport { DatesProviderContext } from './DatesProvider';\n\nexport function useDatesContext() {\n const ctx = useContext(DatesProviderContext);\n const getLocale = useCallback((input?: string) => input || ctx.locale, [ctx.locale]);\n const getFirstDayOfWeek = useCallback(\n (input?: DayOfWeek) => (typeof input === 'number' ? input : ctx.firstDayOfWeek),\n [ctx.firstDayOfWeek]\n );\n\n const getWeekendDays = useCallback(\n (input?: DayOfWeek[]) => (Array.isArray(input) ? input : ctx.weekendDays),\n [ctx.weekendDays]\n );\n\n const getLabelSeparator = useCallback(\n (input?: string) => (typeof input === 'string' ? input : ctx.labelSeparator),\n [ctx.labelSeparator]\n );\n\n return {\n ...ctx,\n getLocale,\n getFirstDayOfWeek,\n getWeekendDays,\n getLabelSeparator,\n };\n}\n"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAG3D,SAAS,eAAe,GAAG;AAClC,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAC/C,EAAE,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAK,KAAK,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9E,EAAE,MAAM,iBAAiB,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"use-dates-context.js","sources":["../../../src/components/DatesProvider/use-dates-context.ts"],"sourcesContent":["import { useContext, useCallback } from 'react';\nimport { DayOfWeek } from '../../types';\nimport { DatesProviderContext } from './DatesProvider';\n\nexport function useDatesContext() {\n const ctx = useContext(DatesProviderContext);\n const getLocale = useCallback((input?: string) => input || ctx.locale, [ctx.locale]);\n const getFirstDayOfWeek = useCallback(\n (input?: DayOfWeek) => (typeof input === 'number' ? input : ctx.firstDayOfWeek),\n [ctx.firstDayOfWeek]\n );\n\n const getWeekendDays = useCallback(\n (input?: DayOfWeek[]) => (Array.isArray(input) ? input : ctx.weekendDays),\n [ctx.weekendDays]\n );\n\n const getLabelSeparator = useCallback(\n (input?: string) => (typeof input === 'string' ? input : ctx.labelSeparator),\n [ctx.labelSeparator]\n );\n\n return {\n ...ctx,\n getLocale,\n getFirstDayOfWeek,\n getWeekendDays,\n getLabelSeparator,\n };\n}\n"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAG3D,SAAS,eAAe,GAAG;AAClC,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAC/C,EAAE,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAK,KAAK,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9E,EAAE,MAAM,iBAAiB,GAAG,WAAW;AACvC,IAAI,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAC,cAAc;AACrE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC;AACxB,GAAG,CAAC;AACJ,EAAE,MAAM,cAAc,GAAG,WAAW;AACpC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,WAAW;AAC7D,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC;AACrB,GAAG,CAAC;AACJ,EAAE,MAAM,iBAAiB,GAAG,WAAW;AACvC,IAAI,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAC,cAAc;AACrE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC;AACxB,GAAG,CAAC;AACJ,EAAE,OAAO,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE;AAChD,IAAI,SAAS;AACb,IAAI,iBAAiB;AACrB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,GAAG,CAAC,CAAC;AACL;;;;"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
2
|
-
import { useComponentDefaultProps, UnstyledButton } from '@mantine/core';
|
|
3
1
|
import dayjs from 'dayjs';
|
|
4
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { createVarsResolver, getSize, factory, useProps, useStyles, UnstyledButton } from '@mantine/core';
|
|
4
|
+
import classes from './Day.module.css.js';
|
|
5
5
|
|
|
6
6
|
var __defProp = Object.defineProperty;
|
|
7
|
+
var __defProps = Object.defineProperties;
|
|
8
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
9
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
10
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
11
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
@@ -19,6 +21,7 @@ var __spreadValues = (a, b) => {
|
|
|
19
21
|
}
|
|
20
22
|
return a;
|
|
21
23
|
};
|
|
24
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
22
25
|
var __objRest = (source, exclude) => {
|
|
23
26
|
var target = {};
|
|
24
27
|
for (var prop in source)
|
|
@@ -31,19 +34,23 @@ var __objRest = (source, exclude) => {
|
|
|
31
34
|
}
|
|
32
35
|
return target;
|
|
33
36
|
};
|
|
34
|
-
const defaultProps = {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
const defaultProps = {};
|
|
38
|
+
const varsResolver = createVarsResolver((_, { size }) => ({
|
|
39
|
+
day: {
|
|
40
|
+
"--day-size": getSize(size, "day-size")
|
|
41
|
+
}
|
|
42
|
+
}));
|
|
43
|
+
const Day = factory((_props, ref) => {
|
|
44
|
+
const props = useProps("Day", defaultProps, _props);
|
|
45
|
+
const _a = props, {
|
|
46
|
+
classNames,
|
|
40
47
|
className,
|
|
41
|
-
|
|
42
|
-
radius,
|
|
43
|
-
disabled,
|
|
48
|
+
style,
|
|
44
49
|
styles,
|
|
45
|
-
classNames,
|
|
46
50
|
unstyled,
|
|
51
|
+
vars,
|
|
52
|
+
date,
|
|
53
|
+
disabled,
|
|
47
54
|
__staticSelector,
|
|
48
55
|
weekend,
|
|
49
56
|
outside,
|
|
@@ -53,17 +60,16 @@ const Day = forwardRef((props, ref) => {
|
|
|
53
60
|
firstInRange,
|
|
54
61
|
lastInRange,
|
|
55
62
|
hidden,
|
|
56
|
-
static: isStatic
|
|
57
|
-
variant,
|
|
58
|
-
size
|
|
63
|
+
static: isStatic
|
|
59
64
|
} = _a, others = __objRest(_a, [
|
|
65
|
+
"classNames",
|
|
60
66
|
"className",
|
|
61
|
-
"
|
|
62
|
-
"radius",
|
|
63
|
-
"disabled",
|
|
67
|
+
"style",
|
|
64
68
|
"styles",
|
|
65
|
-
"classNames",
|
|
66
69
|
"unstyled",
|
|
70
|
+
"vars",
|
|
71
|
+
"date",
|
|
72
|
+
"disabled",
|
|
67
73
|
"__staticSelector",
|
|
68
74
|
"weekend",
|
|
69
75
|
"outside",
|
|
@@ -73,28 +79,43 @@ const Day = forwardRef((props, ref) => {
|
|
|
73
79
|
"firstInRange",
|
|
74
80
|
"lastInRange",
|
|
75
81
|
"hidden",
|
|
76
|
-
"static"
|
|
77
|
-
"variant",
|
|
78
|
-
"size"
|
|
82
|
+
"static"
|
|
79
83
|
]);
|
|
80
|
-
const
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
className
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
"
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
84
|
+
const getStyles = useStyles({
|
|
85
|
+
name: __staticSelector || "Day",
|
|
86
|
+
classes,
|
|
87
|
+
props,
|
|
88
|
+
className,
|
|
89
|
+
style,
|
|
90
|
+
classNames,
|
|
91
|
+
styles,
|
|
92
|
+
unstyled,
|
|
93
|
+
vars,
|
|
94
|
+
varsResolver,
|
|
95
|
+
rootSelector: "day"
|
|
96
|
+
});
|
|
97
|
+
return /* @__PURE__ */ React.createElement(
|
|
98
|
+
UnstyledButton,
|
|
99
|
+
__spreadValues(__spreadProps(__spreadValues({}, getStyles("day")), {
|
|
100
|
+
component: isStatic ? "div" : "button",
|
|
101
|
+
ref,
|
|
102
|
+
disabled,
|
|
103
|
+
"data-today": dayjs(date).isSame(/* @__PURE__ */ new Date(), "day") || void 0,
|
|
104
|
+
"data-hidden": hidden || void 0,
|
|
105
|
+
"data-disabled": disabled || void 0,
|
|
106
|
+
"data-weekend": !disabled && !outside && weekend || void 0,
|
|
107
|
+
"data-outside": !disabled && outside || void 0,
|
|
108
|
+
"data-selected": !disabled && selected || void 0,
|
|
109
|
+
"data-in-range": inRange && !disabled || void 0,
|
|
110
|
+
"data-first-in-range": firstInRange && !disabled || void 0,
|
|
111
|
+
"data-last-in-range": lastInRange && !disabled || void 0,
|
|
112
|
+
"data-static": isStatic || void 0,
|
|
113
|
+
unstyled
|
|
114
|
+
}), others),
|
|
115
|
+
(renderDay == null ? void 0 : renderDay(date)) || date.getDate()
|
|
116
|
+
);
|
|
97
117
|
});
|
|
118
|
+
Day.classes = classes;
|
|
98
119
|
Day.displayName = "@mantine/dates/Day";
|
|
99
120
|
|
|
100
121
|
export { Day };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Day.js","sources":["../../../src/components/Day/Day.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"Day.js","sources":["../../../src/components/Day/Day.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n MantineSize,\n UnstyledButton,\n getSize,\n} from '@mantine/core';\nimport classes from './Day.module.css';\n\nexport type DayStylesNames = 'day';\nexport type DayCssVariables = {\n day: '--day-size';\n};\n\nexport interface DayProps extends BoxProps, StylesApiProps<DayFactory>, ElementProps<'button'> {\n __staticSelector?: string;\n\n /** Determines which element should be used as root, `'button'` by default, `'div'` if static prop is set */\n static?: boolean;\n\n /** Date that should be displayed */\n date: Date;\n\n /** Control width and height of the day, `'sm'` by default */\n size?: MantineSize;\n\n /** Determines whether the day should be considered to be a weekend, `false` by default */\n weekend?: boolean;\n\n /** Determines whether the day is outside of the current month, `false` by default */\n outside?: boolean;\n\n /** Determines whether the day is selected, `false` by default */\n selected?: boolean;\n\n /** Determines whether the day should not de displayed, `false` by default */\n hidden?: boolean;\n\n /** Determines whether the day is selected in range, `false` by default */\n inRange?: boolean;\n\n /** Determines whether the day is first in range selection, `false` by default */\n firstInRange?: boolean;\n\n /** Determines whether the day is last in range selection, `false` by default */\n lastInRange?: boolean;\n\n /** Controls day value rendering */\n renderDay?(date: Date): React.ReactNode;\n}\n\nexport type DayFactory = Factory<{\n props: DayProps;\n ref: HTMLButtonElement;\n stylesNames: DayStylesNames;\n vars: DayCssVariables;\n}>;\n\nconst defaultProps: Partial<DayProps> = {};\n\nconst varsResolver = createVarsResolver<DayFactory>((_, { size }) => ({\n day: {\n '--day-size': getSize(size, 'day-size'),\n },\n}));\n\nexport const Day = factory<DayFactory>((_props, ref) => {\n const props = useProps('Day', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n date,\n disabled,\n __staticSelector,\n weekend,\n outside,\n selected,\n renderDay,\n inRange,\n firstInRange,\n lastInRange,\n hidden,\n static: isStatic,\n ...others\n } = props;\n\n const getStyles = useStyles<DayFactory>({\n name: __staticSelector || 'Day',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n rootSelector: 'day',\n });\n\n return (\n <UnstyledButton<any>\n {...getStyles('day')}\n component={isStatic ? 'div' : 'button'}\n ref={ref}\n disabled={disabled}\n data-today={dayjs(date).isSame(new Date(), 'day') || undefined}\n data-hidden={hidden || undefined}\n data-disabled={disabled || undefined}\n data-weekend={(!disabled && !outside && weekend) || undefined}\n data-outside={(!disabled && outside) || undefined}\n data-selected={(!disabled && selected) || undefined}\n data-in-range={(inRange && !disabled) || undefined}\n data-first-in-range={(firstInRange && !disabled) || undefined}\n data-last-in-range={(lastInRange && !disabled) || undefined}\n data-static={isStatic || undefined}\n unstyled={unstyled}\n {...others}\n >\n {renderDay?.(date) || date.getDate()}\n </UnstyledButton>\n );\n});\n\nDay.classes = classes;\nDay.displayName = '@mantine/dates/Day';\n"],"names":[],"mappings":";;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAYF,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;AAC1D,EAAE,GAAG,EAAE;AACP,IAAI,YAAY,EAAE,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC;AAC3C,GAAG;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,GAAG,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AAC5C,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AACtD,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,gBAAgB;AACpB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,MAAM;AACV,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,SAAS;AACb,IAAI,cAAc;AAClB,IAAI,aAAa;AACjB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,SAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,gBAAgB,IAAI,KAAK;AACnC,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,IAAI,YAAY,EAAE,KAAK;AACvB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa;AAC5C,IAAI,cAAc;AAClB,IAAI,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE;AACvE,MAAM,SAAS,EAAE,QAAQ,GAAG,KAAK,GAAG,QAAQ;AAC5C,MAAM,GAAG;AACT,MAAM,QAAQ;AACd,MAAM,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,iBAAiB,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;AACnF,MAAM,aAAa,EAAE,MAAM,IAAI,KAAK,CAAC;AACrC,MAAM,eAAe,EAAE,QAAQ,IAAI,KAAK,CAAC;AACzC,MAAM,cAAc,EAAE,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,OAAO,IAAI,KAAK,CAAC;AAChE,MAAM,cAAc,EAAE,CAAC,QAAQ,IAAI,OAAO,IAAI,KAAK,CAAC;AACpD,MAAM,eAAe,EAAE,CAAC,QAAQ,IAAI,QAAQ,IAAI,KAAK,CAAC;AACtD,MAAM,eAAe,EAAE,OAAO,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;AACrD,MAAM,qBAAqB,EAAE,YAAY,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;AAChE,MAAM,oBAAoB,EAAE,WAAW,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;AAC9D,MAAM,aAAa,EAAE,QAAQ,IAAI,KAAK,CAAC;AACvC,MAAM,QAAQ;AACd,KAAK,CAAC,EAAE,MAAM,CAAC;AACf,IAAI,CAAC,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE;AACpE,GAAG,CAAC;AACJ,CAAC,EAAE;AACH,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;AACtB,GAAG,CAAC,WAAW,GAAG,oBAAoB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Day.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|