@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,72 +0,0 @@
|
|
|
1
|
-
import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
|
|
2
|
-
import { UseTextFieldBaseForwardedProps } from "./useTextFieldProps.js";
|
|
3
|
-
import { PickerAnyRangeManager } from "../../internals/models/managers.js";
|
|
4
|
-
import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRangeFieldRootProps.js";
|
|
5
|
-
/**
|
|
6
|
-
* Basic example:
|
|
7
|
-
*
|
|
8
|
-
* ```tsx
|
|
9
|
-
* import Box from '@mui/material/Box';
|
|
10
|
-
* import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
|
|
11
|
-
* import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
|
|
12
|
-
* import { useDateRangeManager } from '@mui/x-date-pickers-pro/managers';
|
|
13
|
-
*
|
|
14
|
-
* function MultiInputField(props) {
|
|
15
|
-
* const manager = useDateRangeManager();
|
|
16
|
-
* const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
|
|
17
|
-
* const response = useMultiInputRangeField({
|
|
18
|
-
* manager,
|
|
19
|
-
* internalProps,
|
|
20
|
-
* startTextFieldProps: {},
|
|
21
|
-
* endTextFieldProps: {},
|
|
22
|
-
* rootProps: forwardedProps,
|
|
23
|
-
* });
|
|
24
|
-
*
|
|
25
|
-
* return (
|
|
26
|
-
* <Box {...response.root}>
|
|
27
|
-
* <PickersTextField {...response.startTextField} />
|
|
28
|
-
* <span>{' – '}</span>
|
|
29
|
-
* <PickersTextField {...response.endTextField} />
|
|
30
|
-
* </Box>
|
|
31
|
-
* );
|
|
32
|
-
* }
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
|
|
36
|
-
* @param {TManager} parameters.manager The manager of the field.
|
|
37
|
-
* @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
|
|
38
|
-
* @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
|
|
39
|
-
* @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
|
|
40
|
-
* @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
|
|
41
|
-
*/
|
|
42
|
-
export declare function useMultiInputRangeField<TManager extends PickerAnyRangeManager, TTextFieldProps extends UseTextFieldBaseForwardedProps, TRootProps extends {
|
|
43
|
-
[key: string]: any;
|
|
44
|
-
}>(parameters: UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>): UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps, TRootProps>;
|
|
45
|
-
interface UseMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
|
|
46
|
-
[key: string]: any;
|
|
47
|
-
}, TRootProps extends {
|
|
48
|
-
[key: string]: any;
|
|
49
|
-
}> {
|
|
50
|
-
manager: TManager;
|
|
51
|
-
internalProps: PickerManagerFieldInternalProps<TManager>;
|
|
52
|
-
rootProps: TRootProps;
|
|
53
|
-
startTextFieldProps: TTextFieldProps;
|
|
54
|
-
endTextFieldProps: TTextFieldProps;
|
|
55
|
-
}
|
|
56
|
-
interface UseMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
|
|
57
|
-
[key: string]: any;
|
|
58
|
-
}, TRootProps extends {
|
|
59
|
-
[key: string]: any;
|
|
60
|
-
}> {
|
|
61
|
-
root: UseMultiInputRangeFieldRootPropsReturnValue<TRootProps>;
|
|
62
|
-
startTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
|
|
63
|
-
endTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
|
|
64
|
-
enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
|
|
65
|
-
}
|
|
66
|
-
export type UseMultiInputRangeFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseTextFieldBaseForwardedProps> = Omit<UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TForwardedProps & {
|
|
67
|
-
onKeyDown: React.KeyboardEventHandler;
|
|
68
|
-
onClick: React.MouseEventHandler;
|
|
69
|
-
onFocus: React.FocusEventHandler;
|
|
70
|
-
id: string;
|
|
71
|
-
}>, 'onClear' | 'clearable' | 'openPickerAriaLabel'>;
|
|
72
|
-
export {};
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { useControlledValue, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
|
|
4
|
-
import { useValidation } from '@mui/x-date-pickers/validation';
|
|
5
|
-
import { useTextFieldProps } from "./useTextFieldProps.js";
|
|
6
|
-
import { useMultiInputRangeFieldSelectedSections } from "./useMultiInputRangeFieldSelectedSections.js";
|
|
7
|
-
import { useMultiInputRangeFieldRootProps } from "./useMultiInputRangeFieldRootProps.js";
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Basic example:
|
|
11
|
-
*
|
|
12
|
-
* ```tsx
|
|
13
|
-
* import Box from '@mui/material/Box';
|
|
14
|
-
* import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
|
|
15
|
-
* import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
|
|
16
|
-
* import { useDateRangeManager } from '@mui/x-date-pickers-pro/managers';
|
|
17
|
-
*
|
|
18
|
-
* function MultiInputField(props) {
|
|
19
|
-
* const manager = useDateRangeManager();
|
|
20
|
-
* const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
|
|
21
|
-
* const response = useMultiInputRangeField({
|
|
22
|
-
* manager,
|
|
23
|
-
* internalProps,
|
|
24
|
-
* startTextFieldProps: {},
|
|
25
|
-
* endTextFieldProps: {},
|
|
26
|
-
* rootProps: forwardedProps,
|
|
27
|
-
* });
|
|
28
|
-
*
|
|
29
|
-
* return (
|
|
30
|
-
* <Box {...response.root}>
|
|
31
|
-
* <PickersTextField {...response.startTextField} />
|
|
32
|
-
* <span>{' – '}</span>
|
|
33
|
-
* <PickersTextField {...response.endTextField} />
|
|
34
|
-
* </Box>
|
|
35
|
-
* );
|
|
36
|
-
* }
|
|
37
|
-
* ```
|
|
38
|
-
*
|
|
39
|
-
* @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
|
|
40
|
-
* @param {TManager} parameters.manager The manager of the field.
|
|
41
|
-
* @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
|
|
42
|
-
* @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
|
|
43
|
-
* @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
|
|
44
|
-
* @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
|
|
45
|
-
*/
|
|
46
|
-
export function useMultiInputRangeField(parameters) {
|
|
47
|
-
const {
|
|
48
|
-
manager,
|
|
49
|
-
internalProps,
|
|
50
|
-
rootProps,
|
|
51
|
-
startTextFieldProps,
|
|
52
|
-
endTextFieldProps
|
|
53
|
-
} = parameters;
|
|
54
|
-
const internalPropsWithDefaults = useFieldInternalPropsWithDefaults({
|
|
55
|
-
manager,
|
|
56
|
-
internalProps
|
|
57
|
-
});
|
|
58
|
-
const {
|
|
59
|
-
value: valueProp,
|
|
60
|
-
defaultValue,
|
|
61
|
-
format,
|
|
62
|
-
formatDensity,
|
|
63
|
-
shouldRespectLeadingZeros,
|
|
64
|
-
onChange,
|
|
65
|
-
disabled,
|
|
66
|
-
readOnly,
|
|
67
|
-
selectedSections,
|
|
68
|
-
onSelectedSectionsChange,
|
|
69
|
-
timezone: timezoneProp,
|
|
70
|
-
enableAccessibleFieldDOMStructure,
|
|
71
|
-
autoFocus,
|
|
72
|
-
referenceDate,
|
|
73
|
-
unstableStartFieldRef,
|
|
74
|
-
unstableEndFieldRef
|
|
75
|
-
} = internalPropsWithDefaults;
|
|
76
|
-
const {
|
|
77
|
-
value,
|
|
78
|
-
handleValueChange,
|
|
79
|
-
timezone
|
|
80
|
-
} = useControlledValue({
|
|
81
|
-
name: 'useMultiInputRangeField',
|
|
82
|
-
timezone: timezoneProp,
|
|
83
|
-
value: valueProp,
|
|
84
|
-
defaultValue,
|
|
85
|
-
referenceDate,
|
|
86
|
-
onChange,
|
|
87
|
-
valueManager: manager.internal_valueManager
|
|
88
|
-
});
|
|
89
|
-
const validation = useValidation({
|
|
90
|
-
props: internalPropsWithDefaults,
|
|
91
|
-
value,
|
|
92
|
-
timezone,
|
|
93
|
-
validator: manager.validator,
|
|
94
|
-
onError: internalPropsWithDefaults.onError
|
|
95
|
-
});
|
|
96
|
-
const selectedSectionsResponse = useMultiInputRangeFieldSelectedSections({
|
|
97
|
-
selectedSections,
|
|
98
|
-
onSelectedSectionsChange,
|
|
99
|
-
unstableStartFieldRef,
|
|
100
|
-
unstableEndFieldRef
|
|
101
|
-
});
|
|
102
|
-
const sharedInternalProps = {
|
|
103
|
-
disabled,
|
|
104
|
-
readOnly,
|
|
105
|
-
timezone,
|
|
106
|
-
format,
|
|
107
|
-
formatDensity,
|
|
108
|
-
shouldRespectLeadingZeros,
|
|
109
|
-
enableAccessibleFieldDOMStructure
|
|
110
|
-
};
|
|
111
|
-
const rootResponse = useMultiInputRangeFieldRootProps(rootProps);
|
|
112
|
-
const startTextFieldResponse = useTextFieldProps({
|
|
113
|
-
valueType: manager.valueType,
|
|
114
|
-
position: 'start',
|
|
115
|
-
value,
|
|
116
|
-
onChange: handleValueChange,
|
|
117
|
-
autoFocus,
|
|
118
|
-
validation,
|
|
119
|
-
forwardedProps: startTextFieldProps,
|
|
120
|
-
selectedSectionProps: selectedSectionsResponse.start,
|
|
121
|
-
sharedInternalProps
|
|
122
|
-
});
|
|
123
|
-
const endTextFieldResponse = useTextFieldProps({
|
|
124
|
-
valueType: manager.valueType,
|
|
125
|
-
position: 'end',
|
|
126
|
-
value,
|
|
127
|
-
onChange: handleValueChange,
|
|
128
|
-
autoFocus,
|
|
129
|
-
validation,
|
|
130
|
-
forwardedProps: endTextFieldProps,
|
|
131
|
-
selectedSectionProps: selectedSectionsResponse.end,
|
|
132
|
-
sharedInternalProps
|
|
133
|
-
});
|
|
134
|
-
return {
|
|
135
|
-
root: rootResponse,
|
|
136
|
-
startTextField: startTextFieldResponse,
|
|
137
|
-
endTextField: endTextFieldResponse,
|
|
138
|
-
enableAccessibleFieldDOMStructure
|
|
139
|
-
};
|
|
140
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @ignore - internal hook.
|
|
3
|
-
*/
|
|
4
|
-
export declare function useMultiInputRangeFieldRootProps<TForwardedProps extends {
|
|
5
|
-
[key: string]: any;
|
|
6
|
-
}>(forwardedProps: TForwardedProps): UseMultiInputRangeFieldRootPropsReturnValue<TForwardedProps>;
|
|
7
|
-
export type UseMultiInputRangeFieldRootPropsReturnValue<TForwardedProps extends {
|
|
8
|
-
[key: string]: any;
|
|
9
|
-
}> = Omit<TForwardedProps, 'onBlur'> & {
|
|
10
|
-
onBlur: () => void;
|
|
11
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import useEventCallback from '@mui/utils/useEventCallback';
|
|
3
|
-
import { executeInTheNextEventLoopTick, getActiveElement, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* @ignore - internal hook.
|
|
7
|
-
*/
|
|
8
|
-
export function useMultiInputRangeFieldRootProps(forwardedProps) {
|
|
9
|
-
const pickerContext = useNullablePickerContext();
|
|
10
|
-
const privatePickerContext = usePickerPrivateContext();
|
|
11
|
-
const handleBlur = useEventCallback(() => {
|
|
12
|
-
if (!pickerContext || privatePickerContext.viewContainerRole !== 'tooltip') {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
executeInTheNextEventLoopTick(() => {
|
|
16
|
-
if (privatePickerContext.rootRefObject.current?.contains(getActiveElement(document)) || pickerContext.popupRef.current?.contains(getActiveElement(document))) {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
privatePickerContext.dismissViews();
|
|
20
|
-
});
|
|
21
|
-
});
|
|
22
|
-
return _extends({}, forwardedProps, {
|
|
23
|
-
onBlur: handleBlur
|
|
24
|
-
});
|
|
25
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PickerRangeValue, PickerValue, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
|
|
4
|
-
import { MultiInputFieldRefs } from "../../models/index.js";
|
|
5
|
-
interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
|
|
6
|
-
export interface UseMultiInputFieldSelectedSectionsResponseItem {
|
|
7
|
-
unstableFieldRef?: React.Ref<FieldRef<PickerValue>>;
|
|
8
|
-
selectedSections: FieldSelectedSections;
|
|
9
|
-
onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
|
|
10
|
-
}
|
|
11
|
-
interface UseMultiInputFieldSelectedSectionsResponse {
|
|
12
|
-
start: UseMultiInputFieldSelectedSectionsResponseItem;
|
|
13
|
-
end: UseMultiInputFieldSelectedSectionsResponseItem;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* @ignore - internal hook.
|
|
17
|
-
*/
|
|
18
|
-
export declare const useMultiInputRangeFieldSelectedSections: (parameters: UseMultiInputRangeFieldSelectedSectionsParameters) => UseMultiInputFieldSelectedSectionsResponse;
|
|
19
|
-
export {};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import useForkRef from '@mui/utils/useForkRef';
|
|
3
|
-
import useEventCallback from '@mui/utils/useEventCallback';
|
|
4
|
-
/**
|
|
5
|
-
* @ignore - internal hook.
|
|
6
|
-
*/
|
|
7
|
-
export const useMultiInputRangeFieldSelectedSections = parameters => {
|
|
8
|
-
const unstableEndFieldRef = React.useRef(null);
|
|
9
|
-
const handleUnstableEndFieldRef = useForkRef(parameters.unstableEndFieldRef, unstableEndFieldRef);
|
|
10
|
-
const [startSelectedSection, setStartSelectedSection] = React.useState(parameters.selectedSections ?? null);
|
|
11
|
-
const [endSelectedSection, setEndSelectedSection] = React.useState(null);
|
|
12
|
-
const getActiveField = () => {
|
|
13
|
-
if (unstableEndFieldRef.current && unstableEndFieldRef.current.isFieldFocused()) {
|
|
14
|
-
return 'end';
|
|
15
|
-
}
|
|
16
|
-
return 'start';
|
|
17
|
-
};
|
|
18
|
-
const handleStartSelectedSectionChange = useEventCallback(newSelectedSections => {
|
|
19
|
-
setStartSelectedSection(newSelectedSections);
|
|
20
|
-
if (getActiveField() === 'start') {
|
|
21
|
-
parameters.onSelectedSectionsChange?.(newSelectedSections);
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
const handleEndSelectedSectionChange = useEventCallback(newSelectedSections => {
|
|
25
|
-
setEndSelectedSection(newSelectedSections);
|
|
26
|
-
if (getActiveField() === 'end') {
|
|
27
|
-
parameters.onSelectedSectionsChange?.(newSelectedSections);
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
const activeField = getActiveField();
|
|
31
|
-
return {
|
|
32
|
-
start: {
|
|
33
|
-
unstableFieldRef: parameters.unstableStartFieldRef,
|
|
34
|
-
selectedSections: activeField === 'start' && parameters.selectedSections !== undefined ? parameters.selectedSections : startSelectedSection,
|
|
35
|
-
onSelectedSectionsChange: handleStartSelectedSectionChange
|
|
36
|
-
},
|
|
37
|
-
end: {
|
|
38
|
-
unstableFieldRef: handleUnstableEndFieldRef,
|
|
39
|
-
selectedSections: activeField === 'end' && parameters.selectedSections !== undefined ? parameters.selectedSections : endSelectedSection,
|
|
40
|
-
onSelectedSectionsChange: handleEndSelectedSectionChange
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { UseValidationReturnValue } from '@mui/x-date-pickers/validation';
|
|
3
|
-
import { PickerValueType } from '@mui/x-date-pickers/models';
|
|
4
|
-
import { FieldChangeHandler, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerRangeValue, PickerValue, RangePosition, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
|
|
5
|
-
import { PickerAnyRangeManager } from "../../internals/models/managers.js";
|
|
6
|
-
import { UseMultiInputFieldSelectedSectionsResponseItem } from "./useMultiInputRangeFieldSelectedSections.js";
|
|
7
|
-
import type { UseMultiInputRangeFieldTextFieldProps } from './useMultiInputRangeField';
|
|
8
|
-
/**
|
|
9
|
-
* @ignore - internal hook.
|
|
10
|
-
*/
|
|
11
|
-
export declare function useTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps>(parameters: UseTextFieldPropsParameters<TManager, TForwardedProps>): UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TForwardedProps>;
|
|
12
|
-
interface UseTextFieldPropsParameters<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps> {
|
|
13
|
-
valueType: PickerValueType;
|
|
14
|
-
value: PickerRangeValue;
|
|
15
|
-
onChange: FieldChangeHandler<PickerRangeValue, PickerManagerError<TManager>>;
|
|
16
|
-
autoFocus: boolean | undefined;
|
|
17
|
-
forwardedProps: TForwardedProps;
|
|
18
|
-
sharedInternalProps: UseTextFieldSharedInternalProps<TManager>;
|
|
19
|
-
selectedSectionProps: UseMultiInputFieldSelectedSectionsResponseItem;
|
|
20
|
-
position: RangePosition;
|
|
21
|
-
validation: UseValidationReturnValue<PickerRangeValue, PickerManagerError<TManager>>;
|
|
22
|
-
}
|
|
23
|
-
export interface UseTextFieldBaseForwardedProps {
|
|
24
|
-
onKeyDown?: React.KeyboardEventHandler;
|
|
25
|
-
onClick?: React.MouseEventHandler;
|
|
26
|
-
onFocus?: React.FocusEventHandler;
|
|
27
|
-
[key: string]: any;
|
|
28
|
-
}
|
|
29
|
-
interface UseTextFieldSharedInternalProps<TManager extends PickerAnyRangeManager> extends Pick<UseFieldInternalProps<PickerValue, PickerManagerEnableAccessibleFieldDOMStructure<TManager>, PickerManagerError<TManager>>, 'enableAccessibleFieldDOMStructure' | 'disabled' | 'readOnly' | 'timezone' | 'format' | 'formatDensity' | 'shouldRespectLeadingZeros'> {}
|
|
30
|
-
export {};
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
const _excluded = ["clearable", "onClear", "openPickerAriaLabel"];
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import useEventCallback from '@mui/utils/useEventCallback';
|
|
6
|
-
import { useDateManager, useDateTimeManager, useTimeManager } from '@mui/x-date-pickers/managers';
|
|
7
|
-
import { useField, useNullableFieldPrivateContext, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
|
|
8
|
-
import { useNullablePickerRangePositionContext } from "../../internals/hooks/useNullablePickerRangePositionContext.js";
|
|
9
|
-
/**
|
|
10
|
-
* @ignore - internal hook.
|
|
11
|
-
*/
|
|
12
|
-
export function useTextFieldProps(parameters) {
|
|
13
|
-
const pickerContext = useNullablePickerContext();
|
|
14
|
-
const fieldPrivateContext = useNullableFieldPrivateContext();
|
|
15
|
-
const pickerPrivateContext = usePickerPrivateContext();
|
|
16
|
-
const rangePositionContext = useNullablePickerRangePositionContext();
|
|
17
|
-
const rangePosition = rangePositionContext?.rangePosition ?? 'start';
|
|
18
|
-
const setRangePosition = rangePositionContext?.setRangePosition;
|
|
19
|
-
const previousRangePosition = React.useRef(rangePosition);
|
|
20
|
-
const {
|
|
21
|
-
forwardedProps,
|
|
22
|
-
sharedInternalProps,
|
|
23
|
-
selectedSectionProps,
|
|
24
|
-
valueType,
|
|
25
|
-
position,
|
|
26
|
-
value,
|
|
27
|
-
onChange,
|
|
28
|
-
autoFocus,
|
|
29
|
-
validation
|
|
30
|
-
} = parameters;
|
|
31
|
-
let useManager;
|
|
32
|
-
switch (valueType) {
|
|
33
|
-
case 'date':
|
|
34
|
-
{
|
|
35
|
-
useManager = useDateManager;
|
|
36
|
-
break;
|
|
37
|
-
}
|
|
38
|
-
case 'time':
|
|
39
|
-
{
|
|
40
|
-
useManager = useTimeManager;
|
|
41
|
-
break;
|
|
42
|
-
}
|
|
43
|
-
case 'date-time':
|
|
44
|
-
{
|
|
45
|
-
useManager = useDateTimeManager;
|
|
46
|
-
break;
|
|
47
|
-
}
|
|
48
|
-
default:
|
|
49
|
-
{
|
|
50
|
-
throw new Error(`Unknown valueType: ${valueType}`);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
const manager = useManager({
|
|
54
|
-
enableAccessibleFieldDOMStructure: sharedInternalProps.enableAccessibleFieldDOMStructure
|
|
55
|
-
});
|
|
56
|
-
const openPickerIfPossible = event => {
|
|
57
|
-
if (!pickerContext) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
setRangePosition?.(position);
|
|
61
|
-
if (pickerContext.triggerStatus === 'enabled') {
|
|
62
|
-
event.preventDefault();
|
|
63
|
-
pickerContext.setOpen(true);
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
const handleKeyDown = useEventCallback(event => {
|
|
67
|
-
if (event.key === 'Enter' || event.key === ' ') {
|
|
68
|
-
openPickerIfPossible(event);
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
|
|
72
|
-
// Registering `onClick` listener on the root element as well to correctly handle cases where user is clicking on `label`
|
|
73
|
-
// which has `pointer-events: none` and due to DOM structure the `input` does not catch the click event
|
|
74
|
-
const handleClick = useEventCallback(event => {
|
|
75
|
-
openPickerIfPossible(event);
|
|
76
|
-
});
|
|
77
|
-
const handleFocus = useEventCallback(event => {
|
|
78
|
-
forwardedProps.onFocus?.(event);
|
|
79
|
-
if (pickerContext?.open) {
|
|
80
|
-
setRangePosition?.(position);
|
|
81
|
-
if (previousRangePosition.current !== position && pickerContext.initialView) {
|
|
82
|
-
pickerContext.setView?.(pickerContext.initialView);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
const handleChange = useEventCallback((newSingleValue, rawContext) => {
|
|
87
|
-
const newRange = position === 'start' ? [newSingleValue, value[1]] : [value[0], newSingleValue];
|
|
88
|
-
const context = _extends({}, rawContext, {
|
|
89
|
-
validationError: validation.getValidationErrorForNewValue(newRange)
|
|
90
|
-
});
|
|
91
|
-
onChange(newRange, context);
|
|
92
|
-
});
|
|
93
|
-
const allProps = _extends({
|
|
94
|
-
value: position === 'start' ? value[0] : value[1],
|
|
95
|
-
error: position === 'start' ? !!validation.validationError[0] : !!validation.validationError[1],
|
|
96
|
-
id: `${pickerPrivateContext.labelId}-${position}`,
|
|
97
|
-
autoFocus: position === 'start' ? autoFocus : undefined
|
|
98
|
-
}, forwardedProps, sharedInternalProps, selectedSectionProps, {
|
|
99
|
-
onClick: handleClick,
|
|
100
|
-
onFocus: handleFocus,
|
|
101
|
-
onKeyDown: handleKeyDown,
|
|
102
|
-
onChange: handleChange
|
|
103
|
-
});
|
|
104
|
-
const _ref = useField({
|
|
105
|
-
manager,
|
|
106
|
-
props: allProps,
|
|
107
|
-
skipContextFieldRefAssignment: rangePosition !== position
|
|
108
|
-
}),
|
|
109
|
-
fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
110
|
-
React.useEffect(() => {
|
|
111
|
-
if (!pickerContext?.open || pickerContext?.variant === 'mobile') {
|
|
112
|
-
return;
|
|
113
|
-
}
|
|
114
|
-
fieldPrivateContext?.fieldRef.current?.focusField();
|
|
115
|
-
if (!fieldPrivateContext?.fieldRef.current || pickerContext.view === pickerContext.initialView) {
|
|
116
|
-
// could happen when the user is switching between the inputs
|
|
117
|
-
previousRangePosition.current = rangePosition;
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
// bring back focus to the field
|
|
122
|
-
// currentView is present on DateTimeRangePicker
|
|
123
|
-
fieldPrivateContext?.fieldRef.current.setSelectedSections(
|
|
124
|
-
// use the current view or `0` when the range position has just been swapped
|
|
125
|
-
previousRangePosition.current === rangePosition ? pickerContext.view : 0);
|
|
126
|
-
previousRangePosition.current = rangePosition;
|
|
127
|
-
}, [rangePosition, pickerContext?.open, pickerContext?.variant, pickerContext?.initialView, pickerContext?.view, fieldPrivateContext?.fieldRef]);
|
|
128
|
-
return fieldResponse;
|
|
129
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { UseRangePositionResponse } from "../internals/hooks/useRangePosition.js";
|
|
3
|
-
export declare const PickerRangePositionContext: React.Context<UseRangePositionResponse | null>;
|
|
4
|
-
/**
|
|
5
|
-
* Returns information about the range position of the picker that wraps the current component.
|
|
6
|
-
*/
|
|
7
|
-
export declare function usePickerRangePositionContext(): UseRangePositionResponse;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
export const PickerRangePositionContext = /*#__PURE__*/React.createContext(null);
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Returns information about the range position of the picker that wraps the current component.
|
|
8
|
-
*/
|
|
9
|
-
export function usePickerRangePositionContext() {
|
|
10
|
-
const value = React.useContext(PickerRangePositionContext);
|
|
11
|
-
if (value == null) {
|
|
12
|
-
throw new Error(['MUI X: The `usePickerRangePositionContext` can only be called in components that are used inside a picker component'].join('\n'));
|
|
13
|
-
}
|
|
14
|
-
return value;
|
|
15
|
-
}
|
package/modern/index.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
export * from '@mui/x-date-pickers';
|
|
2
|
-
export * from "./DateRangePickerDay/index.js";
|
|
3
|
-
export * from "./MultiInputDateRangeField/index.js";
|
|
4
|
-
export * from "./MultiInputTimeRangeField/index.js";
|
|
5
|
-
export * from "./MultiInputDateTimeRangeField/index.js";
|
|
6
|
-
export * from "./SingleInputDateRangeField/index.js";
|
|
7
|
-
export * from "./SingleInputTimeRangeField/index.js";
|
|
8
|
-
export * from "./SingleInputDateTimeRangeField/index.js";
|
|
9
|
-
export * from "./DateRangeCalendar/index.js";
|
|
10
|
-
export * from "./PickersRangeCalendarHeader/index.js";
|
|
11
|
-
export * from "./DateRangePicker/index.js";
|
|
12
|
-
export * from "./DesktopDateRangePicker/index.js";
|
|
13
|
-
export * from "./MobileDateRangePicker/index.js";
|
|
14
|
-
export * from "./StaticDateRangePicker/index.js";
|
|
15
|
-
export * from "./TimeRangePicker/index.js";
|
|
16
|
-
export * from "./DesktopTimeRangePicker/index.js";
|
|
17
|
-
export * from "./MobileTimeRangePicker/index.js";
|
|
18
|
-
export * from "./DateTimeRangePicker/index.js";
|
|
19
|
-
export * from "./DesktopDateTimeRangePicker/index.js";
|
|
20
|
-
export * from "./MobileDateTimeRangePicker/index.js";
|
|
21
|
-
export * from "./dateRangeViewRenderers/index.js";
|
|
22
|
-
export * from "./models/index.js";
|
|
23
|
-
export * from "./hooks/index.js";
|
|
24
|
-
export * from "./validation/index.js";
|
|
25
|
-
export * from "./managers/index.js";
|
package/modern/index.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @mui/x-date-pickers-pro v8.0.0-beta.2
|
|
3
|
-
*
|
|
4
|
-
* @license MUI X Commercial
|
|
5
|
-
* This source code is licensed under the commercial license found in the
|
|
6
|
-
* LICENSE file in the root directory of this source tree.
|
|
7
|
-
*/
|
|
8
|
-
export * from '@mui/x-date-pickers';
|
|
9
|
-
export * from "./DateRangePickerDay/index.js";
|
|
10
|
-
|
|
11
|
-
// Fields
|
|
12
|
-
export * from "./MultiInputDateRangeField/index.js";
|
|
13
|
-
export * from "./MultiInputTimeRangeField/index.js";
|
|
14
|
-
export * from "./MultiInputDateTimeRangeField/index.js";
|
|
15
|
-
export * from "./SingleInputDateRangeField/index.js";
|
|
16
|
-
export * from "./SingleInputTimeRangeField/index.js";
|
|
17
|
-
export * from "./SingleInputDateTimeRangeField/index.js";
|
|
18
|
-
|
|
19
|
-
// Calendars
|
|
20
|
-
export * from "./DateRangeCalendar/index.js";
|
|
21
|
-
export * from "./PickersRangeCalendarHeader/index.js";
|
|
22
|
-
|
|
23
|
-
// New pickers
|
|
24
|
-
export * from "./DateRangePicker/index.js";
|
|
25
|
-
export * from "./DesktopDateRangePicker/index.js";
|
|
26
|
-
export * from "./MobileDateRangePicker/index.js";
|
|
27
|
-
export * from "./StaticDateRangePicker/index.js";
|
|
28
|
-
export * from "./TimeRangePicker/index.js";
|
|
29
|
-
export * from "./DesktopTimeRangePicker/index.js";
|
|
30
|
-
export * from "./MobileTimeRangePicker/index.js";
|
|
31
|
-
export * from "./DateTimeRangePicker/index.js";
|
|
32
|
-
export * from "./DesktopDateTimeRangePicker/index.js";
|
|
33
|
-
export * from "./MobileDateTimeRangePicker/index.js";
|
|
34
|
-
|
|
35
|
-
// View renderers
|
|
36
|
-
export * from "./dateRangeViewRenderers/index.js";
|
|
37
|
-
export * from "./models/index.js";
|
|
38
|
-
export * from "./hooks/index.js";
|
|
39
|
-
export * from "./validation/index.js";
|
|
40
|
-
export * from "./managers/index.js";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { DAY_MARGIN, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
|
|
2
|
-
export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
|
|
3
|
-
export const DAY_RANGE_SIZE = 40;
|
|
4
|
-
// adding the extra height of the range day element height difference (40px vs 36px)
|
|
5
|
-
export const RANGE_VIEW_HEIGHT = VIEW_HEIGHT + 6 * 2 * DAY_MARGIN;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type { RangeOnlyPickerProps, UseRangePickerProps, UseRangePickerParams } from './useRangePicker';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { UsePickerParameters, BasePickerProps, UsePickerProps, UsePickerNonStaticProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
|
|
2
|
-
import { BaseRangeNonStaticPickerProps } from "../../models/index.js";
|
|
3
|
-
import { UseRangePositionProps } from "../useRangePosition.js";
|
|
4
|
-
export interface RangeOnlyPickerProps extends UsePickerNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {}
|
|
5
|
-
export interface UseRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends RangeOnlyPickerProps, BasePickerProps<PickerRangeValue, TView, TError, TExternalProps> {}
|
|
6
|
-
export interface UseRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
|
|
7
|
-
props: TExternalProps;
|
|
8
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useDesktopRangePicker } from "./useDesktopRangePicker.js";
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.js";
|
|
4
|
-
export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
|
|
5
|
-
props,
|
|
6
|
-
...pickerParams
|
|
7
|
-
}: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
|
|
8
|
-
renderPicker: () => React.JSX.Element;
|
|
9
|
-
};
|