@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,372 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import PropTypes from 'prop-types';
|
|
6
|
-
import { DIALOG_WIDTH, resolveTimeFormat, useUtils, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
|
|
7
|
-
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
8
|
-
import refType from '@mui/utils/refType';
|
|
9
|
-
import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
|
|
10
|
-
import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
|
|
11
|
-
import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
|
|
12
|
-
import { extractValidationProps } from '@mui/x-date-pickers/validation';
|
|
13
|
-
import { rangeValueManager } from "../internals/utils/valueManagers.js";
|
|
14
|
-
import { useTimeRangePickerDefaultizedProps } from "../TimeRangePicker/shared.js";
|
|
15
|
-
import { SingleInputTimeRangeField } from "../SingleInputTimeRangeField/index.js";
|
|
16
|
-
import { useMobileRangePicker } from "../internals/hooks/useMobileRangePicker/index.js";
|
|
17
|
-
import { validateTimeRange } from "../validation/validateTimeRange.js";
|
|
18
|
-
import { RANGE_VIEW_HEIGHT } from "../internals/constants/dimensions.js";
|
|
19
|
-
import { TimeRangePickerTimeWrapper } from "../TimeRangePicker/TimeRangePickerTimeWrapper.js";
|
|
20
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
|
-
const rendererInterceptor = function rendererInterceptor(props) {
|
|
22
|
-
const {
|
|
23
|
-
viewRenderers,
|
|
24
|
-
popperView,
|
|
25
|
-
rendererProps
|
|
26
|
-
} = props;
|
|
27
|
-
const finalProps = _extends({}, rendererProps, {
|
|
28
|
-
sx: [{
|
|
29
|
-
width: DIALOG_WIDTH,
|
|
30
|
-
[`.${multiSectionDigitalClockSectionClasses.root}`]: {
|
|
31
|
-
flex: 1,
|
|
32
|
-
// account for the border on `MultiSectionDigitalClock`
|
|
33
|
-
maxHeight: VIEW_HEIGHT - 1,
|
|
34
|
-
[`.${multiSectionDigitalClockSectionClasses.item}`]: {
|
|
35
|
-
width: 'auto'
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
[`&.${digitalClockClasses.root}`]: {
|
|
39
|
-
maxHeight: RANGE_VIEW_HEIGHT,
|
|
40
|
-
[`.${digitalClockClasses.item}`]: {
|
|
41
|
-
justifyContent: 'center'
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
[`&.${multiSectionDigitalClockClasses.root}, .${multiSectionDigitalClockSectionClasses.root}`]: {
|
|
45
|
-
maxHeight: RANGE_VIEW_HEIGHT - 1
|
|
46
|
-
}
|
|
47
|
-
}]
|
|
48
|
-
});
|
|
49
|
-
const viewRenderer = viewRenderers[popperView];
|
|
50
|
-
if (!viewRenderer) {
|
|
51
|
-
return null;
|
|
52
|
-
}
|
|
53
|
-
return /*#__PURE__*/_jsx(TimeRangePickerTimeWrapper, _extends({}, finalProps, {
|
|
54
|
-
viewRenderer: viewRenderer
|
|
55
|
-
}));
|
|
56
|
-
};
|
|
57
|
-
const MobileTimeRangePicker = /*#__PURE__*/React.forwardRef(function MobileTimeRangePicker(inProps, ref) {
|
|
58
|
-
const utils = useUtils();
|
|
59
|
-
|
|
60
|
-
// Props with the default values common to all time range pickers
|
|
61
|
-
const defaultizedProps = useTimeRangePickerDefaultizedProps(inProps, 'MuiMobileTimeRangePicker');
|
|
62
|
-
const renderTimeView = defaultizedProps.shouldRenderTimeInASingleColumn ? renderDigitalClockTimeView : renderMultiSectionDigitalClockTimeView;
|
|
63
|
-
const viewRenderers = _extends({
|
|
64
|
-
hours: renderTimeView,
|
|
65
|
-
minutes: renderTimeView,
|
|
66
|
-
seconds: renderTimeView,
|
|
67
|
-
meridiem: renderTimeView
|
|
68
|
-
}, defaultizedProps.viewRenderers);
|
|
69
|
-
const props = _extends({}, defaultizedProps, {
|
|
70
|
-
ampmInClock: true,
|
|
71
|
-
viewRenderers,
|
|
72
|
-
format: resolveTimeFormat(utils, defaultizedProps),
|
|
73
|
-
slots: _extends({
|
|
74
|
-
field: SingleInputTimeRangeField
|
|
75
|
-
}, defaultizedProps.slots),
|
|
76
|
-
slotProps: _extends({}, defaultizedProps.slotProps, {
|
|
77
|
-
field: ownerState => _extends({}, resolveComponentProps(defaultizedProps.slotProps?.field, ownerState), extractValidationProps(defaultizedProps)),
|
|
78
|
-
tabs: _extends({
|
|
79
|
-
hidden: false
|
|
80
|
-
}, defaultizedProps.slotProps?.tabs),
|
|
81
|
-
toolbar: _extends({
|
|
82
|
-
hidden: false
|
|
83
|
-
}, defaultizedProps.slotProps?.toolbar)
|
|
84
|
-
})
|
|
85
|
-
});
|
|
86
|
-
const {
|
|
87
|
-
renderPicker
|
|
88
|
-
} = useMobileRangePicker({
|
|
89
|
-
ref,
|
|
90
|
-
props,
|
|
91
|
-
valueManager: rangeValueManager,
|
|
92
|
-
valueType: 'time',
|
|
93
|
-
validator: validateTimeRange,
|
|
94
|
-
rendererInterceptor
|
|
95
|
-
});
|
|
96
|
-
return renderPicker();
|
|
97
|
-
});
|
|
98
|
-
MobileTimeRangePicker.propTypes = {
|
|
99
|
-
// ----------------------------- Warning --------------------------------
|
|
100
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
101
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
102
|
-
// ----------------------------------------------------------------------
|
|
103
|
-
/**
|
|
104
|
-
* 12h/24h view for hour selection clock.
|
|
105
|
-
* @default utils.is12HourCycleInCurrentLocale()
|
|
106
|
-
*/
|
|
107
|
-
ampm: PropTypes.bool,
|
|
108
|
-
/**
|
|
109
|
-
* If `true`, the main element is focused during the first mount.
|
|
110
|
-
* This main element is:
|
|
111
|
-
* - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
|
|
112
|
-
* - the `input` element if there is a field rendered.
|
|
113
|
-
*/
|
|
114
|
-
autoFocus: PropTypes.bool,
|
|
115
|
-
className: PropTypes.string,
|
|
116
|
-
/**
|
|
117
|
-
* If `true`, the Picker will close after submitting the full date.
|
|
118
|
-
* @default false
|
|
119
|
-
*/
|
|
120
|
-
closeOnSelect: PropTypes.bool,
|
|
121
|
-
/**
|
|
122
|
-
* The initial position in the edited date range.
|
|
123
|
-
* Used when the component is not controlled.
|
|
124
|
-
* @default 'start'
|
|
125
|
-
*/
|
|
126
|
-
defaultRangePosition: PropTypes.oneOf(['end', 'start']),
|
|
127
|
-
/**
|
|
128
|
-
* The default value.
|
|
129
|
-
* Used when the component is not controlled.
|
|
130
|
-
*/
|
|
131
|
-
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
132
|
-
/**
|
|
133
|
-
* If `true`, the component is disabled.
|
|
134
|
-
* When disabled, the value cannot be changed and no interaction is possible.
|
|
135
|
-
* @default false
|
|
136
|
-
*/
|
|
137
|
-
disabled: PropTypes.bool,
|
|
138
|
-
/**
|
|
139
|
-
* If `true`, disable values after the current date for date components, time for time components and both for date time components.
|
|
140
|
-
* @default false
|
|
141
|
-
*/
|
|
142
|
-
disableFuture: PropTypes.bool,
|
|
143
|
-
/**
|
|
144
|
-
* Do not ignore date part when validating min/max time.
|
|
145
|
-
* @default false
|
|
146
|
-
*/
|
|
147
|
-
disableIgnoringDatePartForTimeValidation: PropTypes.bool,
|
|
148
|
-
/**
|
|
149
|
-
* If `true`, the button to open the Picker will not be rendered (it will only render the field).
|
|
150
|
-
* @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
|
|
151
|
-
* @default false
|
|
152
|
-
*/
|
|
153
|
-
disableOpenPicker: PropTypes.bool,
|
|
154
|
-
/**
|
|
155
|
-
* If `true`, disable values before the current date for date components, time for time components and both for date time components.
|
|
156
|
-
* @default false
|
|
157
|
-
*/
|
|
158
|
-
disablePast: PropTypes.bool,
|
|
159
|
-
/**
|
|
160
|
-
* @default true
|
|
161
|
-
*/
|
|
162
|
-
enableAccessibleFieldDOMStructure: PropTypes.any,
|
|
163
|
-
/**
|
|
164
|
-
* Format of the date when rendered in the input(s).
|
|
165
|
-
* Defaults to localized format based on the used `views`.
|
|
166
|
-
*/
|
|
167
|
-
format: PropTypes.string,
|
|
168
|
-
/**
|
|
169
|
-
* Density of the format when rendered in the input.
|
|
170
|
-
* Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
|
|
171
|
-
* @default "dense"
|
|
172
|
-
*/
|
|
173
|
-
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
174
|
-
/**
|
|
175
|
-
* Pass a ref to the `input` element.
|
|
176
|
-
*/
|
|
177
|
-
inputRef: refType,
|
|
178
|
-
/**
|
|
179
|
-
* The label content.
|
|
180
|
-
*/
|
|
181
|
-
label: PropTypes.node,
|
|
182
|
-
/**
|
|
183
|
-
* Locale for components texts.
|
|
184
|
-
* Allows overriding texts coming from `LocalizationProvider` and `theme`.
|
|
185
|
-
*/
|
|
186
|
-
localeText: PropTypes.object,
|
|
187
|
-
/**
|
|
188
|
-
* Maximal selectable time.
|
|
189
|
-
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
190
|
-
*/
|
|
191
|
-
maxTime: PropTypes.object,
|
|
192
|
-
/**
|
|
193
|
-
* Minimal selectable time.
|
|
194
|
-
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
195
|
-
*/
|
|
196
|
-
minTime: PropTypes.object,
|
|
197
|
-
/**
|
|
198
|
-
* Step over minutes.
|
|
199
|
-
* @default 1
|
|
200
|
-
*/
|
|
201
|
-
minutesStep: PropTypes.number,
|
|
202
|
-
/**
|
|
203
|
-
* Name attribute used by the `input` element in the Field.
|
|
204
|
-
*/
|
|
205
|
-
name: PropTypes.string,
|
|
206
|
-
/**
|
|
207
|
-
* Callback fired when the value is accepted.
|
|
208
|
-
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
209
|
-
* @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
|
|
210
|
-
* @param {TValue} value The value that was just accepted.
|
|
211
|
-
* @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
|
|
212
|
-
*/
|
|
213
|
-
onAccept: PropTypes.func,
|
|
214
|
-
/**
|
|
215
|
-
* Callback fired when the value changes.
|
|
216
|
-
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
217
|
-
* @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
|
|
218
|
-
* @param {TValue} value The new value.
|
|
219
|
-
* @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
|
|
220
|
-
*/
|
|
221
|
-
onChange: PropTypes.func,
|
|
222
|
-
/**
|
|
223
|
-
* Callback fired when the popup requests to be closed.
|
|
224
|
-
* Use in controlled mode (see `open`).
|
|
225
|
-
*/
|
|
226
|
-
onClose: PropTypes.func,
|
|
227
|
-
/**
|
|
228
|
-
* Callback fired when the error associated with the current value changes.
|
|
229
|
-
* When a validation error is detected, the `error` parameter contains a non-null value.
|
|
230
|
-
* This can be used to render an appropriate form error.
|
|
231
|
-
* @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
|
|
232
|
-
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
233
|
-
* @param {TError} error The reason why the current value is not valid.
|
|
234
|
-
* @param {TValue} value The value associated with the error.
|
|
235
|
-
*/
|
|
236
|
-
onError: PropTypes.func,
|
|
237
|
-
/**
|
|
238
|
-
* Callback fired when the popup requests to be opened.
|
|
239
|
-
* Use in controlled mode (see `open`).
|
|
240
|
-
*/
|
|
241
|
-
onOpen: PropTypes.func,
|
|
242
|
-
/**
|
|
243
|
-
* Callback fired when the range position changes.
|
|
244
|
-
* @param {RangePosition} rangePosition The new range position.
|
|
245
|
-
*/
|
|
246
|
-
onRangePositionChange: PropTypes.func,
|
|
247
|
-
/**
|
|
248
|
-
* Callback fired when the selected sections change.
|
|
249
|
-
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
250
|
-
*/
|
|
251
|
-
onSelectedSectionsChange: PropTypes.func,
|
|
252
|
-
/**
|
|
253
|
-
* Callback fired on view change.
|
|
254
|
-
* @template TView
|
|
255
|
-
* @param {TView} view The new view.
|
|
256
|
-
*/
|
|
257
|
-
onViewChange: PropTypes.func,
|
|
258
|
-
/**
|
|
259
|
-
* Control the popup or dialog open state.
|
|
260
|
-
* @default false
|
|
261
|
-
*/
|
|
262
|
-
open: PropTypes.bool,
|
|
263
|
-
/**
|
|
264
|
-
* The default visible view.
|
|
265
|
-
* Used when the component view is not controlled.
|
|
266
|
-
* Must be a valid option from `views` list.
|
|
267
|
-
*/
|
|
268
|
-
openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
|
|
269
|
-
/**
|
|
270
|
-
* The position in the currently edited date range.
|
|
271
|
-
* Used when the component position is controlled.
|
|
272
|
-
*/
|
|
273
|
-
rangePosition: PropTypes.oneOf(['end', 'start']),
|
|
274
|
-
/**
|
|
275
|
-
* If `true`, the component is read-only.
|
|
276
|
-
* When read-only, the value cannot be changed but the user can interact with the interface.
|
|
277
|
-
* @default false
|
|
278
|
-
*/
|
|
279
|
-
readOnly: PropTypes.bool,
|
|
280
|
-
/**
|
|
281
|
-
* If `true`, disable heavy animations.
|
|
282
|
-
* @default `@media(prefers-reduced-motion: reduce)` || `navigator.userAgent` matches Android <10 or iOS <13
|
|
283
|
-
*/
|
|
284
|
-
reduceAnimations: PropTypes.bool,
|
|
285
|
-
/**
|
|
286
|
-
* The date used to generate the new value when both `value` and `defaultValue` are empty.
|
|
287
|
-
* @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
|
|
288
|
-
*/
|
|
289
|
-
referenceDate: PropTypes.object,
|
|
290
|
-
/**
|
|
291
|
-
* The currently selected sections.
|
|
292
|
-
* This prop accepts four formats:
|
|
293
|
-
* 1. If a number is provided, the section at this index will be selected.
|
|
294
|
-
* 2. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
|
|
295
|
-
* 3. If `"all"` is provided, all the sections will be selected.
|
|
296
|
-
* 4. If `null` is provided, no section will be selected.
|
|
297
|
-
* If not provided, the selected sections will be handled internally.
|
|
298
|
-
*/
|
|
299
|
-
selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number]),
|
|
300
|
-
/**
|
|
301
|
-
* Disable specific time.
|
|
302
|
-
* @param {PickerValidDate} value The value to check.
|
|
303
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
304
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
305
|
-
*/
|
|
306
|
-
shouldDisableTime: PropTypes.func,
|
|
307
|
-
/**
|
|
308
|
-
* The props used for each component slot.
|
|
309
|
-
* @default {}
|
|
310
|
-
*/
|
|
311
|
-
slotProps: PropTypes.object,
|
|
312
|
-
/**
|
|
313
|
-
* Overridable component slots.
|
|
314
|
-
* @default {}
|
|
315
|
-
*/
|
|
316
|
-
slots: PropTypes.object,
|
|
317
|
-
/**
|
|
318
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
319
|
-
*/
|
|
320
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
321
|
-
/**
|
|
322
|
-
* Amount of time options below or at which the single column time renderer is used.
|
|
323
|
-
* @default 24
|
|
324
|
-
*/
|
|
325
|
-
thresholdToRenderTimeInASingleColumn: PropTypes.number,
|
|
326
|
-
/**
|
|
327
|
-
* The time steps between two time unit options.
|
|
328
|
-
* For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
329
|
-
* When single column time renderer is used, only `timeStep.minutes` will be used.
|
|
330
|
-
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
331
|
-
*/
|
|
332
|
-
timeSteps: PropTypes.shape({
|
|
333
|
-
hours: PropTypes.number,
|
|
334
|
-
minutes: PropTypes.number,
|
|
335
|
-
seconds: PropTypes.number
|
|
336
|
-
}),
|
|
337
|
-
/**
|
|
338
|
-
* Choose which timezone to use for the value.
|
|
339
|
-
* Example: "default", "system", "UTC", "America/New_York".
|
|
340
|
-
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
341
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
342
|
-
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
343
|
-
*/
|
|
344
|
-
timezone: PropTypes.string,
|
|
345
|
-
/**
|
|
346
|
-
* The selected value.
|
|
347
|
-
* Used when the component is controlled.
|
|
348
|
-
*/
|
|
349
|
-
value: PropTypes.arrayOf(PropTypes.object),
|
|
350
|
-
/**
|
|
351
|
-
* The visible view.
|
|
352
|
-
* Used when the component view is controlled.
|
|
353
|
-
* Must be a valid option from `views` list.
|
|
354
|
-
*/
|
|
355
|
-
view: PropTypes.oneOf(['hours', 'meridiem', 'minutes', 'seconds']),
|
|
356
|
-
/**
|
|
357
|
-
* Define custom view renderers for each section.
|
|
358
|
-
* If `null`, the section will only have field editing.
|
|
359
|
-
* If `undefined`, internally defined view will be the used.
|
|
360
|
-
*/
|
|
361
|
-
viewRenderers: PropTypes.shape({
|
|
362
|
-
hours: PropTypes.func,
|
|
363
|
-
meridiem: PropTypes.func,
|
|
364
|
-
minutes: PropTypes.func,
|
|
365
|
-
seconds: PropTypes.func
|
|
366
|
-
}),
|
|
367
|
-
/**
|
|
368
|
-
* Available views.
|
|
369
|
-
*/
|
|
370
|
-
views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
|
|
371
|
-
};
|
|
372
|
-
export { MobileTimeRangePicker };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { MakeOptional } from '@mui/x-internals/types';
|
|
2
|
-
import { UseMobileRangePickerSlots, UseMobileRangePickerSlotProps, MobileRangeOnlyPickerProps } from "../internals/hooks/useMobileRangePicker/index.js";
|
|
3
|
-
import { BaseTimeRangePickerProps, BaseTimeRangePickerSlots, BaseTimeRangePickerSlotProps } from "../TimeRangePicker/shared.js";
|
|
4
|
-
export interface MobileTimeRangePickerSlots extends BaseTimeRangePickerSlots, MakeOptional<UseMobileRangePickerSlots, 'field'> {}
|
|
5
|
-
export interface MobileTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseTimeRangePickerSlotProps, Omit<UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, 'tabs' | 'toolbar'> {}
|
|
6
|
-
export interface MobileTimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseTimeRangePickerProps, MobileRangeOnlyPickerProps {
|
|
7
|
-
/**
|
|
8
|
-
* Overridable component slots.
|
|
9
|
-
* @default {}
|
|
10
|
-
*/
|
|
11
|
-
slots?: MobileTimeRangePickerSlots;
|
|
12
|
-
/**
|
|
13
|
-
* The props used for each component slot.
|
|
14
|
-
* @default {}
|
|
15
|
-
*/
|
|
16
|
-
slotProps?: MobileTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
|
|
17
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MobileTimeRangePicker } from "./MobileTimeRangePicker.js";
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { UseDateRangeManagerReturnValue } from "../managers/index.js";
|
|
3
|
-
import { MultiInputRangeFieldProps } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
4
|
-
import { MultiInputDateRangeFieldClasses } from "./multiInputDateRangeFieldClasses.js";
|
|
5
|
-
export interface MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MultiInputRangeFieldProps<UseDateRangeManagerReturnValue<TEnableAccessibleFieldDOMStructure>> {
|
|
6
|
-
/**
|
|
7
|
-
* Override or extend the styles applied to the component.
|
|
8
|
-
*/
|
|
9
|
-
classes?: Partial<MultiInputDateRangeFieldClasses>;
|
|
10
|
-
}
|
|
11
|
-
type MultiInputDateRangeFieldComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
12
|
-
propTypes?: any;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* Demos:
|
|
16
|
-
*
|
|
17
|
-
* - [DateRangeField](http://mui.com/x/react-date-pickers/date-range-field/)
|
|
18
|
-
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
19
|
-
*
|
|
20
|
-
* API:
|
|
21
|
-
*
|
|
22
|
-
* - [MultiInputDateRangeField API](https://mui.com/x/api/multi-input-date-range-field/)
|
|
23
|
-
*/
|
|
24
|
-
declare const MultiInputDateRangeField: MultiInputDateRangeFieldComponent;
|
|
25
|
-
export { MultiInputDateRangeField };
|
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { useDateRangeManager } from "../managers/index.js";
|
|
5
|
-
import {
|
|
6
|
-
// The alias is needed to have the doc gen working.
|
|
7
|
-
createMultiInputRangeField as createMultiInputDateRangeField } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
8
|
-
import { getMultiInputDateRangeFieldUtilityClass } from "./multiInputDateRangeFieldClasses.js";
|
|
9
|
-
/**
|
|
10
|
-
* Demos:
|
|
11
|
-
*
|
|
12
|
-
* - [DateRangeField](http://mui.com/x/react-date-pickers/date-range-field/)
|
|
13
|
-
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [MultiInputDateRangeField API](https://mui.com/x/api/multi-input-date-range-field/)
|
|
18
|
-
*/
|
|
19
|
-
const MultiInputDateRangeField = createMultiInputDateRangeField({
|
|
20
|
-
name: 'MuiMultiInputDateRangeField',
|
|
21
|
-
getUtilityClass: getMultiInputDateRangeFieldUtilityClass,
|
|
22
|
-
useManager: useDateRangeManager
|
|
23
|
-
});
|
|
24
|
-
MultiInputDateRangeField.propTypes = {
|
|
25
|
-
// ----------------------------- Warning --------------------------------
|
|
26
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
27
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
28
|
-
// ----------------------------------------------------------------------
|
|
29
|
-
/**
|
|
30
|
-
* If `true`, the `input` element is focused during the first mount.
|
|
31
|
-
* @default false
|
|
32
|
-
*/
|
|
33
|
-
autoFocus: PropTypes.bool,
|
|
34
|
-
/**
|
|
35
|
-
* Override or extend the styles applied to the component.
|
|
36
|
-
*/
|
|
37
|
-
classes: PropTypes.object,
|
|
38
|
-
className: PropTypes.string,
|
|
39
|
-
component: PropTypes.elementType,
|
|
40
|
-
/**
|
|
41
|
-
* String displayed between the start and the end dates.
|
|
42
|
-
* @default "–"
|
|
43
|
-
*/
|
|
44
|
-
dateSeparator: PropTypes.string,
|
|
45
|
-
/**
|
|
46
|
-
* The default value. Use when the component is not controlled.
|
|
47
|
-
*/
|
|
48
|
-
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
49
|
-
/**
|
|
50
|
-
* Defines the `flex-direction` style property.
|
|
51
|
-
* It is applied for all screen sizes.
|
|
52
|
-
* @default 'column'
|
|
53
|
-
*/
|
|
54
|
-
direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
|
|
55
|
-
/**
|
|
56
|
-
* If `true`, the component is disabled.
|
|
57
|
-
* When disabled, the value cannot be changed and no interaction is possible.
|
|
58
|
-
* @default false
|
|
59
|
-
*/
|
|
60
|
-
disabled: PropTypes.bool,
|
|
61
|
-
/**
|
|
62
|
-
* If `true`, disable values after the current date for date components, time for time components and both for date time components.
|
|
63
|
-
* @default false
|
|
64
|
-
*/
|
|
65
|
-
disableFuture: PropTypes.bool,
|
|
66
|
-
/**
|
|
67
|
-
* If `true`, disable values before the current date for date components, time for time components and both for date time components.
|
|
68
|
-
* @default false
|
|
69
|
-
*/
|
|
70
|
-
disablePast: PropTypes.bool,
|
|
71
|
-
/**
|
|
72
|
-
* Add an element between each child.
|
|
73
|
-
*/
|
|
74
|
-
divider: PropTypes.node,
|
|
75
|
-
/**
|
|
76
|
-
* @default true
|
|
77
|
-
*/
|
|
78
|
-
enableAccessibleFieldDOMStructure: PropTypes.bool,
|
|
79
|
-
/**
|
|
80
|
-
* Format of the date when rendered in the input(s).
|
|
81
|
-
*/
|
|
82
|
-
format: PropTypes.string,
|
|
83
|
-
/**
|
|
84
|
-
* Density of the format when rendered in the input.
|
|
85
|
-
* Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
|
|
86
|
-
* @default "dense"
|
|
87
|
-
*/
|
|
88
|
-
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
89
|
-
/**
|
|
90
|
-
* Maximal selectable date.
|
|
91
|
-
* @default 2099-12-31
|
|
92
|
-
*/
|
|
93
|
-
maxDate: PropTypes.object,
|
|
94
|
-
/**
|
|
95
|
-
* Minimal selectable date.
|
|
96
|
-
* @default 1900-01-01
|
|
97
|
-
*/
|
|
98
|
-
minDate: PropTypes.object,
|
|
99
|
-
/**
|
|
100
|
-
* Callback fired when the value changes.
|
|
101
|
-
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
102
|
-
* @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
|
|
103
|
-
* @param {TValue} value The new value.
|
|
104
|
-
* @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
|
|
105
|
-
*/
|
|
106
|
-
onChange: PropTypes.func,
|
|
107
|
-
/**
|
|
108
|
-
* Callback fired when the error associated with the current value changes.
|
|
109
|
-
* When a validation error is detected, the `error` parameter contains a non-null value.
|
|
110
|
-
* This can be used to render an appropriate form error.
|
|
111
|
-
* @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
|
|
112
|
-
* @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
|
|
113
|
-
* @param {TError} error The reason why the current value is not valid.
|
|
114
|
-
* @param {TValue} value The value associated with the error.
|
|
115
|
-
*/
|
|
116
|
-
onError: PropTypes.func,
|
|
117
|
-
/**
|
|
118
|
-
* Callback fired when the selected sections change.
|
|
119
|
-
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
120
|
-
*/
|
|
121
|
-
onSelectedSectionsChange: PropTypes.func,
|
|
122
|
-
/**
|
|
123
|
-
* If `true`, the component is read-only.
|
|
124
|
-
* When read-only, the value cannot be changed but the user can interact with the interface.
|
|
125
|
-
* @default false
|
|
126
|
-
*/
|
|
127
|
-
readOnly: PropTypes.bool,
|
|
128
|
-
/**
|
|
129
|
-
* The date used to generate a part of the new value that is not present in the format when both `value` and `defaultValue` are empty.
|
|
130
|
-
* For example, on time fields it will be used to determine the date to set.
|
|
131
|
-
* @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
|
|
132
|
-
*/
|
|
133
|
-
referenceDate: PropTypes.object,
|
|
134
|
-
/**
|
|
135
|
-
* The currently selected sections.
|
|
136
|
-
* This prop accepts four formats:
|
|
137
|
-
* 1. If a number is provided, the section at this index will be selected.
|
|
138
|
-
* 2. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
|
|
139
|
-
* 3. If `"all"` is provided, all the sections will be selected.
|
|
140
|
-
* 4. If `null` is provided, no section will be selected.
|
|
141
|
-
* If not provided, the selected sections will be handled internally.
|
|
142
|
-
*/
|
|
143
|
-
selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number]),
|
|
144
|
-
/**
|
|
145
|
-
* Disable specific date.
|
|
146
|
-
*
|
|
147
|
-
* Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
|
|
148
|
-
*
|
|
149
|
-
* @param {PickerValidDate} day The date to test.
|
|
150
|
-
* @param {string} position The date to test, 'start' or 'end'.
|
|
151
|
-
* @returns {boolean} Returns `true` if the date should be disabled.
|
|
152
|
-
*/
|
|
153
|
-
shouldDisableDate: PropTypes.func,
|
|
154
|
-
/**
|
|
155
|
-
* If `true`, the format will respect the leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
|
|
156
|
-
* If `false`, the format will always add leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
|
|
157
|
-
*
|
|
158
|
-
* Warning n°1: Luxon is not able to respect the leading zeroes when using macro tokens (for example "DD"), so `shouldRespectLeadingZeros={true}` might lead to inconsistencies when using `AdapterLuxon`.
|
|
159
|
-
*
|
|
160
|
-
* Warning n°2: When `shouldRespectLeadingZeros={true}`, the field will add an invisible character on the sections containing a single digit to make sure `onChange` is fired.
|
|
161
|
-
* If you need to get the clean value from the input, you can remove this character using `input.value.replace(/\u200e/g, '')`.
|
|
162
|
-
*
|
|
163
|
-
* Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
|
|
164
|
-
* This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
|
|
165
|
-
*
|
|
166
|
-
* @default false
|
|
167
|
-
*/
|
|
168
|
-
shouldRespectLeadingZeros: PropTypes.bool,
|
|
169
|
-
/**
|
|
170
|
-
* The props used for each component slot.
|
|
171
|
-
* @default {}
|
|
172
|
-
*/
|
|
173
|
-
slotProps: PropTypes.object,
|
|
174
|
-
/**
|
|
175
|
-
* Overridable component slots.
|
|
176
|
-
* @default {}
|
|
177
|
-
*/
|
|
178
|
-
slots: PropTypes.object,
|
|
179
|
-
/**
|
|
180
|
-
* Defines the space between immediate children.
|
|
181
|
-
* @default 0
|
|
182
|
-
*/
|
|
183
|
-
spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
|
|
184
|
-
style: PropTypes.object,
|
|
185
|
-
/**
|
|
186
|
-
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
|
187
|
-
*/
|
|
188
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
189
|
-
/**
|
|
190
|
-
* Choose which timezone to use for the value.
|
|
191
|
-
* Example: "default", "system", "UTC", "America/New_York".
|
|
192
|
-
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
193
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
194
|
-
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
195
|
-
*/
|
|
196
|
-
timezone: PropTypes.string,
|
|
197
|
-
unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
198
|
-
unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
199
|
-
/**
|
|
200
|
-
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
201
|
-
*
|
|
202
|
-
* While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
|
|
203
|
-
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
204
|
-
*
|
|
205
|
-
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
206
|
-
* @default false
|
|
207
|
-
*/
|
|
208
|
-
useFlexGap: PropTypes.bool,
|
|
209
|
-
/**
|
|
210
|
-
* The selected value.
|
|
211
|
-
* Used when the component is controlled.
|
|
212
|
-
*/
|
|
213
|
-
value: PropTypes.arrayOf(PropTypes.object)
|
|
214
|
-
};
|
|
215
|
-
export { MultiInputDateRangeField };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { MultiInputDateRangeField } from "./MultiInputDateRangeField.js";
|
|
2
|
-
export type { MultiInputDateRangeFieldProps } from './MultiInputDateRangeField';
|
|
3
|
-
export { multiInputDateRangeFieldClasses, getMultiInputDateRangeFieldUtilityClass } from "./multiInputDateRangeFieldClasses.js";
|
|
4
|
-
export type { MultiInputDateRangeFieldClassKey, MultiInputDateRangeFieldClasses } from './multiInputDateRangeFieldClasses';
|
|
5
|
-
export type { MultiInputRangeFieldSlots as MultiInputDateRangeFieldSlots, MultiInputRangeFieldSlotProps as MultiInputDateRangeFieldSlotProps } from '../internals/utils/createMultiInputRangeField';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { MultiInputRangeFieldClasses } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
2
|
-
export interface MultiInputDateRangeFieldClasses extends MultiInputRangeFieldClasses {}
|
|
3
|
-
export type MultiInputDateRangeFieldClassKey = keyof MultiInputRangeFieldClasses;
|
|
4
|
-
export declare const multiInputDateRangeFieldClasses: MultiInputRangeFieldClasses;
|
|
5
|
-
export declare const getMultiInputDateRangeFieldUtilityClass: (slot: string) => string;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export const multiInputDateRangeFieldClasses = generateUtilityClasses('MuiMultiInputDateRangeField', ['root', 'separator']);
|
|
4
|
-
export const getMultiInputDateRangeFieldUtilityClass = slot => generateUtilityClass('MuiMultiInputDateRangeField', slot);
|