@mui/x-date-pickers-pro 8.0.0-beta.2 → 8.0.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/CHANGELOG.md +423 -96
- package/DateRangeCalendar/DateRangeCalendar.js +1 -2
- package/DateRangePicker/DateRangePicker.js +1 -1
- package/DateRangePickerDay/DateRangePickerDay.js +1 -3
- package/DateTimeRangePicker/DateTimeRangePicker.js +1 -1
- package/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +1 -8
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +4 -8
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +10 -3
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.js +10 -2
- package/MobileDateRangePicker/MobileDateRangePicker.js +3 -2
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +16 -3
- package/MobileTimeRangePicker/MobileTimeRangePicker.js +10 -2
- package/SingleInputDateRangeField/SingleInputDateRangeField.js +4 -4
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +4 -4
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +4 -4
- package/StaticDateRangePicker/StaticDateRangePicker.js +2 -1
- package/TimeRangePicker/TimeRangePicker.js +1 -1
- package/TimeRangePicker/TimeRangePickerTimeWrapper.js +1 -6
- package/esm/DateRangeCalendar/DateRangeCalendar.js +1 -2
- package/esm/DateRangePicker/DateRangePicker.js +1 -1
- package/esm/DateRangePickerDay/DateRangePickerDay.js +1 -3
- package/esm/DateTimeRangePicker/DateTimeRangePicker.js +1 -1
- package/esm/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +2 -9
- package/esm/DesktopDateRangePicker/DesktopDateRangePicker.js +4 -8
- package/esm/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +10 -3
- package/esm/DesktopTimeRangePicker/DesktopTimeRangePicker.js +10 -2
- package/esm/MobileDateRangePicker/MobileDateRangePicker.js +3 -2
- package/esm/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +17 -4
- package/esm/MobileTimeRangePicker/MobileTimeRangePicker.js +10 -2
- package/esm/SingleInputDateRangeField/SingleInputDateRangeField.js +4 -4
- package/esm/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +4 -4
- package/esm/SingleInputTimeRangeField/SingleInputTimeRangeField.js +4 -4
- package/esm/StaticDateRangePicker/StaticDateRangePicker.js +2 -1
- package/esm/TimeRangePicker/TimeRangePicker.js +1 -1
- package/esm/TimeRangePicker/TimeRangePickerTimeWrapper.js +1 -6
- package/esm/index.js +1 -1
- package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -0
- package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +17 -7
- package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +3 -3
- package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -0
- package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +13 -6
- package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +3 -3
- package/esm/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -0
- package/esm/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +10 -3
- package/esm/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +7 -0
- package/esm/internals/models/rangePickerProps.d.ts +14 -0
- package/esm/internals/utils/createMultiInputRangeField/useTextFieldProps.js +1 -0
- package/esm/internals/utils/createRangePickerStepNavigation.d.ts +16 -0
- package/esm/internals/utils/createRangePickerStepNavigation.js +31 -0
- package/esm/internals/utils/date-fields-utils.d.ts +1 -0
- package/index.js +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -0
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +17 -7
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +3 -3
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -0
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +13 -6
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +3 -3
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -0
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +10 -3
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +7 -0
- package/internals/models/rangePickerProps.d.ts +14 -0
- package/internals/utils/createMultiInputRangeField/useTextFieldProps.js +1 -0
- package/internals/utils/createRangePickerStepNavigation.d.ts +16 -0
- package/internals/utils/createRangePickerStepNavigation.js +37 -0
- package/internals/utils/date-fields-utils.d.ts +1 -0
- package/package.json +8 -16
- package/esm/internals/hooks/models/index.d.ts +0 -1
- package/esm/internals/hooks/models/index.js +0 -1
- package/esm/internals/hooks/models/useRangePicker.d.ts +0 -8
- package/esm/internals/hooks/models/useRangePicker.js +0 -1
- package/esm/internals/utils/releaseInfo.d.ts +0 -1
- package/esm/internals/utils/releaseInfo.js +0 -13
- package/internals/hooks/models/index.d.ts +0 -1
- package/internals/hooks/models/index.js +0 -5
- package/internals/hooks/models/useRangePicker.d.ts +0 -8
- package/internals/hooks/models/useRangePicker.js +0 -5
- package/internals/utils/releaseInfo.d.ts +0 -1
- package/internals/utils/releaseInfo.js +0 -20
- package/modern/AdapterDateFns/index.d.ts +0 -1
- package/modern/AdapterDateFns/index.js +0 -1
- package/modern/AdapterDateFnsJalali/index.d.ts +0 -1
- package/modern/AdapterDateFnsJalali/index.js +0 -1
- package/modern/AdapterDateFnsJalaliV2/index.d.ts +0 -1
- package/modern/AdapterDateFnsJalaliV2/index.js +0 -1
- package/modern/AdapterDateFnsV2/index.d.ts +0 -1
- package/modern/AdapterDateFnsV2/index.js +0 -1
- package/modern/AdapterDayjs/index.d.ts +0 -1
- package/modern/AdapterDayjs/index.js +0 -1
- package/modern/AdapterLuxon/index.d.ts +0 -1
- package/modern/AdapterLuxon/index.js +0 -1
- package/modern/AdapterMoment/index.d.ts +0 -1
- package/modern/AdapterMoment/index.js +0 -1
- package/modern/AdapterMomentHijri/index.d.ts +0 -1
- package/modern/AdapterMomentHijri/index.js +0 -1
- package/modern/AdapterMomentJalaali/index.d.ts +0 -1
- package/modern/AdapterMomentJalaali/index.js +0 -1
- package/modern/DateRangeCalendar/DateRangeCalendar.d.ts +0 -17
- package/modern/DateRangeCalendar/DateRangeCalendar.js +0 -748
- package/modern/DateRangeCalendar/DateRangeCalendar.types.d.ts +0 -113
- package/modern/DateRangeCalendar/DateRangeCalendar.types.js +0 -1
- package/modern/DateRangeCalendar/dateRangeCalendarClasses.d.ts +0 -11
- package/modern/DateRangeCalendar/dateRangeCalendarClasses.js +0 -3
- package/modern/DateRangeCalendar/index.d.ts +0 -4
- package/modern/DateRangeCalendar/index.js +0 -2
- package/modern/DateRangeCalendar/useDragRange.d.ts +0 -40
- package/modern/DateRangeCalendar/useDragRange.js +0 -250
- package/modern/DateRangePicker/DateRangePicker.d.ts +0 -17
- package/modern/DateRangePicker/DateRangePicker.js +0 -344
- package/modern/DateRangePicker/DateRangePicker.types.d.ts +0 -33
- package/modern/DateRangePicker/DateRangePicker.types.js +0 -1
- package/modern/DateRangePicker/DateRangePickerToolbar.d.ts +0 -25
- package/modern/DateRangePicker/DateRangePickerToolbar.js +0 -131
- package/modern/DateRangePicker/dateRangePickerToolbarClasses.d.ts +0 -9
- package/modern/DateRangePicker/dateRangePickerToolbarClasses.js +0 -5
- package/modern/DateRangePicker/index.d.ts +0 -6
- package/modern/DateRangePicker/index.js +0 -3
- package/modern/DateRangePicker/shared.d.ts +0 -40
- package/modern/DateRangePicker/shared.js +0 -26
- package/modern/DateRangePickerDay/DateRangePickerDay.d.ts +0 -14
- package/modern/DateRangePickerDay/DateRangePickerDay.js +0 -472
- package/modern/DateRangePickerDay/DateRangePickerDay.types.d.ts +0 -91
- package/modern/DateRangePickerDay/DateRangePickerDay.types.js +0 -1
- package/modern/DateRangePickerDay/dateRangePickerDayClasses.d.ts +0 -41
- package/modern/DateRangePickerDay/dateRangePickerDayClasses.js +0 -5
- package/modern/DateRangePickerDay/index.d.ts +0 -4
- package/modern/DateRangePickerDay/index.js +0 -2
- package/modern/DateTimeRangePicker/DateTimeRangePicker.d.ts +0 -17
- package/modern/DateTimeRangePicker/DateTimeRangePicker.js +0 -431
- package/modern/DateTimeRangePicker/DateTimeRangePicker.types.d.ts +0 -28
- package/modern/DateTimeRangePicker/DateTimeRangePicker.types.js +0 -1
- package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.d.ts +0 -30
- package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.js +0 -193
- package/modern/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.d.ts +0 -17
- package/modern/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +0 -60
- package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.d.ts +0 -17
- package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +0 -200
- package/modern/DateTimeRangePicker/dateTimeRangePickerTabsClasses.d.ts +0 -13
- package/modern/DateTimeRangePicker/dateTimeRangePickerTabsClasses.js +0 -6
- package/modern/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.d.ts +0 -11
- package/modern/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.js +0 -5
- package/modern/DateTimeRangePicker/index.d.ts +0 -10
- package/modern/DateTimeRangePicker/index.js +0 -5
- package/modern/DateTimeRangePicker/shared.d.ts +0 -63
- package/modern/DateTimeRangePicker/shared.js +0 -51
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +0 -17
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -357
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +0 -27
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.types.js +0 -1
- package/modern/DesktopDateRangePicker/index.d.ts +0 -2
- package/modern/DesktopDateRangePicker/index.js +0 -1
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.ts +0 -17
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +0 -512
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.ts +0 -22
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.js +0 -1
- package/modern/DesktopDateTimeRangePicker/index.d.ts +0 -2
- package/modern/DesktopDateTimeRangePicker/index.js +0 -1
- package/modern/DesktopTimeRangePicker/DesktopTimeRangePicker.d.ts +0 -7
- package/modern/DesktopTimeRangePicker/DesktopTimeRangePicker.js +0 -389
- package/modern/DesktopTimeRangePicker/DesktopTimeRangePicker.types.d.ts +0 -18
- package/modern/DesktopTimeRangePicker/DesktopTimeRangePicker.types.js +0 -1
- package/modern/DesktopTimeRangePicker/index.d.ts +0 -2
- package/modern/DesktopTimeRangePicker/index.js +0 -1
- package/modern/LocalizationProvider/index.d.ts +0 -1
- package/modern/LocalizationProvider/index.js +0 -1
- package/modern/MobileDateRangePicker/MobileDateRangePicker.d.ts +0 -17
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +0 -349
- package/modern/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +0 -17
- package/modern/MobileDateRangePicker/MobileDateRangePicker.types.js +0 -1
- package/modern/MobileDateRangePicker/index.d.ts +0 -2
- package/modern/MobileDateRangePicker/index.js +0 -1
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.ts +0 -17
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +0 -512
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.ts +0 -17
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.js +0 -1
- package/modern/MobileDateTimeRangePicker/index.d.ts +0 -2
- package/modern/MobileDateTimeRangePicker/index.js +0 -1
- package/modern/MobileTimeRangePicker/MobileTimeRangePicker.d.ts +0 -7
- package/modern/MobileTimeRangePicker/MobileTimeRangePicker.js +0 -372
- package/modern/MobileTimeRangePicker/MobileTimeRangePicker.types.d.ts +0 -17
- package/modern/MobileTimeRangePicker/MobileTimeRangePicker.types.js +0 -1
- package/modern/MobileTimeRangePicker/index.d.ts +0 -2
- package/modern/MobileTimeRangePicker/index.js +0 -1
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +0 -25
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +0 -215
- package/modern/MultiInputDateRangeField/index.d.ts +0 -5
- package/modern/MultiInputDateRangeField/index.js +0 -2
- package/modern/MultiInputDateRangeField/multiInputDateRangeFieldClasses.d.ts +0 -5
- package/modern/MultiInputDateRangeField/multiInputDateRangeFieldClasses.js +0 -4
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +0 -25
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +0 -255
- package/modern/MultiInputDateTimeRangeField/index.d.ts +0 -5
- package/modern/MultiInputDateTimeRangeField/index.js +0 -2
- package/modern/MultiInputDateTimeRangeField/multiInputDateTimeRangeFieldClasses.d.ts +0 -5
- package/modern/MultiInputDateTimeRangeField/multiInputDateTimeRangeFieldClasses.js +0 -4
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +0 -25
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +0 -228
- package/modern/MultiInputTimeRangeField/index.d.ts +0 -5
- package/modern/MultiInputTimeRangeField/index.js +0 -2
- package/modern/MultiInputTimeRangeField/multiInputTimeRangeFieldClasses.d.ts +0 -5
- package/modern/MultiInputTimeRangeField/multiInputTimeRangeFieldClasses.js +0 -4
- package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.d.ts +0 -7
- package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js +0 -137
- package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.types.d.ts +0 -17
- package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.types.js +0 -1
- package/modern/PickersRangeCalendarHeader/index.d.ts +0 -2
- package/modern/PickersRangeCalendarHeader/index.js +0 -1
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +0 -19
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +0 -316
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +0 -18
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.types.js +0 -1
- package/modern/SingleInputDateRangeField/index.d.ts +0 -3
- package/modern/SingleInputDateRangeField/index.js +0 -2
- package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +0 -2
- package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.js +0 -11
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +0 -19
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +0 -356
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +0 -18
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.js +0 -1
- package/modern/SingleInputDateTimeRangeField/index.d.ts +0 -3
- package/modern/SingleInputDateTimeRangeField/index.js +0 -2
- package/modern/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +0 -2
- package/modern/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +0 -11
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +0 -19
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +0 -328
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +0 -18
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.types.js +0 -1
- package/modern/SingleInputTimeRangeField/index.d.ts +0 -3
- package/modern/SingleInputTimeRangeField/index.js +0 -2
- package/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +0 -2
- package/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +0 -11
- package/modern/StaticDateRangePicker/StaticDateRangePicker.d.ts +0 -17
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -285
- package/modern/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +0 -22
- package/modern/StaticDateRangePicker/StaticDateRangePicker.types.js +0 -1
- package/modern/StaticDateRangePicker/index.d.ts +0 -2
- package/modern/StaticDateRangePicker/index.js +0 -1
- package/modern/TimeRangePicker/TimeRangePicker.d.ts +0 -17
- package/modern/TimeRangePicker/TimeRangePicker.js +0 -333
- package/modern/TimeRangePicker/TimeRangePicker.types.d.ts +0 -22
- package/modern/TimeRangePicker/TimeRangePicker.types.js +0 -1
- package/modern/TimeRangePicker/TimeRangePickerTabs.d.ts +0 -35
- package/modern/TimeRangePicker/TimeRangePickerTabs.js +0 -138
- package/modern/TimeRangePicker/TimeRangePickerTimeWrapper.d.ts +0 -17
- package/modern/TimeRangePicker/TimeRangePickerTimeWrapper.js +0 -58
- package/modern/TimeRangePicker/TimeRangePickerToolbar.d.ts +0 -14
- package/modern/TimeRangePicker/TimeRangePickerToolbar.js +0 -256
- package/modern/TimeRangePicker/index.d.ts +0 -10
- package/modern/TimeRangePicker/index.js +0 -5
- package/modern/TimeRangePicker/shared.d.ts +0 -73
- package/modern/TimeRangePicker/shared.js +0 -61
- package/modern/TimeRangePicker/timeRangePickerTabsClasses.d.ts +0 -9
- package/modern/TimeRangePicker/timeRangePickerTabsClasses.js +0 -5
- package/modern/TimeRangePicker/timeRangePickerToolbarClasses.d.ts +0 -13
- package/modern/TimeRangePicker/timeRangePickerToolbarClasses.js +0 -5
- package/modern/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +0 -49
- package/modern/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -85
- package/modern/dateRangeViewRenderers/index.d.ts +0 -2
- package/modern/dateRangeViewRenderers/index.js +0 -1
- package/modern/hooks/index.d.ts +0 -3
- package/modern/hooks/index.js +0 -2
- package/modern/hooks/useMultiInputRangeField/index.d.ts +0 -2
- package/modern/hooks/useMultiInputRangeField/index.js +0 -1
- package/modern/hooks/useMultiInputRangeField/useMultiInputRangeField.d.ts +0 -72
- package/modern/hooks/useMultiInputRangeField/useMultiInputRangeField.js +0 -140
- package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldRootProps.d.ts +0 -11
- package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldRootProps.js +0 -25
- package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts +0 -19
- package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.js +0 -43
- package/modern/hooks/useMultiInputRangeField/useTextFieldProps.d.ts +0 -30
- package/modern/hooks/useMultiInputRangeField/useTextFieldProps.js +0 -129
- package/modern/hooks/usePickerRangePositionContext.d.ts +0 -7
- package/modern/hooks/usePickerRangePositionContext.js +0 -15
- package/modern/index.d.ts +0 -25
- package/modern/index.js +0 -40
- package/modern/internals/constants/dimensions.d.ts +0 -3
- package/modern/internals/constants/dimensions.js +0 -5
- package/modern/internals/hooks/models/index.d.ts +0 -1
- package/modern/internals/hooks/models/index.js +0 -1
- package/modern/internals/hooks/models/useRangePicker.d.ts +0 -8
- package/modern/internals/hooks/models/useRangePicker.js +0 -1
- package/modern/internals/hooks/useDesktopRangePicker/index.d.ts +0 -2
- package/modern/internals/hooks/useDesktopRangePicker/index.js +0 -1
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -9
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -72
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +0 -35
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js +0 -1
- package/modern/internals/hooks/useMobileRangePicker/index.d.ts +0 -2
- package/modern/internals/hooks/useMobileRangePicker/index.js +0 -1
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -9
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -110
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +0 -31
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.js +0 -1
- package/modern/internals/hooks/useNullablePickerRangePositionContext.d.ts +0 -5
- package/modern/internals/hooks/useNullablePickerRangePositionContext.js +0 -10
- package/modern/internals/hooks/useRangePosition.d.ts +0 -24
- package/modern/internals/hooks/useRangePosition.js +0 -18
- package/modern/internals/hooks/useStaticRangePicker/index.d.ts +0 -2
- package/modern/internals/hooks/useStaticRangePicker/index.js +0 -1
- package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +0 -13
- package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -64
- package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +0 -23
- package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.js +0 -1
- package/modern/internals/models/dateRange.d.ts +0 -16
- package/modern/internals/models/dateRange.js +0 -1
- package/modern/internals/models/dateTimeRange.d.ts +0 -3
- package/modern/internals/models/dateTimeRange.js +0 -1
- package/modern/internals/models/fields.d.ts +0 -22
- package/modern/internals/models/fields.js +0 -1
- package/modern/internals/models/index.d.ts +0 -3
- package/modern/internals/models/index.js +0 -3
- package/modern/internals/models/managers.d.ts +0 -3
- package/modern/internals/models/managers.js +0 -1
- package/modern/internals/models/rangePickerProps.d.ts +0 -22
- package/modern/internals/models/rangePickerProps.js +0 -1
- package/modern/internals/utils/createMultiInputRangeField/createMultiInputRangeField.d.ts +0 -8
- package/modern/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js +0 -133
- package/modern/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.ts +0 -73
- package/modern/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.js +0 -1
- package/modern/internals/utils/createMultiInputRangeField/index.d.ts +0 -3
- package/modern/internals/utils/createMultiInputRangeField/index.js +0 -2
- package/modern/internals/utils/createMultiInputRangeField/useTextFieldProps.d.ts +0 -14
- package/modern/internals/utils/createMultiInputRangeField/useTextFieldProps.js +0 -43
- package/modern/internals/utils/date-fields-utils.d.ts +0 -23
- package/modern/internals/utils/date-fields-utils.js +0 -28
- package/modern/internals/utils/date-range-manager.d.ts +0 -32
- package/modern/internals/utils/date-range-manager.js +0 -61
- package/modern/internals/utils/date-utils.d.ts +0 -7
- package/modern/internals/utils/date-utils.js +0 -18
- package/modern/internals/utils/releaseInfo.d.ts +0 -1
- package/modern/internals/utils/releaseInfo.js +0 -13
- package/modern/internals/utils/valueManagers.d.ts +0 -10
- package/modern/internals/utils/valueManagers.js +0 -119
- package/modern/locales/index.d.ts +0 -1
- package/modern/locales/index.js +0 -1
- package/modern/managers/index.d.ts +0 -6
- package/modern/managers/index.js +0 -3
- package/modern/managers/useDateRangeManager.d.ts +0 -11
- package/modern/managers/useDateRangeManager.js +0 -40
- package/modern/managers/useDateTimeRangeManager.d.ts +0 -11
- package/modern/managers/useDateTimeRangeManager.js +0 -41
- package/modern/managers/useTimeRangeManager.d.ts +0 -11
- package/modern/managers/useTimeRangeManager.js +0 -45
- package/modern/models/fields.d.ts +0 -34
- package/modern/models/fields.js +0 -1
- package/modern/models/index.d.ts +0 -4
- package/modern/models/index.js +0 -4
- package/modern/models/range.d.ts +0 -2
- package/modern/models/range.js +0 -1
- package/modern/models/validation.d.ts +0 -6
- package/modern/models/validation.js +0 -1
- package/modern/package.json +0 -1
- package/modern/themeAugmentation/components.d.ts +0 -79
- package/modern/themeAugmentation/index.d.ts +0 -4
- package/modern/themeAugmentation/index.js +0 -1
- package/modern/themeAugmentation/overrides.d.ts +0 -27
- package/modern/themeAugmentation/props.d.ts +0 -54
- package/modern/validation/index.d.ts +0 -6
- package/modern/validation/index.js +0 -3
- package/modern/validation/validateDateRange.d.ts +0 -18
- package/modern/validation/validateDateRange.js +0 -59
- package/modern/validation/validateDateTimeRange.d.ts +0 -15
- package/modern/validation/validateDateTimeRange.js +0 -55
- package/modern/validation/validateTimeRange.d.ts +0 -17
- package/modern/validation/validateTimeRange.js +0 -48
- package/tsconfig.build.tsbuildinfo +0 -1
|
@@ -1,256 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
5
|
-
const _excluded = ["className", "ampm", "toolbarPlaceholder", "classes"];
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import PropTypes from 'prop-types';
|
|
8
|
-
import clsx from 'clsx';
|
|
9
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
10
|
-
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
11
|
-
import { PickersToolbar, PickersToolbarButton, useUtils, PickersToolbarText, getMeridiem, formatMeridiem, pickersToolbarClasses, pickersToolbarTextClasses, MULTI_SECTION_CLOCK_SECTION_WIDTH, useToolbarOwnerState } from '@mui/x-date-pickers/internals';
|
|
12
|
-
import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
|
|
13
|
-
import { getTimeRangePickerToolbarUtilityClass } from "./timeRangePickerToolbarClasses.js";
|
|
14
|
-
import { usePickerRangePositionContext } from "../hooks/index.js";
|
|
15
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
|
-
const useUtilityClasses = (classes, ownerState) => {
|
|
17
|
-
const {
|
|
18
|
-
pickerVariant
|
|
19
|
-
} = ownerState;
|
|
20
|
-
const slots = {
|
|
21
|
-
root: ['root'],
|
|
22
|
-
container: ['container', pickerVariant],
|
|
23
|
-
separator: ['separator'],
|
|
24
|
-
timeContainer: ['timeContainer']
|
|
25
|
-
};
|
|
26
|
-
return composeClasses(slots, getTimeRangePickerToolbarUtilityClass, classes);
|
|
27
|
-
};
|
|
28
|
-
const TimeRangePickerToolbarRoot = styled(PickersToolbar, {
|
|
29
|
-
name: 'MuiTimeRangePickerToolbar',
|
|
30
|
-
slot: 'Root',
|
|
31
|
-
overridesResolver: (_, styles) => styles.root
|
|
32
|
-
})(({
|
|
33
|
-
theme
|
|
34
|
-
}) => ({
|
|
35
|
-
borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
|
|
36
|
-
padding: '12px 0px 8px 0px',
|
|
37
|
-
[`& .${pickersToolbarClasses.content} .${pickersToolbarTextClasses.root}[data-selected]`]: {
|
|
38
|
-
color: (theme.vars || theme).palette.primary.main,
|
|
39
|
-
fontWeight: theme.typography.fontWeightBold
|
|
40
|
-
},
|
|
41
|
-
[`& .${pickersToolbarClasses.title}`]: {
|
|
42
|
-
paddingLeft: 12
|
|
43
|
-
}
|
|
44
|
-
}));
|
|
45
|
-
const TimeRangePickerToolbarContainer = styled('div', {
|
|
46
|
-
name: 'MuiTimeRangePickerToolbar',
|
|
47
|
-
slot: 'Container',
|
|
48
|
-
shouldForwardProp: prop => prop !== 'pickerVariant',
|
|
49
|
-
overridesResolver: (_, styles) => styles.container
|
|
50
|
-
})({
|
|
51
|
-
display: 'flex',
|
|
52
|
-
flex: 1,
|
|
53
|
-
variants: [{
|
|
54
|
-
props: {
|
|
55
|
-
pickerVariant: 'mobile'
|
|
56
|
-
},
|
|
57
|
-
style: {
|
|
58
|
-
flexDirection: 'column',
|
|
59
|
-
rowGap: 8
|
|
60
|
-
}
|
|
61
|
-
}, {
|
|
62
|
-
props: {
|
|
63
|
-
pickerVariant: 'desktop'
|
|
64
|
-
},
|
|
65
|
-
style: {
|
|
66
|
-
flexDirection: 'row',
|
|
67
|
-
gap: 1
|
|
68
|
-
}
|
|
69
|
-
}]
|
|
70
|
-
});
|
|
71
|
-
const TimeRangePickerToolbarTimeContainer = styled('div', {
|
|
72
|
-
name: 'MuiTimeRangePickerToolbar',
|
|
73
|
-
slot: 'TimeContainer',
|
|
74
|
-
overridesResolver: (_, styles) => styles.timeContainer
|
|
75
|
-
})({
|
|
76
|
-
display: 'flex',
|
|
77
|
-
justifyContent: 'space-around',
|
|
78
|
-
flex: 1
|
|
79
|
-
});
|
|
80
|
-
const TimeRangePickerToolbarSeparator = styled(PickersToolbarText, {
|
|
81
|
-
name: 'MuiTimeRangePickerToolbar',
|
|
82
|
-
slot: 'Separator',
|
|
83
|
-
overridesResolver: (props, styles) => styles.separator
|
|
84
|
-
})({
|
|
85
|
-
cursor: 'default'
|
|
86
|
-
});
|
|
87
|
-
/**
|
|
88
|
-
* @ignore - internal component
|
|
89
|
-
*/
|
|
90
|
-
function TimeRangePickerToolbarTimeElement(props) {
|
|
91
|
-
const {
|
|
92
|
-
value,
|
|
93
|
-
ampm,
|
|
94
|
-
onViewChange,
|
|
95
|
-
view,
|
|
96
|
-
separatorClasses,
|
|
97
|
-
toolbarPlaceholder
|
|
98
|
-
} = props;
|
|
99
|
-
const utils = useUtils();
|
|
100
|
-
const {
|
|
101
|
-
variant,
|
|
102
|
-
views
|
|
103
|
-
} = usePickerContext();
|
|
104
|
-
const formatHours = time => ampm ? utils.format(time, 'hours12h') : utils.format(time, 'hours24h');
|
|
105
|
-
const meridiemMode = getMeridiem(value, utils);
|
|
106
|
-
const sectionWidth = variant === 'desktop' ? MULTI_SECTION_CLOCK_SECTION_WIDTH : '100%';
|
|
107
|
-
return /*#__PURE__*/_jsxs(TimeRangePickerToolbarTimeContainer, {
|
|
108
|
-
children: [views.includes('hours') && /*#__PURE__*/_jsxs(React.Fragment, {
|
|
109
|
-
children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
|
|
110
|
-
variant: "h5",
|
|
111
|
-
width: sectionWidth,
|
|
112
|
-
onClick: () => onViewChange('hours'),
|
|
113
|
-
selected: view === 'hours',
|
|
114
|
-
value: utils.isValid(value) ? formatHours(value) : toolbarPlaceholder
|
|
115
|
-
}), /*#__PURE__*/_jsx(TimeRangePickerToolbarSeparator, {
|
|
116
|
-
variant: "h5",
|
|
117
|
-
value: ":",
|
|
118
|
-
className: separatorClasses
|
|
119
|
-
}), /*#__PURE__*/_jsx(PickersToolbarButton, {
|
|
120
|
-
variant: "h5",
|
|
121
|
-
width: sectionWidth,
|
|
122
|
-
onClick: () => onViewChange('minutes'),
|
|
123
|
-
selected: view === 'minutes' || !views.includes('minutes') && view === 'hours',
|
|
124
|
-
value: utils.isValid(value) ? utils.format(value, 'minutes') : toolbarPlaceholder,
|
|
125
|
-
disabled: !views.includes('minutes')
|
|
126
|
-
})]
|
|
127
|
-
}), views.includes('seconds') && /*#__PURE__*/_jsxs(React.Fragment, {
|
|
128
|
-
children: [/*#__PURE__*/_jsx(TimeRangePickerToolbarSeparator, {
|
|
129
|
-
variant: "h5",
|
|
130
|
-
value: ":",
|
|
131
|
-
className: separatorClasses
|
|
132
|
-
}), /*#__PURE__*/_jsx(PickersToolbarButton, {
|
|
133
|
-
variant: "h5",
|
|
134
|
-
width: sectionWidth,
|
|
135
|
-
onClick: () => onViewChange('seconds'),
|
|
136
|
-
selected: view === 'seconds',
|
|
137
|
-
value: value ? utils.format(value, 'seconds') : toolbarPlaceholder
|
|
138
|
-
})]
|
|
139
|
-
}), ampm && /*#__PURE__*/_jsx(PickersToolbarButton, {
|
|
140
|
-
variant: "h5",
|
|
141
|
-
onClick: () => onViewChange('meridiem'),
|
|
142
|
-
selected: view === 'meridiem',
|
|
143
|
-
value: value && meridiemMode ? formatMeridiem(utils, meridiemMode) : toolbarPlaceholder,
|
|
144
|
-
width: sectionWidth
|
|
145
|
-
})]
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
process.env.NODE_ENV !== "production" ? TimeRangePickerToolbarTimeElement.propTypes = {
|
|
149
|
-
// ----------------------------- Warning --------------------------------
|
|
150
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
151
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
152
|
-
// ----------------------------------------------------------------------
|
|
153
|
-
ampm: PropTypes.bool.isRequired,
|
|
154
|
-
onViewChange: PropTypes.func.isRequired,
|
|
155
|
-
separatorClasses: PropTypes.string.isRequired,
|
|
156
|
-
/**
|
|
157
|
-
* Toolbar value placeholder—it is displayed when the value is empty.
|
|
158
|
-
* @default "––"
|
|
159
|
-
*/
|
|
160
|
-
toolbarPlaceholder: PropTypes.node,
|
|
161
|
-
value: PropTypes.object,
|
|
162
|
-
view: PropTypes.oneOf(['hours', 'meridiem', 'minutes', 'seconds'])
|
|
163
|
-
} : void 0;
|
|
164
|
-
const TimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function TimeRangePickerToolbar(inProps, ref) {
|
|
165
|
-
const props = useThemeProps({
|
|
166
|
-
props: inProps,
|
|
167
|
-
name: 'MuiTimeRangePickerToolbar'
|
|
168
|
-
});
|
|
169
|
-
const {
|
|
170
|
-
className,
|
|
171
|
-
ampm,
|
|
172
|
-
toolbarPlaceholder = '--',
|
|
173
|
-
classes: classesProp
|
|
174
|
-
} = props,
|
|
175
|
-
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
176
|
-
const {
|
|
177
|
-
value,
|
|
178
|
-
view,
|
|
179
|
-
setView
|
|
180
|
-
} = usePickerContext();
|
|
181
|
-
const translations = usePickerTranslations();
|
|
182
|
-
const ownerState = useToolbarOwnerState();
|
|
183
|
-
const {
|
|
184
|
-
rangePosition,
|
|
185
|
-
setRangePosition
|
|
186
|
-
} = usePickerRangePositionContext();
|
|
187
|
-
const classes = useUtilityClasses(classesProp, ownerState);
|
|
188
|
-
const handleStartRangeViewChange = React.useCallback(newView => {
|
|
189
|
-
if (rangePosition !== 'start') {
|
|
190
|
-
setRangePosition('start');
|
|
191
|
-
}
|
|
192
|
-
setView(newView);
|
|
193
|
-
}, [setRangePosition, setView, rangePosition]);
|
|
194
|
-
const handleEndRangeViewChange = React.useCallback(newView => {
|
|
195
|
-
if (rangePosition !== 'end') {
|
|
196
|
-
setRangePosition('end');
|
|
197
|
-
}
|
|
198
|
-
setView(newView);
|
|
199
|
-
}, [setRangePosition, setView, rangePosition]);
|
|
200
|
-
if (!view) {
|
|
201
|
-
return null;
|
|
202
|
-
}
|
|
203
|
-
return /*#__PURE__*/_jsx(TimeRangePickerToolbarRoot, _extends({}, other, {
|
|
204
|
-
toolbarTitle: translations.timeRangePickerToolbarTitle,
|
|
205
|
-
className: clsx(className, classes.root),
|
|
206
|
-
ownerState: ownerState,
|
|
207
|
-
ref: ref,
|
|
208
|
-
children: /*#__PURE__*/_jsxs(TimeRangePickerToolbarContainer, {
|
|
209
|
-
className: classes.container,
|
|
210
|
-
pickerVariant: ownerState.pickerVariant,
|
|
211
|
-
children: [/*#__PURE__*/_jsx(TimeRangePickerToolbarTimeElement, {
|
|
212
|
-
view: rangePosition === 'start' ? view : undefined,
|
|
213
|
-
value: value[0],
|
|
214
|
-
onViewChange: handleStartRangeViewChange,
|
|
215
|
-
ampm: ampm,
|
|
216
|
-
separatorClasses: classes.separator,
|
|
217
|
-
toolbarPlaceholder: toolbarPlaceholder
|
|
218
|
-
}), /*#__PURE__*/_jsx(TimeRangePickerToolbarTimeElement, {
|
|
219
|
-
view: rangePosition === 'end' ? view : undefined,
|
|
220
|
-
value: value[1],
|
|
221
|
-
onViewChange: handleEndRangeViewChange,
|
|
222
|
-
ampm: ampm,
|
|
223
|
-
separatorClasses: classes.separator,
|
|
224
|
-
toolbarPlaceholder: toolbarPlaceholder
|
|
225
|
-
})]
|
|
226
|
-
})
|
|
227
|
-
}));
|
|
228
|
-
});
|
|
229
|
-
process.env.NODE_ENV !== "production" ? TimeRangePickerToolbar.propTypes = {
|
|
230
|
-
// ----------------------------- Warning --------------------------------
|
|
231
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
232
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
233
|
-
// ----------------------------------------------------------------------
|
|
234
|
-
ampm: PropTypes.bool.isRequired,
|
|
235
|
-
/**
|
|
236
|
-
* Override or extend the styles applied to the component.
|
|
237
|
-
*/
|
|
238
|
-
classes: PropTypes.object,
|
|
239
|
-
className: PropTypes.string,
|
|
240
|
-
/**
|
|
241
|
-
* If `true`, show the toolbar even in desktop mode.
|
|
242
|
-
* @default `true` for Desktop, `false` for Mobile.
|
|
243
|
-
*/
|
|
244
|
-
hidden: PropTypes.bool,
|
|
245
|
-
/**
|
|
246
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
247
|
-
*/
|
|
248
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
249
|
-
titleId: PropTypes.string,
|
|
250
|
-
/**
|
|
251
|
-
* Toolbar value placeholder—it is displayed when the value is empty.
|
|
252
|
-
* @default "––"
|
|
253
|
-
*/
|
|
254
|
-
toolbarPlaceholder: PropTypes.node
|
|
255
|
-
} : void 0;
|
|
256
|
-
export { TimeRangePickerToolbar };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export { TimeRangePicker } from "./TimeRangePicker.js";
|
|
2
|
-
export type { TimeRangePickerProps, TimeRangePickerSlots, TimeRangePickerSlotProps } from './TimeRangePicker.types';
|
|
3
|
-
export { TimeRangePickerTabs } from "./TimeRangePickerTabs.js";
|
|
4
|
-
export type { ExportedTimeRangePickerTabsProps } from './TimeRangePickerTabs';
|
|
5
|
-
export { getTimeRangePickerTabsUtilityClass, timeRangePickerTabsClasses } from "./timeRangePickerTabsClasses.js";
|
|
6
|
-
export type { TimeRangePickerTabsClasses, TimeRangePickerTabsClassKey } from './timeRangePickerTabsClasses';
|
|
7
|
-
export { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.js";
|
|
8
|
-
export type { TimeRangePickerToolbarProps } from './TimeRangePickerToolbar';
|
|
9
|
-
export { timeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.js";
|
|
10
|
-
export type { TimeRangePickerToolbarClassKey, TimeRangePickerToolbarClasses } from './timeRangePickerToolbarClasses';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { TimeRangePicker } from "./TimeRangePicker.js";
|
|
2
|
-
export { TimeRangePickerTabs } from "./TimeRangePickerTabs.js";
|
|
3
|
-
export { getTimeRangePickerTabsUtilityClass, timeRangePickerTabsClasses } from "./timeRangePickerTabsClasses.js";
|
|
4
|
-
export { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.js";
|
|
5
|
-
export { timeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.js";
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DefaultizedProps } from '@mui/x-internals/types';
|
|
3
|
-
import { LocalizedComponent } from '@mui/x-date-pickers/locales';
|
|
4
|
-
import { TimeStepOptions, TimeView } from '@mui/x-date-pickers/models';
|
|
5
|
-
import { BasePickerInputProps, PickerViewRendererLookup, BaseTimeValidationProps, BaseClockProps, ExportedBaseClockProps, TimeViewWithMeridiem, UseViewsOptions, PickerRangeValue, PickerValue } from '@mui/x-date-pickers/internals';
|
|
6
|
-
import { TimeClockSlots, TimeClockSlotProps } from '@mui/x-date-pickers/TimeClock';
|
|
7
|
-
import { DigitalClockSlots, DigitalClockSlotProps } from '@mui/x-date-pickers/DigitalClock';
|
|
8
|
-
import { MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from '@mui/x-date-pickers/MultiSectionDigitalClock';
|
|
9
|
-
import { TimeViewRendererProps } from '@mui/x-date-pickers/timeViewRenderers';
|
|
10
|
-
import { TimeRangePickerToolbarProps, ExportedTimeRangePickerToolbarProps } from "./TimeRangePickerToolbar.js";
|
|
11
|
-
import { TimeRangeValidationError } from "../models/index.js";
|
|
12
|
-
import { ExportedTimeRangePickerTabsProps, TimeRangePickerTabsProps } from "./TimeRangePickerTabs.js";
|
|
13
|
-
export interface BaseTimeRangePickerSlots extends TimeClockSlots, DigitalClockSlots, MultiSectionDigitalClockSlots {
|
|
14
|
-
/**
|
|
15
|
-
* Tabs enabling toggling between start and end time.
|
|
16
|
-
* @default TimeRangePickerTabs
|
|
17
|
-
*/
|
|
18
|
-
tabs?: React.ElementType<TimeRangePickerTabsProps>;
|
|
19
|
-
/**
|
|
20
|
-
* Custom component for the toolbar rendered above the views.
|
|
21
|
-
* @default TimeRangePickerToolbar
|
|
22
|
-
*/
|
|
23
|
-
Toolbar?: React.JSXElementConstructor<TimeRangePickerToolbarProps>;
|
|
24
|
-
}
|
|
25
|
-
export interface BaseTimeRangePickerSlotProps extends TimeClockSlotProps, DigitalClockSlotProps, MultiSectionDigitalClockSlotProps {
|
|
26
|
-
/**
|
|
27
|
-
* Props passed down to the tabs component.
|
|
28
|
-
*/
|
|
29
|
-
tabs?: ExportedTimeRangePickerTabsProps;
|
|
30
|
-
/**
|
|
31
|
-
* Props passed down to the toolbar component.
|
|
32
|
-
*/
|
|
33
|
-
toolbar?: ExportedTimeRangePickerToolbarProps;
|
|
34
|
-
}
|
|
35
|
-
export type TimeRangePickerRenderers = PickerViewRendererLookup<PickerValue, TimeViewWithMeridiem, TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>> & {
|
|
36
|
-
view: TimeViewWithMeridiem;
|
|
37
|
-
}>;
|
|
38
|
-
export interface BaseTimeRangePickerProps extends Omit<BasePickerInputProps<PickerRangeValue, TimeViewWithMeridiem, TimeRangeValidationError>, 'orientation' | 'views' | 'openTo'>, ExportedBaseClockProps, Partial<Pick<UseViewsOptions<PickerRangeValue, TimeView>, 'openTo' | 'views'>> {
|
|
39
|
-
/**
|
|
40
|
-
* Overridable component slots.
|
|
41
|
-
* @default {}
|
|
42
|
-
*/
|
|
43
|
-
slots?: BaseTimeRangePickerSlots;
|
|
44
|
-
/**
|
|
45
|
-
* The props used for each component slot.
|
|
46
|
-
* @default {}
|
|
47
|
-
*/
|
|
48
|
-
slotProps?: BaseTimeRangePickerSlotProps;
|
|
49
|
-
/**
|
|
50
|
-
* Define custom view renderers for each section.
|
|
51
|
-
* If `null`, the section will only have field editing.
|
|
52
|
-
* If `undefined`, internally defined view will be the used.
|
|
53
|
-
*/
|
|
54
|
-
viewRenderers?: TimeRangePickerRenderers;
|
|
55
|
-
/**
|
|
56
|
-
* Amount of time options below or at which the single column time renderer is used.
|
|
57
|
-
* @default 24
|
|
58
|
-
*/
|
|
59
|
-
thresholdToRenderTimeInASingleColumn?: number;
|
|
60
|
-
/**
|
|
61
|
-
* The time steps between two time unit options.
|
|
62
|
-
* For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
63
|
-
* When single column time renderer is used, only `timeStep.minutes` will be used.
|
|
64
|
-
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
65
|
-
*/
|
|
66
|
-
timeSteps?: TimeStepOptions;
|
|
67
|
-
}
|
|
68
|
-
type UseTimeRangePickerDefaultizedProps<Props extends BaseTimeRangePickerProps> = LocalizedComponent<Omit<DefaultizedProps<Props, 'views' | 'openTo' | 'ampm' | keyof BaseTimeValidationProps>, 'views'>> & {
|
|
69
|
-
shouldRenderTimeInASingleColumn: boolean;
|
|
70
|
-
views: readonly TimeViewWithMeridiem[];
|
|
71
|
-
};
|
|
72
|
-
export declare function useTimeRangePickerDefaultizedProps<Props extends BaseTimeRangePickerProps>(props: Props, name: string): UseTimeRangePickerDefaultizedProps<Props>;
|
|
73
|
-
export {};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useThemeProps } from '@mui/material/styles';
|
|
4
|
-
import { useUtils, applyDefaultViewProps, resolveTimeViewsResponse, useApplyDefaultValuesToTimeValidationProps } from '@mui/x-date-pickers/internals';
|
|
5
|
-
import { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.js";
|
|
6
|
-
import { TimeRangePickerTabs } from "./TimeRangePickerTabs.js";
|
|
7
|
-
export function useTimeRangePickerDefaultizedProps(props, name) {
|
|
8
|
-
const utils = useUtils();
|
|
9
|
-
const themeProps = useThemeProps({
|
|
10
|
-
props,
|
|
11
|
-
name
|
|
12
|
-
});
|
|
13
|
-
const validationProps = useApplyDefaultValuesToTimeValidationProps(themeProps);
|
|
14
|
-
const ampm = themeProps.ampm ?? utils.is12HourCycleInCurrentLocale();
|
|
15
|
-
const {
|
|
16
|
-
openTo,
|
|
17
|
-
views: defaultViews
|
|
18
|
-
} = applyDefaultViewProps({
|
|
19
|
-
views: themeProps.views,
|
|
20
|
-
openTo: themeProps.openTo,
|
|
21
|
-
defaultViews: ['hours', 'minutes'],
|
|
22
|
-
defaultOpenTo: 'hours'
|
|
23
|
-
});
|
|
24
|
-
const localeText = React.useMemo(() => {
|
|
25
|
-
if (themeProps.localeText?.toolbarTitle == null) {
|
|
26
|
-
return themeProps.localeText;
|
|
27
|
-
}
|
|
28
|
-
return _extends({}, themeProps.localeText, {
|
|
29
|
-
timeRangePickerToolbarTitle: themeProps.localeText.toolbarTitle
|
|
30
|
-
});
|
|
31
|
-
}, [themeProps.localeText]);
|
|
32
|
-
const {
|
|
33
|
-
shouldRenderTimeInASingleColumn,
|
|
34
|
-
thresholdToRenderTimeInASingleColumn,
|
|
35
|
-
views,
|
|
36
|
-
timeSteps
|
|
37
|
-
} = resolveTimeViewsResponse({
|
|
38
|
-
thresholdToRenderTimeInASingleColumn: themeProps.thresholdToRenderTimeInASingleColumn,
|
|
39
|
-
ampm,
|
|
40
|
-
timeSteps: themeProps.timeSteps,
|
|
41
|
-
views: defaultViews
|
|
42
|
-
});
|
|
43
|
-
return _extends({}, themeProps, validationProps, {
|
|
44
|
-
localeText,
|
|
45
|
-
timeSteps,
|
|
46
|
-
openTo,
|
|
47
|
-
shouldRenderTimeInASingleColumn,
|
|
48
|
-
thresholdToRenderTimeInASingleColumn,
|
|
49
|
-
views,
|
|
50
|
-
ampm,
|
|
51
|
-
slots: _extends({
|
|
52
|
-
tabs: TimeRangePickerTabs,
|
|
53
|
-
toolbar: TimeRangePickerToolbar
|
|
54
|
-
}, themeProps.slots),
|
|
55
|
-
slotProps: _extends({}, themeProps.slotProps, {
|
|
56
|
-
toolbar: _extends({
|
|
57
|
-
ampm
|
|
58
|
-
}, themeProps.slotProps?.toolbar)
|
|
59
|
-
})
|
|
60
|
-
});
|
|
61
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export interface TimeRangePickerTabsClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the tab element. */
|
|
5
|
-
tab: string;
|
|
6
|
-
}
|
|
7
|
-
export type TimeRangePickerTabsClassKey = keyof TimeRangePickerTabsClasses;
|
|
8
|
-
export declare function getTimeRangePickerTabsUtilityClass(slot: string): string;
|
|
9
|
-
export declare const timeRangePickerTabsClasses: TimeRangePickerTabsClasses;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
2
|
-
export function getTimeRangePickerTabsUtilityClass(slot) {
|
|
3
|
-
return generateUtilityClass('MuiTimeRangePickerTabs', slot);
|
|
4
|
-
}
|
|
5
|
-
export const timeRangePickerTabsClasses = generateUtilityClasses('MuiTimeRangePickerTabs', ['root', 'tab']);
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export interface TimeRangePickerToolbarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the container element. */
|
|
5
|
-
container: string;
|
|
6
|
-
/** Styles applied to the separator element. */
|
|
7
|
-
separator: string;
|
|
8
|
-
/** Styles applied to the time container element. */
|
|
9
|
-
timeContainer: string;
|
|
10
|
-
}
|
|
11
|
-
export type TimeRangePickerToolbarClassKey = keyof TimeRangePickerToolbarClasses;
|
|
12
|
-
export declare function getTimeRangePickerToolbarUtilityClass(slot: string): string;
|
|
13
|
-
export declare const timeRangePickerToolbarClasses: TimeRangePickerToolbarClasses;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
2
|
-
export function getTimeRangePickerToolbarUtilityClass(slot) {
|
|
3
|
-
return generateUtilityClass('MuiTimeRangePickerToolbar', slot);
|
|
4
|
-
}
|
|
5
|
-
export const timeRangePickerToolbarClasses = generateUtilityClasses('MuiTimeRangePickerToolbar', ['root', 'container', 'separator', 'timeContainer']);
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { DateRangeCalendarProps } from "../DateRangeCalendar/index.js";
|
|
4
|
-
export interface DateRangeViewRendererProps<TView extends DateOrTimeViewWithMeridiem> extends Omit<DateRangeCalendarProps, 'views' | 'onRangePositionChange' | 'rangePosition' | 'defaultRangePosition'> {
|
|
5
|
-
views: readonly TView[];
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* We don't pass all the props down to `DateRangeCalendar`,
|
|
9
|
-
* because otherwise some unwanted props would be passed to the HTML element.
|
|
10
|
-
*/
|
|
11
|
-
export declare const renderDateRangeViewCalendar: ({
|
|
12
|
-
views,
|
|
13
|
-
view,
|
|
14
|
-
onViewChange,
|
|
15
|
-
focusedView,
|
|
16
|
-
onFocusedViewChange,
|
|
17
|
-
value,
|
|
18
|
-
defaultValue,
|
|
19
|
-
referenceDate,
|
|
20
|
-
onChange,
|
|
21
|
-
className,
|
|
22
|
-
classes,
|
|
23
|
-
disableFuture,
|
|
24
|
-
disablePast,
|
|
25
|
-
minDate,
|
|
26
|
-
maxDate,
|
|
27
|
-
shouldDisableDate,
|
|
28
|
-
reduceAnimations,
|
|
29
|
-
onMonthChange,
|
|
30
|
-
calendars,
|
|
31
|
-
currentMonthCalendarPosition,
|
|
32
|
-
slots,
|
|
33
|
-
slotProps,
|
|
34
|
-
loading,
|
|
35
|
-
renderLoading,
|
|
36
|
-
disableHighlightToday,
|
|
37
|
-
readOnly,
|
|
38
|
-
disabled,
|
|
39
|
-
showDaysOutsideCurrentMonth,
|
|
40
|
-
dayOfWeekFormatter,
|
|
41
|
-
disableAutoMonthSwitching,
|
|
42
|
-
sx,
|
|
43
|
-
autoFocus,
|
|
44
|
-
fixedWeekNumber,
|
|
45
|
-
disableDragEditing,
|
|
46
|
-
displayWeekNumber,
|
|
47
|
-
timezone,
|
|
48
|
-
availableRangePositions
|
|
49
|
-
}: DateRangeViewRendererProps<"day">) => React.JSX.Element;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { isDatePickerView } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { DateRangeCalendar } from "../DateRangeCalendar/index.js";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
/**
|
|
6
|
-
* We don't pass all the props down to `DateRangeCalendar`,
|
|
7
|
-
* because otherwise some unwanted props would be passed to the HTML element.
|
|
8
|
-
*/
|
|
9
|
-
export const renderDateRangeViewCalendar = ({
|
|
10
|
-
views,
|
|
11
|
-
view,
|
|
12
|
-
onViewChange,
|
|
13
|
-
focusedView,
|
|
14
|
-
onFocusedViewChange,
|
|
15
|
-
value,
|
|
16
|
-
defaultValue,
|
|
17
|
-
referenceDate,
|
|
18
|
-
onChange,
|
|
19
|
-
className,
|
|
20
|
-
classes,
|
|
21
|
-
disableFuture,
|
|
22
|
-
disablePast,
|
|
23
|
-
minDate,
|
|
24
|
-
maxDate,
|
|
25
|
-
shouldDisableDate,
|
|
26
|
-
reduceAnimations,
|
|
27
|
-
onMonthChange,
|
|
28
|
-
calendars,
|
|
29
|
-
currentMonthCalendarPosition,
|
|
30
|
-
slots,
|
|
31
|
-
slotProps,
|
|
32
|
-
loading,
|
|
33
|
-
renderLoading,
|
|
34
|
-
disableHighlightToday,
|
|
35
|
-
readOnly,
|
|
36
|
-
disabled,
|
|
37
|
-
showDaysOutsideCurrentMonth,
|
|
38
|
-
dayOfWeekFormatter,
|
|
39
|
-
disableAutoMonthSwitching,
|
|
40
|
-
sx,
|
|
41
|
-
autoFocus,
|
|
42
|
-
fixedWeekNumber,
|
|
43
|
-
disableDragEditing,
|
|
44
|
-
displayWeekNumber,
|
|
45
|
-
timezone,
|
|
46
|
-
availableRangePositions
|
|
47
|
-
}) => /*#__PURE__*/_jsx(DateRangeCalendar, {
|
|
48
|
-
view: view,
|
|
49
|
-
views: views,
|
|
50
|
-
onViewChange: onViewChange,
|
|
51
|
-
focusedView: focusedView && isDatePickerView(focusedView) ? focusedView : null,
|
|
52
|
-
onFocusedViewChange: onFocusedViewChange,
|
|
53
|
-
value: value,
|
|
54
|
-
defaultValue: defaultValue,
|
|
55
|
-
referenceDate: referenceDate,
|
|
56
|
-
onChange: onChange,
|
|
57
|
-
className: className,
|
|
58
|
-
classes: classes,
|
|
59
|
-
disableFuture: disableFuture,
|
|
60
|
-
disablePast: disablePast,
|
|
61
|
-
minDate: minDate,
|
|
62
|
-
maxDate: maxDate,
|
|
63
|
-
shouldDisableDate: shouldDisableDate,
|
|
64
|
-
reduceAnimations: reduceAnimations,
|
|
65
|
-
onMonthChange: onMonthChange,
|
|
66
|
-
calendars: calendars,
|
|
67
|
-
currentMonthCalendarPosition: currentMonthCalendarPosition,
|
|
68
|
-
slots: slots,
|
|
69
|
-
slotProps: slotProps,
|
|
70
|
-
loading: loading,
|
|
71
|
-
renderLoading: renderLoading,
|
|
72
|
-
disableHighlightToday: disableHighlightToday,
|
|
73
|
-
readOnly: readOnly,
|
|
74
|
-
disabled: disabled,
|
|
75
|
-
showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth,
|
|
76
|
-
dayOfWeekFormatter: dayOfWeekFormatter,
|
|
77
|
-
disableAutoMonthSwitching: disableAutoMonthSwitching,
|
|
78
|
-
sx: sx,
|
|
79
|
-
autoFocus: autoFocus,
|
|
80
|
-
fixedWeekNumber: fixedWeekNumber,
|
|
81
|
-
disableDragEditing: disableDragEditing,
|
|
82
|
-
displayWeekNumber: displayWeekNumber,
|
|
83
|
-
timezone: timezone,
|
|
84
|
-
availableRangePositions: availableRangePositions
|
|
85
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { renderDateRangeViewCalendar } from "./dateRangeViewRenderers.js";
|
package/modern/hooks/index.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export { usePickerRangePositionContext } from "./usePickerRangePositionContext.js";
|
|
2
|
-
export { useMultiInputRangeField as unstable_useMultiInputRangeField } from "./useMultiInputRangeField/index.js";
|
|
3
|
-
export type { UseMultiInputRangeFieldTextFieldProps } from './useMultiInputRangeField';
|
package/modern/hooks/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useMultiInputRangeField } from "./useMultiInputRangeField.js";
|