@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,25 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { UseDateTimeRangeManagerReturnValue } from "../managers/index.js";
|
|
3
|
-
import { MultiInputRangeFieldProps } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
4
|
-
import { MultiInputDateTimeRangeFieldClasses } from "./multiInputDateTimeRangeFieldClasses.js";
|
|
5
|
-
export interface MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MultiInputRangeFieldProps<UseDateTimeRangeManagerReturnValue<TEnableAccessibleFieldDOMStructure>> {
|
|
6
|
-
/**
|
|
7
|
-
* Override or extend the styles applied to the component.
|
|
8
|
-
*/
|
|
9
|
-
classes?: Partial<MultiInputDateTimeRangeFieldClasses>;
|
|
10
|
-
}
|
|
11
|
-
type MultiInputDateTimeRangeFieldComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
12
|
-
propTypes?: any;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* Demos:
|
|
16
|
-
*
|
|
17
|
-
* - [DateTimeRangeField](http://mui.com/x/react-date-pickers/date-time-range-field/)
|
|
18
|
-
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
19
|
-
*
|
|
20
|
-
* API:
|
|
21
|
-
*
|
|
22
|
-
* - [MultiInputDateTimeRangeField API](https://mui.com/x/api/multi-input-date-time-range-field/)
|
|
23
|
-
*/
|
|
24
|
-
declare const MultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldComponent;
|
|
25
|
-
export { MultiInputDateTimeRangeField };
|
|
@@ -1,255 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { useDateTimeRangeManager } from "../managers/index.js";
|
|
5
|
-
import {
|
|
6
|
-
// The alias is needed to have the doc gen working.
|
|
7
|
-
createMultiInputRangeField as createMultiInputDateTimeRangeField } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
8
|
-
import { getMultiInputDateTimeRangeFieldUtilityClass } from "./multiInputDateTimeRangeFieldClasses.js";
|
|
9
|
-
/**
|
|
10
|
-
* Demos:
|
|
11
|
-
*
|
|
12
|
-
* - [DateTimeRangeField](http://mui.com/x/react-date-pickers/date-time-range-field/)
|
|
13
|
-
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [MultiInputDateTimeRangeField API](https://mui.com/x/api/multi-input-date-time-range-field/)
|
|
18
|
-
*/
|
|
19
|
-
const MultiInputDateTimeRangeField = createMultiInputDateTimeRangeField({
|
|
20
|
-
name: 'MuiMultiInputDateTimeRangeField',
|
|
21
|
-
getUtilityClass: getMultiInputDateTimeRangeFieldUtilityClass,
|
|
22
|
-
useManager: useDateTimeRangeManager
|
|
23
|
-
});
|
|
24
|
-
MultiInputDateTimeRangeField.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
|
-
* 12h/24h view for hour selection clock.
|
|
31
|
-
* @default utils.is12HourCycleInCurrentLocale()
|
|
32
|
-
*/
|
|
33
|
-
ampm: PropTypes.bool,
|
|
34
|
-
/**
|
|
35
|
-
* If `true`, the `input` element is focused during the first mount.
|
|
36
|
-
* @default false
|
|
37
|
-
*/
|
|
38
|
-
autoFocus: PropTypes.bool,
|
|
39
|
-
/**
|
|
40
|
-
* Override or extend the styles applied to the component.
|
|
41
|
-
*/
|
|
42
|
-
classes: PropTypes.object,
|
|
43
|
-
className: PropTypes.string,
|
|
44
|
-
component: PropTypes.elementType,
|
|
45
|
-
/**
|
|
46
|
-
* String displayed between the start and the end dates.
|
|
47
|
-
* @default "–"
|
|
48
|
-
*/
|
|
49
|
-
dateSeparator: PropTypes.string,
|
|
50
|
-
/**
|
|
51
|
-
* The default value. Use when the component is not controlled.
|
|
52
|
-
*/
|
|
53
|
-
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
54
|
-
/**
|
|
55
|
-
* Defines the `flex-direction` style property.
|
|
56
|
-
* It is applied for all screen sizes.
|
|
57
|
-
* @default 'column'
|
|
58
|
-
*/
|
|
59
|
-
direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
|
|
60
|
-
/**
|
|
61
|
-
* If `true`, the component is disabled.
|
|
62
|
-
* When disabled, the value cannot be changed and no interaction is possible.
|
|
63
|
-
* @default false
|
|
64
|
-
*/
|
|
65
|
-
disabled: PropTypes.bool,
|
|
66
|
-
/**
|
|
67
|
-
* If `true`, disable values after the current date for date components, time for time components and both for date time components.
|
|
68
|
-
* @default false
|
|
69
|
-
*/
|
|
70
|
-
disableFuture: PropTypes.bool,
|
|
71
|
-
/**
|
|
72
|
-
* Do not ignore date part when validating min/max time.
|
|
73
|
-
* @default false
|
|
74
|
-
*/
|
|
75
|
-
disableIgnoringDatePartForTimeValidation: PropTypes.bool,
|
|
76
|
-
/**
|
|
77
|
-
* If `true`, disable values before the current date for date components, time for time components and both for date time components.
|
|
78
|
-
* @default false
|
|
79
|
-
*/
|
|
80
|
-
disablePast: PropTypes.bool,
|
|
81
|
-
/**
|
|
82
|
-
* Add an element between each child.
|
|
83
|
-
*/
|
|
84
|
-
divider: PropTypes.node,
|
|
85
|
-
/**
|
|
86
|
-
* @default true
|
|
87
|
-
*/
|
|
88
|
-
enableAccessibleFieldDOMStructure: PropTypes.bool,
|
|
89
|
-
/**
|
|
90
|
-
* Format of the date when rendered in the input(s).
|
|
91
|
-
*/
|
|
92
|
-
format: PropTypes.string,
|
|
93
|
-
/**
|
|
94
|
-
* Density of the format when rendered in the input.
|
|
95
|
-
* Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
|
|
96
|
-
* @default "dense"
|
|
97
|
-
*/
|
|
98
|
-
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
99
|
-
/**
|
|
100
|
-
* Maximal selectable date.
|
|
101
|
-
* @default 2099-12-31
|
|
102
|
-
*/
|
|
103
|
-
maxDate: PropTypes.object,
|
|
104
|
-
/**
|
|
105
|
-
* Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
|
|
106
|
-
*/
|
|
107
|
-
maxDateTime: PropTypes.object,
|
|
108
|
-
/**
|
|
109
|
-
* Maximal selectable time.
|
|
110
|
-
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
111
|
-
*/
|
|
112
|
-
maxTime: PropTypes.object,
|
|
113
|
-
/**
|
|
114
|
-
* Minimal selectable date.
|
|
115
|
-
* @default 1900-01-01
|
|
116
|
-
*/
|
|
117
|
-
minDate: PropTypes.object,
|
|
118
|
-
/**
|
|
119
|
-
* Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
|
|
120
|
-
*/
|
|
121
|
-
minDateTime: PropTypes.object,
|
|
122
|
-
/**
|
|
123
|
-
* Minimal selectable time.
|
|
124
|
-
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
125
|
-
*/
|
|
126
|
-
minTime: PropTypes.object,
|
|
127
|
-
/**
|
|
128
|
-
* Step over minutes.
|
|
129
|
-
* @default 1
|
|
130
|
-
*/
|
|
131
|
-
minutesStep: PropTypes.number,
|
|
132
|
-
/**
|
|
133
|
-
* Callback fired when the value changes.
|
|
134
|
-
* @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.
|
|
135
|
-
* @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.
|
|
136
|
-
* @param {TValue} value The new value.
|
|
137
|
-
* @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
|
|
138
|
-
*/
|
|
139
|
-
onChange: PropTypes.func,
|
|
140
|
-
/**
|
|
141
|
-
* Callback fired when the error associated with the current value changes.
|
|
142
|
-
* When a validation error is detected, the `error` parameter contains a non-null value.
|
|
143
|
-
* This can be used to render an appropriate form error.
|
|
144
|
-
* @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.
|
|
145
|
-
* @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.
|
|
146
|
-
* @param {TError} error The reason why the current value is not valid.
|
|
147
|
-
* @param {TValue} value The value associated with the error.
|
|
148
|
-
*/
|
|
149
|
-
onError: PropTypes.func,
|
|
150
|
-
/**
|
|
151
|
-
* Callback fired when the selected sections change.
|
|
152
|
-
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
153
|
-
*/
|
|
154
|
-
onSelectedSectionsChange: PropTypes.func,
|
|
155
|
-
/**
|
|
156
|
-
* If `true`, the component is read-only.
|
|
157
|
-
* When read-only, the value cannot be changed but the user can interact with the interface.
|
|
158
|
-
* @default false
|
|
159
|
-
*/
|
|
160
|
-
readOnly: PropTypes.bool,
|
|
161
|
-
/**
|
|
162
|
-
* 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.
|
|
163
|
-
* For example, on time fields it will be used to determine the date to set.
|
|
164
|
-
* @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
|
|
165
|
-
*/
|
|
166
|
-
referenceDate: PropTypes.object,
|
|
167
|
-
/**
|
|
168
|
-
* The currently selected sections.
|
|
169
|
-
* This prop accepts four formats:
|
|
170
|
-
* 1. If a number is provided, the section at this index will be selected.
|
|
171
|
-
* 2. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
|
|
172
|
-
* 3. If `"all"` is provided, all the sections will be selected.
|
|
173
|
-
* 4. If `null` is provided, no section will be selected.
|
|
174
|
-
* If not provided, the selected sections will be handled internally.
|
|
175
|
-
*/
|
|
176
|
-
selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number]),
|
|
177
|
-
/**
|
|
178
|
-
* Disable specific date.
|
|
179
|
-
*
|
|
180
|
-
* 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.
|
|
181
|
-
*
|
|
182
|
-
* @param {PickerValidDate} day The date to test.
|
|
183
|
-
* @param {string} position The date to test, 'start' or 'end'.
|
|
184
|
-
* @returns {boolean} Returns `true` if the date should be disabled.
|
|
185
|
-
*/
|
|
186
|
-
shouldDisableDate: PropTypes.func,
|
|
187
|
-
/**
|
|
188
|
-
* Disable specific time.
|
|
189
|
-
* @param {PickerValidDate} value The value to check.
|
|
190
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
191
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
192
|
-
*/
|
|
193
|
-
shouldDisableTime: PropTypes.func,
|
|
194
|
-
/**
|
|
195
|
-
* If `true`, the format will respect the leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
|
|
196
|
-
* If `false`, the format will always add leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
|
|
197
|
-
*
|
|
198
|
-
* 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`.
|
|
199
|
-
*
|
|
200
|
-
* 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.
|
|
201
|
-
* If you need to get the clean value from the input, you can remove this character using `input.value.replace(/\u200e/g, '')`.
|
|
202
|
-
*
|
|
203
|
-
* Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
|
|
204
|
-
* 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.
|
|
205
|
-
*
|
|
206
|
-
* @default false
|
|
207
|
-
*/
|
|
208
|
-
shouldRespectLeadingZeros: PropTypes.bool,
|
|
209
|
-
/**
|
|
210
|
-
* The props used for each component slot.
|
|
211
|
-
* @default {}
|
|
212
|
-
*/
|
|
213
|
-
slotProps: PropTypes.object,
|
|
214
|
-
/**
|
|
215
|
-
* Overridable component slots.
|
|
216
|
-
* @default {}
|
|
217
|
-
*/
|
|
218
|
-
slots: PropTypes.object,
|
|
219
|
-
/**
|
|
220
|
-
* Defines the space between immediate children.
|
|
221
|
-
* @default 0
|
|
222
|
-
*/
|
|
223
|
-
spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
|
|
224
|
-
style: PropTypes.object,
|
|
225
|
-
/**
|
|
226
|
-
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
|
227
|
-
*/
|
|
228
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
229
|
-
/**
|
|
230
|
-
* Choose which timezone to use for the value.
|
|
231
|
-
* Example: "default", "system", "UTC", "America/New_York".
|
|
232
|
-
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
233
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
234
|
-
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
235
|
-
*/
|
|
236
|
-
timezone: PropTypes.string,
|
|
237
|
-
unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
238
|
-
unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
239
|
-
/**
|
|
240
|
-
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
241
|
-
*
|
|
242
|
-
* While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
|
|
243
|
-
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
244
|
-
*
|
|
245
|
-
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
246
|
-
* @default false
|
|
247
|
-
*/
|
|
248
|
-
useFlexGap: PropTypes.bool,
|
|
249
|
-
/**
|
|
250
|
-
* The selected value.
|
|
251
|
-
* Used when the component is controlled.
|
|
252
|
-
*/
|
|
253
|
-
value: PropTypes.arrayOf(PropTypes.object)
|
|
254
|
-
};
|
|
255
|
-
export { MultiInputDateTimeRangeField };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { MultiInputDateTimeRangeField } from "./MultiInputDateTimeRangeField.js";
|
|
2
|
-
export type { MultiInputDateTimeRangeFieldProps } from './MultiInputDateTimeRangeField';
|
|
3
|
-
export { multiInputDateTimeRangeFieldClasses, getMultiInputDateTimeRangeFieldUtilityClass } from "./multiInputDateTimeRangeFieldClasses.js";
|
|
4
|
-
export type { MultiInputDateTimeRangeFieldClassKey, MultiInputDateTimeRangeFieldClasses } from './multiInputDateTimeRangeFieldClasses';
|
|
5
|
-
export type { MultiInputRangeFieldSlots as MultiInputDateTimeRangeFieldSlots, MultiInputRangeFieldSlotProps as MultiInputDateTimeRangeFieldSlotProps } from '../internals/utils/createMultiInputRangeField';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { MultiInputRangeFieldClasses } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
2
|
-
export interface MultiInputDateTimeRangeFieldClasses extends MultiInputRangeFieldClasses {}
|
|
3
|
-
export type MultiInputDateTimeRangeFieldClassKey = keyof MultiInputRangeFieldClasses;
|
|
4
|
-
export declare const multiInputDateTimeRangeFieldClasses: MultiInputRangeFieldClasses;
|
|
5
|
-
export declare const getMultiInputDateTimeRangeFieldUtilityClass: (slot: string) => string;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export const multiInputDateTimeRangeFieldClasses = generateUtilityClasses('MuiMultiInputDateTimeRangeField', ['root', 'separator']);
|
|
4
|
-
export const getMultiInputDateTimeRangeFieldUtilityClass = slot => generateUtilityClass('MuiMultiInputDateTimeRangeField', slot);
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { UseTimeRangeManagerReturnValue } from "../managers/index.js";
|
|
3
|
-
import { MultiInputRangeFieldProps } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
4
|
-
import { MultiInputTimeRangeFieldClasses } from "./multiInputTimeRangeFieldClasses.js";
|
|
5
|
-
export interface MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MultiInputRangeFieldProps<UseTimeRangeManagerReturnValue<TEnableAccessibleFieldDOMStructure>> {
|
|
6
|
-
/**
|
|
7
|
-
* Override or extend the styles applied to the component.
|
|
8
|
-
*/
|
|
9
|
-
classes?: Partial<MultiInputTimeRangeFieldClasses>;
|
|
10
|
-
}
|
|
11
|
-
type MultiInputTimeRangeFieldComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
12
|
-
propTypes?: any;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* Demos:
|
|
16
|
-
*
|
|
17
|
-
* - [TimeRangeField](http://mui.com/x/react-date-pickers/time-range-field/)
|
|
18
|
-
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
19
|
-
*
|
|
20
|
-
* API:
|
|
21
|
-
*
|
|
22
|
-
* - [MultiInputTimeRangeField API](https://mui.com/x/api/multi-input-time-range-field/)
|
|
23
|
-
*/
|
|
24
|
-
declare const MultiInputTimeRangeField: MultiInputTimeRangeFieldComponent;
|
|
25
|
-
export { MultiInputTimeRangeField };
|
|
@@ -1,228 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { useTimeRangeManager } from "../managers/index.js";
|
|
5
|
-
import {
|
|
6
|
-
// The alias is needed to have the doc gen working.
|
|
7
|
-
createMultiInputRangeField as createMultiInputTimeRangeField } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
8
|
-
import { getMultiInputTimeRangeFieldUtilityClass } from "./multiInputTimeRangeFieldClasses.js";
|
|
9
|
-
/**
|
|
10
|
-
* Demos:
|
|
11
|
-
*
|
|
12
|
-
* - [TimeRangeField](http://mui.com/x/react-date-pickers/time-range-field/)
|
|
13
|
-
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [MultiInputTimeRangeField API](https://mui.com/x/api/multi-input-time-range-field/)
|
|
18
|
-
*/
|
|
19
|
-
const MultiInputTimeRangeField = createMultiInputTimeRangeField({
|
|
20
|
-
name: 'MuiMultiInputTimeRangeField',
|
|
21
|
-
getUtilityClass: getMultiInputTimeRangeFieldUtilityClass,
|
|
22
|
-
useManager: useTimeRangeManager,
|
|
23
|
-
allowTriggerShifting: true
|
|
24
|
-
});
|
|
25
|
-
MultiInputTimeRangeField.propTypes = {
|
|
26
|
-
// ----------------------------- Warning --------------------------------
|
|
27
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
28
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
29
|
-
// ----------------------------------------------------------------------
|
|
30
|
-
/**
|
|
31
|
-
* 12h/24h view for hour selection clock.
|
|
32
|
-
* @default utils.is12HourCycleInCurrentLocale()
|
|
33
|
-
*/
|
|
34
|
-
ampm: PropTypes.bool,
|
|
35
|
-
/**
|
|
36
|
-
* If `true`, the `input` element is focused during the first mount.
|
|
37
|
-
* @default false
|
|
38
|
-
*/
|
|
39
|
-
autoFocus: PropTypes.bool,
|
|
40
|
-
/**
|
|
41
|
-
* Override or extend the styles applied to the component.
|
|
42
|
-
*/
|
|
43
|
-
classes: PropTypes.object,
|
|
44
|
-
className: PropTypes.string,
|
|
45
|
-
component: PropTypes.elementType,
|
|
46
|
-
/**
|
|
47
|
-
* String displayed between the start and the end dates.
|
|
48
|
-
* @default "–"
|
|
49
|
-
*/
|
|
50
|
-
dateSeparator: PropTypes.string,
|
|
51
|
-
/**
|
|
52
|
-
* The default value. Use when the component is not controlled.
|
|
53
|
-
*/
|
|
54
|
-
defaultValue: PropTypes.arrayOf(PropTypes.object),
|
|
55
|
-
/**
|
|
56
|
-
* Defines the `flex-direction` style property.
|
|
57
|
-
* It is applied for all screen sizes.
|
|
58
|
-
* @default 'column'
|
|
59
|
-
*/
|
|
60
|
-
direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
|
|
61
|
-
/**
|
|
62
|
-
* If `true`, the component is disabled.
|
|
63
|
-
* When disabled, the value cannot be changed and no interaction is possible.
|
|
64
|
-
* @default false
|
|
65
|
-
*/
|
|
66
|
-
disabled: PropTypes.bool,
|
|
67
|
-
/**
|
|
68
|
-
* If `true`, disable values after the current date for date components, time for time components and both for date time components.
|
|
69
|
-
* @default false
|
|
70
|
-
*/
|
|
71
|
-
disableFuture: PropTypes.bool,
|
|
72
|
-
/**
|
|
73
|
-
* Do not ignore date part when validating min/max time.
|
|
74
|
-
* @default false
|
|
75
|
-
*/
|
|
76
|
-
disableIgnoringDatePartForTimeValidation: PropTypes.bool,
|
|
77
|
-
/**
|
|
78
|
-
* If `true`, disable values before the current date for date components, time for time components and both for date time components.
|
|
79
|
-
* @default false
|
|
80
|
-
*/
|
|
81
|
-
disablePast: PropTypes.bool,
|
|
82
|
-
/**
|
|
83
|
-
* Add an element between each child.
|
|
84
|
-
*/
|
|
85
|
-
divider: PropTypes.node,
|
|
86
|
-
/**
|
|
87
|
-
* @default true
|
|
88
|
-
*/
|
|
89
|
-
enableAccessibleFieldDOMStructure: PropTypes.bool,
|
|
90
|
-
/**
|
|
91
|
-
* Format of the date when rendered in the input(s).
|
|
92
|
-
*/
|
|
93
|
-
format: PropTypes.string,
|
|
94
|
-
/**
|
|
95
|
-
* Density of the format when rendered in the input.
|
|
96
|
-
* Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
|
|
97
|
-
* @default "dense"
|
|
98
|
-
*/
|
|
99
|
-
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
100
|
-
/**
|
|
101
|
-
* Maximal selectable time.
|
|
102
|
-
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
103
|
-
*/
|
|
104
|
-
maxTime: PropTypes.object,
|
|
105
|
-
/**
|
|
106
|
-
* Minimal selectable time.
|
|
107
|
-
* The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
|
|
108
|
-
*/
|
|
109
|
-
minTime: PropTypes.object,
|
|
110
|
-
/**
|
|
111
|
-
* Step over minutes.
|
|
112
|
-
* @default 1
|
|
113
|
-
*/
|
|
114
|
-
minutesStep: PropTypes.number,
|
|
115
|
-
/**
|
|
116
|
-
* Callback fired when the value changes.
|
|
117
|
-
* @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.
|
|
118
|
-
* @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.
|
|
119
|
-
* @param {TValue} value The new value.
|
|
120
|
-
* @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
|
|
121
|
-
*/
|
|
122
|
-
onChange: PropTypes.func,
|
|
123
|
-
/**
|
|
124
|
-
* Callback fired when the error associated with the current value changes.
|
|
125
|
-
* When a validation error is detected, the `error` parameter contains a non-null value.
|
|
126
|
-
* This can be used to render an appropriate form error.
|
|
127
|
-
* @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.
|
|
128
|
-
* @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.
|
|
129
|
-
* @param {TError} error The reason why the current value is not valid.
|
|
130
|
-
* @param {TValue} value The value associated with the error.
|
|
131
|
-
*/
|
|
132
|
-
onError: PropTypes.func,
|
|
133
|
-
/**
|
|
134
|
-
* Callback fired when the selected sections change.
|
|
135
|
-
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
136
|
-
*/
|
|
137
|
-
onSelectedSectionsChange: PropTypes.func,
|
|
138
|
-
/**
|
|
139
|
-
* If `true`, the component is read-only.
|
|
140
|
-
* When read-only, the value cannot be changed but the user can interact with the interface.
|
|
141
|
-
* @default false
|
|
142
|
-
*/
|
|
143
|
-
readOnly: PropTypes.bool,
|
|
144
|
-
/**
|
|
145
|
-
* 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.
|
|
146
|
-
* For example, on time fields it will be used to determine the date to set.
|
|
147
|
-
* @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
|
|
148
|
-
*/
|
|
149
|
-
referenceDate: PropTypes.object,
|
|
150
|
-
/**
|
|
151
|
-
* The currently selected sections.
|
|
152
|
-
* This prop accepts four formats:
|
|
153
|
-
* 1. If a number is provided, the section at this index will be selected.
|
|
154
|
-
* 2. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
|
|
155
|
-
* 3. If `"all"` is provided, all the sections will be selected.
|
|
156
|
-
* 4. If `null` is provided, no section will be selected.
|
|
157
|
-
* If not provided, the selected sections will be handled internally.
|
|
158
|
-
*/
|
|
159
|
-
selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number]),
|
|
160
|
-
/**
|
|
161
|
-
* Disable specific time.
|
|
162
|
-
* @param {PickerValidDate} value The value to check.
|
|
163
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
164
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
165
|
-
*/
|
|
166
|
-
shouldDisableTime: PropTypes.func,
|
|
167
|
-
/**
|
|
168
|
-
* If `true`, the format will respect the leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
|
|
169
|
-
* If `false`, the format will always add leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
|
|
170
|
-
*
|
|
171
|
-
* 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`.
|
|
172
|
-
*
|
|
173
|
-
* 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.
|
|
174
|
-
* If you need to get the clean value from the input, you can remove this character using `input.value.replace(/\u200e/g, '')`.
|
|
175
|
-
*
|
|
176
|
-
* Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
|
|
177
|
-
* 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.
|
|
178
|
-
*
|
|
179
|
-
* @default false
|
|
180
|
-
*/
|
|
181
|
-
shouldRespectLeadingZeros: PropTypes.bool,
|
|
182
|
-
/**
|
|
183
|
-
* The props used for each component slot.
|
|
184
|
-
* @default {}
|
|
185
|
-
*/
|
|
186
|
-
slotProps: PropTypes.object,
|
|
187
|
-
/**
|
|
188
|
-
* Overridable component slots.
|
|
189
|
-
* @default {}
|
|
190
|
-
*/
|
|
191
|
-
slots: PropTypes.object,
|
|
192
|
-
/**
|
|
193
|
-
* Defines the space between immediate children.
|
|
194
|
-
* @default 0
|
|
195
|
-
*/
|
|
196
|
-
spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
|
|
197
|
-
style: PropTypes.object,
|
|
198
|
-
/**
|
|
199
|
-
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
|
200
|
-
*/
|
|
201
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
202
|
-
/**
|
|
203
|
-
* Choose which timezone to use for the value.
|
|
204
|
-
* Example: "default", "system", "UTC", "America/New_York".
|
|
205
|
-
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
206
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
207
|
-
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
208
|
-
*/
|
|
209
|
-
timezone: PropTypes.string,
|
|
210
|
-
unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
211
|
-
unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
212
|
-
/**
|
|
213
|
-
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
214
|
-
*
|
|
215
|
-
* While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
|
|
216
|
-
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
217
|
-
*
|
|
218
|
-
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
219
|
-
* @default false
|
|
220
|
-
*/
|
|
221
|
-
useFlexGap: PropTypes.bool,
|
|
222
|
-
/**
|
|
223
|
-
* The selected value.
|
|
224
|
-
* Used when the component is controlled.
|
|
225
|
-
*/
|
|
226
|
-
value: PropTypes.arrayOf(PropTypes.object)
|
|
227
|
-
};
|
|
228
|
-
export { MultiInputTimeRangeField };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { MultiInputTimeRangeField } from "./MultiInputTimeRangeField.js";
|
|
2
|
-
export type { MultiInputTimeRangeFieldProps } from './MultiInputTimeRangeField';
|
|
3
|
-
export { multiInputTimeRangeFieldClasses, getMultiInputTimeRangeFieldUtilityClass } from "./multiInputTimeRangeFieldClasses.js";
|
|
4
|
-
export type { MultiInputTimeRangeFieldClassKey, MultiInputTimeRangeFieldClasses } from './multiInputTimeRangeFieldClasses';
|
|
5
|
-
export type { MultiInputRangeFieldSlots as MultiInputTimeRangeFieldSlots, MultiInputRangeFieldSlotProps as MultiInputTimeRangeFieldSlotProps } from '../internals/utils/createMultiInputRangeField';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { MultiInputRangeFieldClasses } from "../internals/utils/createMultiInputRangeField/index.js";
|
|
2
|
-
export interface MultiInputTimeRangeFieldClasses extends MultiInputRangeFieldClasses {}
|
|
3
|
-
export type MultiInputTimeRangeFieldClassKey = keyof MultiInputRangeFieldClasses;
|
|
4
|
-
export declare const multiInputTimeRangeFieldClasses: MultiInputRangeFieldClasses;
|
|
5
|
-
export declare const getMultiInputTimeRangeFieldUtilityClass: (slot: string) => string;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export const multiInputTimeRangeFieldClasses = generateUtilityClasses('MuiMultiInputTimeRangeField', ['root', 'separator']);
|
|
4
|
-
export const getMultiInputTimeRangeFieldUtilityClass = slot => generateUtilityClass('MuiMultiInputTimeRangeField', slot);
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PickersRangeCalendarHeaderProps } from "./PickersRangeCalendarHeader.types.js";
|
|
3
|
-
type PickersRangeCalendarHeaderComponent = ((props: PickersRangeCalendarHeaderProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
|
-
propTypes?: any;
|
|
5
|
-
};
|
|
6
|
-
declare const PickersRangeCalendarHeader: PickersRangeCalendarHeaderComponent;
|
|
7
|
-
export { PickersRangeCalendarHeader };
|