@mui/x-date-pickers-pro 8.0.0-beta.3 → 8.1.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 +388 -96
- package/DateRangeCalendar/DateRangeCalendar.js +3 -5
- package/DateRangePicker/DateRangePicker.js +1 -1
- package/DateRangePicker/DateRangePickerToolbar.js +2 -4
- package/DateRangePickerDay/DateRangePickerDay.js +1 -3
- package/DateTimeRangePicker/DateTimeRangePicker.js +1 -1
- package/DateTimeRangePicker/DateTimeRangePickerTabs.js +3 -6
- package/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +1 -8
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.js +3 -6
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +2 -7
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +1 -2
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.js +1 -1
- package/MobileDateRangePicker/MobileDateRangePicker.js +1 -1
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +1 -2
- package/MobileTimeRangePicker/MobileTimeRangePicker.js +1 -1
- package/TimeRangePicker/TimeRangePicker.js +1 -1
- package/TimeRangePicker/TimeRangePickerTabs.js +2 -4
- package/TimeRangePicker/TimeRangePickerTimeWrapper.js +1 -6
- package/TimeRangePicker/TimeRangePickerToolbar.js +4 -8
- package/esm/DateRangeCalendar/DateRangeCalendar.js +3 -5
- package/esm/DateRangePicker/DateRangePicker.js +1 -1
- package/esm/DateRangePicker/DateRangePickerToolbar.js +2 -4
- package/esm/DateRangePickerDay/DateRangePickerDay.js +1 -3
- package/esm/DateTimeRangePicker/DateTimeRangePicker.js +1 -1
- package/esm/DateTimeRangePicker/DateTimeRangePickerTabs.js +3 -6
- package/esm/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +2 -9
- package/esm/DateTimeRangePicker/DateTimeRangePickerToolbar.js +3 -6
- package/esm/DesktopDateRangePicker/DesktopDateRangePicker.js +2 -7
- package/esm/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +1 -2
- package/esm/DesktopTimeRangePicker/DesktopTimeRangePicker.js +1 -1
- package/esm/MobileDateRangePicker/MobileDateRangePicker.js +1 -1
- package/esm/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +1 -2
- package/esm/MobileTimeRangePicker/MobileTimeRangePicker.js +1 -1
- package/esm/TimeRangePicker/TimeRangePicker.js +1 -1
- package/esm/TimeRangePicker/TimeRangePickerTabs.js +2 -4
- package/esm/TimeRangePicker/TimeRangePickerTimeWrapper.js +1 -6
- package/esm/TimeRangePicker/TimeRangePickerToolbar.js +4 -8
- package/esm/index.js +1 -1
- package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +8 -5
- package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +4 -4
- package/esm/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js +2 -4
- package/esm/internals/utils/createMultiInputRangeField/useTextFieldProps.js +1 -0
- package/esm/internals/utils/createRangePickerStepNavigation.js +3 -3
- package/esm/internals/utils/date-fields-utils.d.ts +1 -0
- package/index.js +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +8 -5
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +4 -4
- package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js +2 -4
- package/internals/utils/createMultiInputRangeField/useTextFieldProps.js +1 -0
- package/internals/utils/createRangePickerStepNavigation.js +3 -3
- package/internals/utils/date-fields-utils.d.ts +1 -0
- package/package.json +5 -13
- package/esm/internals/utils/releaseInfo.d.ts +0 -1
- package/esm/internals/utils/releaseInfo.js +0 -13
- 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 -358
- 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 -520
- 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 -397
- 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 -350
- 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 -526
- 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 -380
- 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 -286
- 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/useDesktopRangePicker/index.d.ts +0 -2
- package/modern/internals/hooks/useDesktopRangePicker/index.js +0 -1
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -10
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -79
- 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 -10
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -117
- 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 -14
- package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -71
- package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +0 -30
- 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 -36
- 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/createRangePickerStepNavigation.d.ts +0 -16
- package/modern/internals/utils/createRangePickerStepNavigation.js +0 -31
- 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.3
|
|
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 { useDesktopRangePicker } from "./useDesktopRangePicker.js";
|
|
@@ -1,10 +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
|
-
steps,
|
|
7
|
-
...pickerParams
|
|
8
|
-
}: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
|
|
9
|
-
renderPicker: () => React.JSX.Element;
|
|
10
|
-
};
|