@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,472 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
4
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
5
|
-
const _excluded = ["className", "classes", "isEndOfHighlighting", "isEndOfPreviewing", "isHighlighting", "isPreviewing", "isStartOfHighlighting", "isStartOfPreviewing", "isVisuallySelected", "sx", "draggable", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth"];
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import PropTypes from 'prop-types';
|
|
8
|
-
import clsx from 'clsx';
|
|
9
|
-
import { useLicenseVerifier } from '@mui/x-license';
|
|
10
|
-
import { alpha, styled, useThemeProps } from '@mui/material/styles';
|
|
11
|
-
import composeClasses from '@mui/utils/composeClasses';
|
|
12
|
-
import { useUtils, usePickerDayOwnerState } from '@mui/x-date-pickers/internals';
|
|
13
|
-
import { PickersDay } from '@mui/x-date-pickers/PickersDay';
|
|
14
|
-
import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
|
|
15
|
-
import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
|
|
16
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
-
const releaseInfo = getReleaseInfo();
|
|
18
|
-
const useUtilityClasses = (classes, ownerState) => {
|
|
19
|
-
const {
|
|
20
|
-
// Properties shared with PickersDay
|
|
21
|
-
isDaySelected,
|
|
22
|
-
isDayOutsideMonth,
|
|
23
|
-
// Range-specific properties (present in the Base UI implementation)
|
|
24
|
-
isDaySelectionStart,
|
|
25
|
-
isDaySelectionEnd,
|
|
26
|
-
isDayInsideSelection,
|
|
27
|
-
isDayPreviewStart,
|
|
28
|
-
isDayPreviewEnd,
|
|
29
|
-
isDayPreviewed,
|
|
30
|
-
// Range-specific properties (specific to the MUI implementation)
|
|
31
|
-
isDayStartOfMonth,
|
|
32
|
-
isDayEndOfMonth,
|
|
33
|
-
isDayFirstVisibleCell,
|
|
34
|
-
isDayLastVisibleCell,
|
|
35
|
-
isDayFillerCell
|
|
36
|
-
} = ownerState;
|
|
37
|
-
const slots = {
|
|
38
|
-
root: ['root', isDaySelected && 'rangeIntervalDayHighlight', isDaySelectionStart && 'rangeIntervalDayHighlightStart', isDaySelectionEnd && 'rangeIntervalDayHighlightEnd', isDayOutsideMonth && 'outsideCurrentMonth', isDayStartOfMonth && 'startOfMonth', isDayEndOfMonth && 'endOfMonth', isDayFirstVisibleCell && 'firstVisibleCell', isDayLastVisibleCell && 'lastVisibleCell', isDayFillerCell && 'hiddenDayFiller'],
|
|
39
|
-
rangeIntervalPreview: ['rangeIntervalPreview', isDayPreviewed && 'rangeIntervalDayPreview', (isDayPreviewStart || isDayStartOfMonth) && 'rangeIntervalDayPreviewStart', (isDayPreviewEnd || isDayEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
|
|
40
|
-
day: ['day', !isDaySelected && 'notSelectedDate', !isDaySelected && 'dayOutsideRangeInterval', !isDayInsideSelection && 'dayInsideRangeInterval']
|
|
41
|
-
};
|
|
42
|
-
return composeClasses(slots, getDateRangePickerDayUtilityClass, classes);
|
|
43
|
-
};
|
|
44
|
-
const endBorderStyle = {
|
|
45
|
-
borderTopRightRadius: '50%',
|
|
46
|
-
borderBottomRightRadius: '50%'
|
|
47
|
-
};
|
|
48
|
-
const startBorderStyle = {
|
|
49
|
-
borderTopLeftRadius: '50%',
|
|
50
|
-
borderBottomLeftRadius: '50%'
|
|
51
|
-
};
|
|
52
|
-
const DateRangePickerDayRoot = styled('div', {
|
|
53
|
-
name: 'MuiDateRangePickerDay',
|
|
54
|
-
slot: 'Root',
|
|
55
|
-
overridesResolver: (_, styles) => [{
|
|
56
|
-
[`&.${dateRangePickerDayClasses.rangeIntervalDayHighlight}`]: styles.rangeIntervalDayHighlight
|
|
57
|
-
}, {
|
|
58
|
-
[`&.${dateRangePickerDayClasses.rangeIntervalDayHighlightStart}`]: styles.rangeIntervalDayHighlightStart
|
|
59
|
-
}, {
|
|
60
|
-
[`&.${dateRangePickerDayClasses.rangeIntervalDayHighlightEnd}`]: styles.rangeIntervalDayHighlightEnd
|
|
61
|
-
}, {
|
|
62
|
-
[`&.${dateRangePickerDayClasses.firstVisibleCell}`]: styles.firstVisibleCell
|
|
63
|
-
}, {
|
|
64
|
-
[`&.${dateRangePickerDayClasses.lastVisibleCell}`]: styles.lastVisibleCell
|
|
65
|
-
}, {
|
|
66
|
-
[`&.${dateRangePickerDayClasses.startOfMonth}`]: styles.startOfMonth
|
|
67
|
-
}, {
|
|
68
|
-
[`&.${dateRangePickerDayClasses.endOfMonth}`]: styles.endOfMonth
|
|
69
|
-
}, {
|
|
70
|
-
[`&.${dateRangePickerDayClasses.outsideCurrentMonth}`]: styles.outsideCurrentMonth
|
|
71
|
-
}, {
|
|
72
|
-
[`&.${dateRangePickerDayClasses.hiddenDayFiller}`]: styles.hiddenDayFiller
|
|
73
|
-
}, styles.root]
|
|
74
|
-
})(({
|
|
75
|
-
theme
|
|
76
|
-
}) => ({
|
|
77
|
-
variants: [{
|
|
78
|
-
props: {
|
|
79
|
-
isDayFillerCell: false
|
|
80
|
-
},
|
|
81
|
-
style: {
|
|
82
|
-
[`&:first-of-type .${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: _extends({}, startBorderStyle, {
|
|
83
|
-
borderLeftColor: (theme.vars || theme).palette.divider
|
|
84
|
-
}),
|
|
85
|
-
[`&:last-of-type .${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: _extends({}, endBorderStyle, {
|
|
86
|
-
borderRightColor: (theme.vars || theme).palette.divider
|
|
87
|
-
})
|
|
88
|
-
}
|
|
89
|
-
}, {
|
|
90
|
-
props: {
|
|
91
|
-
isDayFillerCell: false,
|
|
92
|
-
isDaySelected: true
|
|
93
|
-
},
|
|
94
|
-
style: {
|
|
95
|
-
borderRadius: 0,
|
|
96
|
-
color: (theme.vars || theme).palette.primary.contrastText,
|
|
97
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity),
|
|
98
|
-
'&:first-of-type': startBorderStyle,
|
|
99
|
-
'&:last-of-type': endBorderStyle
|
|
100
|
-
}
|
|
101
|
-
}, {
|
|
102
|
-
props: ({
|
|
103
|
-
ownerState: {
|
|
104
|
-
isDayFillerCell,
|
|
105
|
-
isDaySelectionStart,
|
|
106
|
-
isDayFirstVisibleCell
|
|
107
|
-
}
|
|
108
|
-
}) => !isDayFillerCell && (isDaySelectionStart || isDayFirstVisibleCell),
|
|
109
|
-
style: _extends({}, startBorderStyle, {
|
|
110
|
-
paddingLeft: 0
|
|
111
|
-
})
|
|
112
|
-
}, {
|
|
113
|
-
props: ({
|
|
114
|
-
ownerState: {
|
|
115
|
-
isDayFillerCell,
|
|
116
|
-
isDaySelectionEnd,
|
|
117
|
-
isDayLastVisibleCell
|
|
118
|
-
}
|
|
119
|
-
}) => !isDayFillerCell && (isDaySelectionEnd || isDayLastVisibleCell),
|
|
120
|
-
style: _extends({}, endBorderStyle, {
|
|
121
|
-
paddingRight: 0
|
|
122
|
-
})
|
|
123
|
-
}]
|
|
124
|
-
}));
|
|
125
|
-
const DateRangePickerDayRangeIntervalPreview = styled('div', {
|
|
126
|
-
name: 'MuiDateRangePickerDay',
|
|
127
|
-
slot: 'RangeIntervalPreview',
|
|
128
|
-
overridesResolver: (_, styles) => [{
|
|
129
|
-
[`&.${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: styles.rangeIntervalDayPreview
|
|
130
|
-
}, {
|
|
131
|
-
[`&.${dateRangePickerDayClasses.rangeIntervalDayPreviewStart}`]: styles.rangeIntervalDayPreviewStart
|
|
132
|
-
}, {
|
|
133
|
-
[`&.${dateRangePickerDayClasses.rangeIntervalDayPreviewEnd}`]: styles.rangeIntervalDayPreviewEnd
|
|
134
|
-
}, styles.rangeIntervalPreview]
|
|
135
|
-
})(({
|
|
136
|
-
theme
|
|
137
|
-
}) => ({
|
|
138
|
-
// replace default day component margin with transparent border to avoid jumping on preview
|
|
139
|
-
border: '2px solid transparent',
|
|
140
|
-
variants: [{
|
|
141
|
-
props: {
|
|
142
|
-
isDayPreviewed: true,
|
|
143
|
-
isDayFillerCell: false
|
|
144
|
-
},
|
|
145
|
-
style: {
|
|
146
|
-
borderRadius: 0,
|
|
147
|
-
border: `2px dashed ${(theme.vars || theme).palette.divider}`,
|
|
148
|
-
borderLeftColor: 'transparent',
|
|
149
|
-
borderRightColor: 'transparent'
|
|
150
|
-
}
|
|
151
|
-
}, {
|
|
152
|
-
props: ({
|
|
153
|
-
ownerState: {
|
|
154
|
-
isDayPreviewed,
|
|
155
|
-
isDayFillerCell,
|
|
156
|
-
isDayPreviewStart,
|
|
157
|
-
isDayFirstVisibleCell
|
|
158
|
-
}
|
|
159
|
-
}) => isDayPreviewed && !isDayFillerCell && (isDayPreviewStart || isDayFirstVisibleCell),
|
|
160
|
-
style: _extends({
|
|
161
|
-
borderLeftColor: (theme.vars || theme).palette.divider
|
|
162
|
-
}, startBorderStyle)
|
|
163
|
-
}, {
|
|
164
|
-
props: ({
|
|
165
|
-
ownerState: {
|
|
166
|
-
isDayPreviewed,
|
|
167
|
-
isDayFillerCell,
|
|
168
|
-
isDayPreviewEnd,
|
|
169
|
-
isDayLastVisibleCell
|
|
170
|
-
}
|
|
171
|
-
}) => isDayPreviewed && !isDayFillerCell && (isDayPreviewEnd || isDayLastVisibleCell),
|
|
172
|
-
style: _extends({
|
|
173
|
-
borderRightColor: (theme.vars || theme).palette.divider
|
|
174
|
-
}, endBorderStyle)
|
|
175
|
-
}]
|
|
176
|
-
}));
|
|
177
|
-
const DateRangePickerDayDay = styled(PickersDay, {
|
|
178
|
-
name: 'MuiDateRangePickerDay',
|
|
179
|
-
slot: 'Day',
|
|
180
|
-
overridesResolver: (_, styles) => [{
|
|
181
|
-
[`&.${dateRangePickerDayClasses.dayInsideRangeInterval}`]: styles.dayInsideRangeInterval
|
|
182
|
-
}, {
|
|
183
|
-
[`&.${dateRangePickerDayClasses.dayOutsideRangeInterval}`]: styles.dayOutsideRangeInterval
|
|
184
|
-
}, {
|
|
185
|
-
[`&.${dateRangePickerDayClasses.notSelectedDate}`]: styles.notSelectedDate
|
|
186
|
-
}, styles.day]
|
|
187
|
-
})({
|
|
188
|
-
// Required to overlap preview border
|
|
189
|
-
transform: 'scale(1.1)',
|
|
190
|
-
'& > *': {
|
|
191
|
-
transform: 'scale(0.9)'
|
|
192
|
-
},
|
|
193
|
-
variants: [{
|
|
194
|
-
props: {
|
|
195
|
-
draggable: true
|
|
196
|
-
},
|
|
197
|
-
style: {
|
|
198
|
-
cursor: 'grab',
|
|
199
|
-
touchAction: 'none'
|
|
200
|
-
}
|
|
201
|
-
}]
|
|
202
|
-
});
|
|
203
|
-
const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePickerDay(inProps, ref) {
|
|
204
|
-
const props = useThemeProps({
|
|
205
|
-
props: inProps,
|
|
206
|
-
name: 'MuiDateRangePickerDay'
|
|
207
|
-
});
|
|
208
|
-
const {
|
|
209
|
-
className,
|
|
210
|
-
classes: classesProp,
|
|
211
|
-
isEndOfHighlighting,
|
|
212
|
-
isEndOfPreviewing,
|
|
213
|
-
isHighlighting,
|
|
214
|
-
isPreviewing,
|
|
215
|
-
isStartOfHighlighting,
|
|
216
|
-
isStartOfPreviewing,
|
|
217
|
-
isVisuallySelected,
|
|
218
|
-
sx,
|
|
219
|
-
draggable,
|
|
220
|
-
isFirstVisibleCell,
|
|
221
|
-
isLastVisibleCell,
|
|
222
|
-
day,
|
|
223
|
-
selected,
|
|
224
|
-
disabled,
|
|
225
|
-
today,
|
|
226
|
-
outsideCurrentMonth,
|
|
227
|
-
disableMargin,
|
|
228
|
-
disableHighlightToday,
|
|
229
|
-
showDaysOutsideCurrentMonth
|
|
230
|
-
} = props,
|
|
231
|
-
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
232
|
-
useLicenseVerifier('x-date-pickers-pro', releaseInfo);
|
|
233
|
-
const utils = useUtils();
|
|
234
|
-
const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
|
|
235
|
-
const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
|
|
236
|
-
const pickersDayOwnerState = usePickerDayOwnerState({
|
|
237
|
-
day,
|
|
238
|
-
selected,
|
|
239
|
-
disabled,
|
|
240
|
-
today,
|
|
241
|
-
outsideCurrentMonth,
|
|
242
|
-
disableMargin,
|
|
243
|
-
disableHighlightToday,
|
|
244
|
-
showDaysOutsideCurrentMonth
|
|
245
|
-
});
|
|
246
|
-
const ownerState = _extends({}, pickersDayOwnerState, {
|
|
247
|
-
// Properties that the Base UI implementation will have
|
|
248
|
-
isDaySelectionStart: isStartOfHighlighting,
|
|
249
|
-
isDaySelectionEnd: isEndOfHighlighting,
|
|
250
|
-
isDayInsideSelection: isHighlighting && !isStartOfHighlighting && !isEndOfHighlighting,
|
|
251
|
-
isDaySelected: isHighlighting,
|
|
252
|
-
isDayPreviewed: isPreviewing,
|
|
253
|
-
isDayPreviewStart: isStartOfPreviewing,
|
|
254
|
-
isDayPreviewEnd: isEndOfPreviewing,
|
|
255
|
-
isDayInsidePreview: isPreviewing && !isStartOfPreviewing && !isEndOfPreviewing,
|
|
256
|
-
// Properties specific to the MUI implementation (some might be removed in the next major)
|
|
257
|
-
isDayStartOfMonth: utils.isSameDay(day, utils.startOfMonth(day)),
|
|
258
|
-
isDayEndOfMonth: utils.isSameDay(day, utils.endOfMonth(day)),
|
|
259
|
-
isDayFirstVisibleCell: isFirstVisibleCell,
|
|
260
|
-
isDayLastVisibleCell: isLastVisibleCell,
|
|
261
|
-
isDayFillerCell: outsideCurrentMonth && !showDaysOutsideCurrentMonth
|
|
262
|
-
});
|
|
263
|
-
const classes = useUtilityClasses(classesProp, ownerState);
|
|
264
|
-
return /*#__PURE__*/_jsx(DateRangePickerDayRoot, {
|
|
265
|
-
className: clsx(classes.root, className),
|
|
266
|
-
ownerState: ownerState,
|
|
267
|
-
sx: sx,
|
|
268
|
-
children: /*#__PURE__*/_jsx(DateRangePickerDayRangeIntervalPreview, {
|
|
269
|
-
className: classes.rangeIntervalPreview,
|
|
270
|
-
ownerState: ownerState,
|
|
271
|
-
children: /*#__PURE__*/_jsx(DateRangePickerDayDay, _extends({}, other, {
|
|
272
|
-
ref: ref,
|
|
273
|
-
day: day,
|
|
274
|
-
selected: isVisuallySelected,
|
|
275
|
-
disabled: disabled,
|
|
276
|
-
today: today,
|
|
277
|
-
outsideCurrentMonth: outsideCurrentMonth,
|
|
278
|
-
disableMargin: true,
|
|
279
|
-
disableHighlightToday: disableHighlightToday,
|
|
280
|
-
showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth,
|
|
281
|
-
className: classes.day,
|
|
282
|
-
ownerState: ownerState,
|
|
283
|
-
draggable: draggable,
|
|
284
|
-
isFirstVisibleCell: isFirstVisibleCell,
|
|
285
|
-
isLastVisibleCell: isLastVisibleCell
|
|
286
|
-
}))
|
|
287
|
-
})
|
|
288
|
-
});
|
|
289
|
-
});
|
|
290
|
-
process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
|
|
291
|
-
// ----------------------------- Warning --------------------------------
|
|
292
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
293
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
294
|
-
// ----------------------------------------------------------------------
|
|
295
|
-
/**
|
|
296
|
-
* A ref for imperative actions.
|
|
297
|
-
* It currently only supports `focusVisible()` action.
|
|
298
|
-
*/
|
|
299
|
-
action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
300
|
-
current: PropTypes.shape({
|
|
301
|
-
focusVisible: PropTypes.func.isRequired
|
|
302
|
-
})
|
|
303
|
-
})]),
|
|
304
|
-
/**
|
|
305
|
-
* If `true`, the ripples are centered.
|
|
306
|
-
* They won't start at the cursor interaction position.
|
|
307
|
-
* @default false
|
|
308
|
-
*/
|
|
309
|
-
centerRipple: PropTypes.bool,
|
|
310
|
-
/**
|
|
311
|
-
* Override or extend the styles applied to the component.
|
|
312
|
-
*/
|
|
313
|
-
classes: PropTypes.object,
|
|
314
|
-
className: PropTypes.string,
|
|
315
|
-
component: PropTypes.elementType,
|
|
316
|
-
/**
|
|
317
|
-
* The date to show.
|
|
318
|
-
*/
|
|
319
|
-
day: PropTypes.object.isRequired,
|
|
320
|
-
/**
|
|
321
|
-
* If `true`, renders as disabled.
|
|
322
|
-
* @default false
|
|
323
|
-
*/
|
|
324
|
-
disabled: PropTypes.bool,
|
|
325
|
-
/**
|
|
326
|
-
* If `true`, today's date is rendering without highlighting with circle.
|
|
327
|
-
* @default false
|
|
328
|
-
*/
|
|
329
|
-
disableHighlightToday: PropTypes.bool,
|
|
330
|
-
/**
|
|
331
|
-
* If `true`, days are rendering without margin. Useful for displaying linked range of days.
|
|
332
|
-
* @default false
|
|
333
|
-
*/
|
|
334
|
-
disableMargin: PropTypes.bool,
|
|
335
|
-
/**
|
|
336
|
-
* If `true`, the ripple effect is disabled.
|
|
337
|
-
*
|
|
338
|
-
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
|
339
|
-
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
340
|
-
* @default false
|
|
341
|
-
*/
|
|
342
|
-
disableRipple: PropTypes.bool,
|
|
343
|
-
/**
|
|
344
|
-
* If `true`, the touch ripple effect is disabled.
|
|
345
|
-
* @default false
|
|
346
|
-
*/
|
|
347
|
-
disableTouchRipple: PropTypes.bool,
|
|
348
|
-
/**
|
|
349
|
-
* If `true`, the day can be dragged to change the current date range.
|
|
350
|
-
* @default false
|
|
351
|
-
*/
|
|
352
|
-
draggable: PropTypes.bool,
|
|
353
|
-
/**
|
|
354
|
-
* If `true`, the base button will have a keyboard focus ripple.
|
|
355
|
-
* @default false
|
|
356
|
-
*/
|
|
357
|
-
focusRipple: PropTypes.bool,
|
|
358
|
-
/**
|
|
359
|
-
* This prop can help identify which element has keyboard focus.
|
|
360
|
-
* The class name will be applied when the element gains the focus through keyboard interaction.
|
|
361
|
-
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
|
|
362
|
-
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
|
|
363
|
-
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
|
|
364
|
-
* if needed.
|
|
365
|
-
*/
|
|
366
|
-
focusVisibleClassName: PropTypes.string,
|
|
367
|
-
isAnimating: PropTypes.bool,
|
|
368
|
-
/**
|
|
369
|
-
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
370
|
-
*/
|
|
371
|
-
isEndOfHighlighting: PropTypes.bool.isRequired,
|
|
372
|
-
/**
|
|
373
|
-
* Set to `true` if the `day` is the end of a previewing date range.
|
|
374
|
-
*/
|
|
375
|
-
isEndOfPreviewing: PropTypes.bool.isRequired,
|
|
376
|
-
/**
|
|
377
|
-
* If `true`, day is the first visible cell of the month.
|
|
378
|
-
* Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
379
|
-
*/
|
|
380
|
-
isFirstVisibleCell: PropTypes.bool.isRequired,
|
|
381
|
-
/**
|
|
382
|
-
* Set to `true` if the `day` is in a highlighted date range.
|
|
383
|
-
*/
|
|
384
|
-
isHighlighting: PropTypes.bool.isRequired,
|
|
385
|
-
/**
|
|
386
|
-
* If `true`, day is the last visible cell of the month.
|
|
387
|
-
* Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
388
|
-
*/
|
|
389
|
-
isLastVisibleCell: PropTypes.bool.isRequired,
|
|
390
|
-
/**
|
|
391
|
-
* Set to `true` if the `day` is in a preview date range.
|
|
392
|
-
*/
|
|
393
|
-
isPreviewing: PropTypes.bool.isRequired,
|
|
394
|
-
/**
|
|
395
|
-
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
396
|
-
*/
|
|
397
|
-
isStartOfHighlighting: PropTypes.bool.isRequired,
|
|
398
|
-
/**
|
|
399
|
-
* Set to `true` if the `day` is the start of a previewing date range.
|
|
400
|
-
*/
|
|
401
|
-
isStartOfPreviewing: PropTypes.bool.isRequired,
|
|
402
|
-
/**
|
|
403
|
-
* Indicates if the day should be visually selected.
|
|
404
|
-
*/
|
|
405
|
-
isVisuallySelected: PropTypes.bool,
|
|
406
|
-
onDaySelect: PropTypes.func.isRequired,
|
|
407
|
-
/**
|
|
408
|
-
* Callback fired when the component is focused with a keyboard.
|
|
409
|
-
* We trigger a `onFocus` callback too.
|
|
410
|
-
*/
|
|
411
|
-
onFocusVisible: PropTypes.func,
|
|
412
|
-
onMouseEnter: PropTypes.func,
|
|
413
|
-
/**
|
|
414
|
-
* If `true`, day is outside of month and will be hidden.
|
|
415
|
-
*/
|
|
416
|
-
outsideCurrentMonth: PropTypes.bool.isRequired,
|
|
417
|
-
/**
|
|
418
|
-
* If `true`, renders as selected.
|
|
419
|
-
* @default false
|
|
420
|
-
*/
|
|
421
|
-
selected: PropTypes.bool,
|
|
422
|
-
/**
|
|
423
|
-
* If `true`, days outside the current month are rendered:
|
|
424
|
-
*
|
|
425
|
-
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
426
|
-
*
|
|
427
|
-
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
428
|
-
*
|
|
429
|
-
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
430
|
-
* @default false
|
|
431
|
-
*/
|
|
432
|
-
showDaysOutsideCurrentMonth: PropTypes.bool,
|
|
433
|
-
style: PropTypes.object,
|
|
434
|
-
/**
|
|
435
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
436
|
-
*/
|
|
437
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
438
|
-
/**
|
|
439
|
-
* @default 0
|
|
440
|
-
*/
|
|
441
|
-
tabIndex: PropTypes.number,
|
|
442
|
-
/**
|
|
443
|
-
* If `true`, renders as today date.
|
|
444
|
-
* @default false
|
|
445
|
-
*/
|
|
446
|
-
today: PropTypes.bool,
|
|
447
|
-
/**
|
|
448
|
-
* Props applied to the `TouchRipple` element.
|
|
449
|
-
*/
|
|
450
|
-
TouchRippleProps: PropTypes.object,
|
|
451
|
-
/**
|
|
452
|
-
* A ref that points to the `TouchRipple` element.
|
|
453
|
-
*/
|
|
454
|
-
touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
455
|
-
current: PropTypes.shape({
|
|
456
|
-
pulsate: PropTypes.func.isRequired,
|
|
457
|
-
start: PropTypes.func.isRequired,
|
|
458
|
-
stop: PropTypes.func.isRequired
|
|
459
|
-
})
|
|
460
|
-
})])
|
|
461
|
-
} : void 0;
|
|
462
|
-
|
|
463
|
-
/**
|
|
464
|
-
* Demos:
|
|
465
|
-
*
|
|
466
|
-
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
467
|
-
*
|
|
468
|
-
* API:
|
|
469
|
-
*
|
|
470
|
-
* - [DateRangePickerDay API](https://mui.com/x/api/date-pickers/date-range-picker-day/)
|
|
471
|
-
*/
|
|
472
|
-
export const DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { PickerDayOwnerState, PickersDayProps } from '@mui/x-date-pickers/PickersDay';
|
|
2
|
-
import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
|
|
3
|
-
export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
|
|
4
|
-
/**
|
|
5
|
-
* Set to `true` if the `day` is in a highlighted date range.
|
|
6
|
-
*/
|
|
7
|
-
isHighlighting: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
10
|
-
*/
|
|
11
|
-
isEndOfHighlighting: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
14
|
-
*/
|
|
15
|
-
isStartOfHighlighting: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Set to `true` if the `day` is in a preview date range.
|
|
18
|
-
*/
|
|
19
|
-
isPreviewing: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Set to `true` if the `day` is the end of a previewing date range.
|
|
22
|
-
*/
|
|
23
|
-
isEndOfPreviewing: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Set to `true` if the `day` is the start of a previewing date range.
|
|
26
|
-
*/
|
|
27
|
-
isStartOfPreviewing: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Override or extend the styles applied to the component.
|
|
30
|
-
*/
|
|
31
|
-
classes?: Partial<DateRangePickerDayClasses>;
|
|
32
|
-
/**
|
|
33
|
-
* Indicates if the day should be visually selected.
|
|
34
|
-
*/
|
|
35
|
-
isVisuallySelected?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* If `true`, the day can be dragged to change the current date range.
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
draggable?: boolean;
|
|
41
|
-
}
|
|
42
|
-
export interface DateRangePickerDayOwnerState extends PickerDayOwnerState {
|
|
43
|
-
/**
|
|
44
|
-
* Whether the day is the first day of the selected range.
|
|
45
|
-
*/
|
|
46
|
-
isDaySelectionStart: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Whether the day is the last day of the selected range.
|
|
49
|
-
*/
|
|
50
|
-
isDaySelectionEnd: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Whether the day is within the selected range and is not its first or last day.
|
|
53
|
-
*/
|
|
54
|
-
isDayInsideSelection: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* Whether the day is within the preview range.
|
|
57
|
-
*/
|
|
58
|
-
isDayPreviewed: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* Whether the day is the first day of the preview range.
|
|
61
|
-
*/
|
|
62
|
-
isDayPreviewStart: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Whether the day is the last day of the preview range.
|
|
65
|
-
*/
|
|
66
|
-
isDayPreviewEnd: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* Whether the day is within the preview range and is not its first or last day.
|
|
69
|
-
*/
|
|
70
|
-
isDayInsidePreview: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Whether the day is the first day of the month.
|
|
73
|
-
*/
|
|
74
|
-
isDayStartOfMonth: boolean;
|
|
75
|
-
/**
|
|
76
|
-
* Whether the day is the last day of the month.
|
|
77
|
-
*/
|
|
78
|
-
isDayEndOfMonth: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* Whether the day is the first visible cell of the month it's being rendered in.
|
|
81
|
-
*/
|
|
82
|
-
isDayFirstVisibleCell: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Whether the day is the last visible cell of the month it's being rendered in.
|
|
85
|
-
*/
|
|
86
|
-
isDayLastVisibleCell: boolean;
|
|
87
|
-
/**
|
|
88
|
-
* Whether the day is a filler day (its content is hidden).
|
|
89
|
-
*/
|
|
90
|
-
isDayFillerCell: boolean;
|
|
91
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
export interface DateRangePickerDayClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `isHighlighting=true`. */
|
|
5
|
-
rangeIntervalDayHighlight: string;
|
|
6
|
-
/** Styles applied to the root element if `isStartOfHighlighting=true`. */
|
|
7
|
-
rangeIntervalDayHighlightStart: string;
|
|
8
|
-
/** Styles applied to the root element if `isEndOfHighlighting=true`. */
|
|
9
|
-
rangeIntervalDayHighlightEnd: string;
|
|
10
|
-
/** Styles applied to the preview element. */
|
|
11
|
-
rangeIntervalPreview: string;
|
|
12
|
-
/** Styles applied to the root element if `isPreviewing=true`. */
|
|
13
|
-
rangeIntervalDayPreview: string;
|
|
14
|
-
/** Styles applied to the root element if `isStartOfPreviewing=true`. */
|
|
15
|
-
rangeIntervalDayPreviewStart: string;
|
|
16
|
-
/** Styles applied to the root element if `isEndOfPreviewing=true`. */
|
|
17
|
-
rangeIntervalDayPreviewEnd: string;
|
|
18
|
-
/** Styles applied to the root element if `outsideCurrentMonth=true` */
|
|
19
|
-
outsideCurrentMonth: string;
|
|
20
|
-
/** Styles applied to the root element if `day` is the start of the month. */
|
|
21
|
-
startOfMonth: string;
|
|
22
|
-
/** Styles applied to the root element if `day` is the end of the month. */
|
|
23
|
-
endOfMonth: string;
|
|
24
|
-
/** Styles applied to the root element if `day` is the first visible cell of the month. */
|
|
25
|
-
firstVisibleCell: string;
|
|
26
|
-
/** Styles applied to the root element if `day` is the last visible cell of the month. */
|
|
27
|
-
lastVisibleCell: string;
|
|
28
|
-
/** Styles applied to the root element if it is an empty cell used to fill the week. */
|
|
29
|
-
hiddenDayFiller: string;
|
|
30
|
-
/** Styles applied to the day element. */
|
|
31
|
-
day: string;
|
|
32
|
-
/** Styles applied to the day element if `isHighlighting=false`. */
|
|
33
|
-
dayOutsideRangeInterval: string;
|
|
34
|
-
/** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
|
|
35
|
-
dayInsideRangeInterval: string;
|
|
36
|
-
/** Styles applied to the day element if `selected=false`. */
|
|
37
|
-
notSelectedDate: string;
|
|
38
|
-
}
|
|
39
|
-
export type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
|
|
40
|
-
export declare function getDateRangePickerDayUtilityClass(slot: string): string;
|
|
41
|
-
export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
2
|
-
export function getDateRangePickerDayUtilityClass(slot) {
|
|
3
|
-
return generateUtilityClass('MuiDateRangePickerDay', slot);
|
|
4
|
-
}
|
|
5
|
-
export const dateRangePickerDayClasses = generateUtilityClasses('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { DateRangePickerDay } from "./DateRangePickerDay.js";
|
|
2
|
-
export type { DateRangePickerDayProps, DateRangePickerDayOwnerState } from './DateRangePickerDay.types';
|
|
3
|
-
export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
|
|
4
|
-
export type { DateRangePickerDayClasses, DateRangePickerDayClassKey } from './dateRangePickerDayClasses';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DateTimeRangePickerProps } from "./DateTimeRangePicker.types.js";
|
|
3
|
-
type DateTimeRangePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
|
-
propTypes?: any;
|
|
5
|
-
};
|
|
6
|
-
/**
|
|
7
|
-
* Demos:
|
|
8
|
-
*
|
|
9
|
-
* - [DateTimeRangePicker](https://mui.com/x/react-date-pickers/date-time-range-picker/)
|
|
10
|
-
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
-
*
|
|
12
|
-
* API:
|
|
13
|
-
*
|
|
14
|
-
* - [DateTimeRangePicker API](https://mui.com/x/api/date-pickers/date-time-range-picker/)
|
|
15
|
-
*/
|
|
16
|
-
declare const DateTimeRangePicker: DateTimeRangePickerComponent;
|
|
17
|
-
export { DateTimeRangePicker };
|