@mui/x-date-pickers-pro 7.0.0-beta.2 → 7.0.0-beta.5
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 +429 -30
- package/DateRangeCalendar/DateRangeCalendar.js +3 -1
- package/DateRangeCalendar/DateRangeCalendar.types.d.ts +3 -0
- package/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/DateRangePicker/DateRangePicker.js +9 -9
- package/DateRangePicker/DateRangePicker.types.d.ts +3 -3
- package/DateRangePicker/DateRangePickerToolbar.d.ts +5 -2
- package/DateRangePicker/DateRangePickerToolbar.js +22 -2
- package/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
- package/DateTimeRangePicker/DateTimeRangePicker.js +11 -12
- package/DateTimeRangePicker/DateTimeRangePicker.types.d.ts +3 -3
- package/DateTimeRangePicker/DateTimeRangePickerTabs.js +7 -1
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.d.ts +3 -0
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.js +45 -9
- package/DateTimeRangePicker/shared.js +8 -3
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +1 -1
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +9 -9
- package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +3 -3
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.ts +1 -1
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +11 -12
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.ts +3 -3
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +1 -1
- package/MobileDateRangePicker/MobileDateRangePicker.js +9 -9
- package/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +3 -3
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.ts +1 -1
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +11 -12
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.ts +3 -3
- package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +1 -1
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +17 -19
- package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +11 -14
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +1 -1
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +17 -19
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +12 -16
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +1 -1
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +17 -19
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +12 -16
- package/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +2 -2
- package/SingleInputDateRangeField/SingleInputDateRangeField.js +12 -10
- package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +11 -14
- package/SingleInputDateRangeField/index.d.ts +1 -1
- package/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +2 -3
- package/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -15
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +2 -2
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +12 -10
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +12 -15
- package/SingleInputDateTimeRangeField/index.d.ts +1 -1
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +2 -3
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -20
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +2 -2
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +11 -9
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +12 -15
- package/SingleInputTimeRangeField/index.d.ts +1 -1
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +2 -3
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -14
- package/StaticDateRangePicker/StaticDateRangePicker.js +0 -1
- package/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +1 -1
- package/index.d.ts +0 -1
- package/index.js +2 -1
- package/internals/hooks/models/useRangePicker.d.ts +5 -5
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -1
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +16 -7
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +5 -5
- package/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +15 -15
- package/internals/hooks/useEnrichedRangePickerFieldProps.js +37 -40
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +18 -9
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +5 -5
- package/internals/hooks/useMultiInputFieldSelectedSections.d.ts +21 -0
- package/internals/hooks/useMultiInputFieldSelectedSections.js +43 -0
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts +1 -1
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +17 -12
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts +2 -3
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +23 -31
- package/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.d.ts +4 -4
- package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts +2 -3
- package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +23 -25
- package/internals/hooks/useRangePosition.d.ts +2 -4
- package/internals/hooks/useRangePosition.js +3 -6
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +1 -0
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +1 -2
- package/internals/models/dateRange.d.ts +3 -15
- package/internals/models/dateTimeRange.d.ts +4 -6
- package/internals/models/index.d.ts +0 -1
- package/internals/models/index.js +0 -1
- package/internals/models/timeRange.d.ts +3 -6
- package/internals/utils/date-fields-utils.d.ts +1 -5
- package/internals/utils/releaseInfo.js +1 -1
- package/internals/utils/valueManagers.d.ts +1 -2
- package/internals/utils/valueManagers.js +11 -6
- package/models/fields.d.ts +69 -0
- package/models/index.d.ts +1 -0
- package/models/index.js +1 -0
- package/modern/DateRangeCalendar/DateRangeCalendar.js +3 -1
- package/modern/DateRangePicker/DateRangePicker.js +9 -9
- package/modern/DateRangePicker/DateRangePickerToolbar.js +22 -2
- package/modern/DateTimeRangePicker/DateTimeRangePicker.js +11 -12
- package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.js +7 -1
- package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +45 -9
- package/modern/DateTimeRangePicker/shared.js +7 -2
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +9 -9
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +11 -12
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +9 -9
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +11 -12
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +17 -19
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +17 -19
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +17 -19
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +12 -10
- package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -14
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +12 -10
- package/modern/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -19
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +11 -9
- package/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -13
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -1
- package/modern/index.js +2 -1
- package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +16 -7
- package/modern/internals/hooks/useEnrichedRangePickerFieldProps.js +34 -37
- package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +18 -9
- package/modern/internals/hooks/useMultiInputFieldSelectedSections.js +40 -0
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +17 -12
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +23 -30
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +23 -24
- package/modern/internals/hooks/useRangePosition.js +3 -6
- package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +1 -0
- package/modern/internals/models/index.js +0 -1
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/modern/internals/utils/valueManagers.js +11 -6
- package/modern/models/index.js +1 -0
- package/node/DateRangeCalendar/DateRangeCalendar.js +3 -1
- package/node/DateRangePicker/DateRangePicker.js +9 -9
- package/node/DateRangePicker/DateRangePickerToolbar.js +22 -2
- package/node/DateTimeRangePicker/DateTimeRangePicker.js +11 -12
- package/node/DateTimeRangePicker/DateTimeRangePickerTabs.js +7 -1
- package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js +45 -9
- package/node/DateTimeRangePicker/shared.js +7 -2
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +9 -9
- package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +11 -12
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +9 -9
- package/node/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +13 -14
- package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +17 -19
- package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +17 -19
- package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +17 -19
- package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +12 -10
- package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js +2 -16
- package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +15 -13
- package/node/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +2 -21
- package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +11 -9
- package/node/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +2 -15
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +0 -1
- package/node/index.js +1 -1
- package/node/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +16 -7
- package/node/internals/hooks/useEnrichedRangePickerFieldProps.js +33 -36
- package/node/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +18 -9
- package/node/internals/hooks/useMultiInputFieldSelectedSections.js +50 -0
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +16 -11
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +23 -31
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +23 -25
- package/node/internals/hooks/useRangePosition.js +3 -8
- package/node/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +1 -0
- package/node/internals/models/index.js +0 -11
- package/node/internals/utils/releaseInfo.js +1 -1
- package/node/internals/utils/valueManagers.js +10 -5
- package/node/models/index.js +11 -0
- package/package.json +5 -5
- package/themeAugmentation/props.d.ts +15 -14
- package/internals/models/fields.d.ts +0 -49
- package/legacy/AdapterDateFns/index.js +0 -1
- package/legacy/AdapterDateFnsJalali/index.js +0 -1
- package/legacy/AdapterDateFnsV3/index.js +0 -1
- package/legacy/AdapterDayjs/index.js +0 -1
- package/legacy/AdapterLuxon/index.js +0 -1
- package/legacy/AdapterMoment/index.js +0 -1
- package/legacy/AdapterMomentHijri/index.js +0 -1
- package/legacy/AdapterMomentJalaali/index.js +0 -1
- package/legacy/DateRangeCalendar/DateRangeCalendar.js +0 -764
- package/legacy/DateRangeCalendar/DateRangeCalendar.types.js +0 -1
- package/legacy/DateRangeCalendar/dateRangeCalendarClasses.js +0 -5
- package/legacy/DateRangeCalendar/index.js +0 -2
- package/legacy/DateRangeCalendar/useDragRange.js +0 -258
- package/legacy/DateRangePicker/DateRangePicker.js +0 -334
- package/legacy/DateRangePicker/DateRangePicker.types.js +0 -1
- package/legacy/DateRangePicker/DateRangePickerToolbar.js +0 -127
- package/legacy/DateRangePicker/dateRangePickerToolbarClasses.js +0 -5
- package/legacy/DateRangePicker/index.js +0 -3
- package/legacy/DateRangePicker/shared.js +0 -33
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +0 -366
- package/legacy/DateRangePickerDay/dateRangePickerDayClasses.js +0 -5
- package/legacy/DateRangePickerDay/index.js +0 -2
- package/legacy/DateTimeRangePicker/DateTimeRangePicker.js +0 -413
- package/legacy/DateTimeRangePicker/DateTimeRangePicker.types.js +0 -1
- package/legacy/DateTimeRangePicker/DateTimeRangePickerTabs.js +0 -191
- package/legacy/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +0 -57
- package/legacy/DateTimeRangePicker/DateTimeRangePickerToolbar.js +0 -184
- package/legacy/DateTimeRangePicker/dateTimeRangePickerTabsClasses.js +0 -6
- package/legacy/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.js +0 -5
- package/legacy/DateTimeRangePicker/index.js +0 -5
- package/legacy/DateTimeRangePicker/shared.js +0 -54
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -343
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.types.js +0 -1
- package/legacy/DesktopDateRangePicker/index.js +0 -1
- package/legacy/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +0 -491
- package/legacy/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.js +0 -1
- package/legacy/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js +0 -48
- package/legacy/DesktopDateTimeRangePicker/index.js +0 -1
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +0 -339
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.types.js +0 -1
- package/legacy/MobileDateRangePicker/index.js +0 -1
- package/legacy/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +0 -484
- package/legacy/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.js +0 -1
- package/legacy/MobileDateTimeRangePicker/index.js +0 -1
- package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.js +0 -316
- package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.types.js +0 -1
- package/legacy/MultiInputDateRangeField/index.js +0 -2
- package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +0 -357
- package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.js +0 -1
- package/legacy/MultiInputDateTimeRangeField/index.js +0 -2
- package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js +0 -330
- package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.types.js +0 -1
- package/legacy/MultiInputTimeRangeField/index.js +0 -2
- package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.js +0 -307
- package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.types.js +0 -1
- package/legacy/SingleInputDateRangeField/index.js +0 -2
- package/legacy/SingleInputDateRangeField/useSingleInputDateRangeField.js +0 -30
- package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +0 -348
- package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.js +0 -1
- package/legacy/SingleInputDateTimeRangeField/index.js +0 -2
- package/legacy/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +0 -35
- package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.js +0 -321
- package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.types.js +0 -1
- package/legacy/SingleInputTimeRangeField/index.js +0 -2
- package/legacy/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +0 -29
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +0 -276
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.types.js +0 -1
- package/legacy/StaticDateRangePicker/index.js +0 -1
- package/legacy/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -87
- package/legacy/dateRangeViewRenderers/index.js +0 -1
- package/legacy/index.js +0 -52
- package/legacy/internals/constants/dimensions.js +0 -5
- package/legacy/internals/hooks/models/index.js +0 -1
- package/legacy/internals/hooks/models/useRangePicker.js +0 -1
- package/legacy/internals/hooks/useDesktopRangePicker/index.js +0 -1
- package/legacy/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -154
- package/legacy/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js +0 -1
- package/legacy/internals/hooks/useEnrichedRangePickerFieldProps.js +0 -258
- package/legacy/internals/hooks/useMobileRangePicker/index.js +0 -1
- package/legacy/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -144
- package/legacy/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.js +0 -1
- package/legacy/internals/hooks/useMultiInputRangeField/shared.js +0 -9
- package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +0 -102
- package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +0 -115
- package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.js +0 -1
- package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +0 -109
- package/legacy/internals/hooks/useRangePosition.js +0 -39
- package/legacy/internals/hooks/useStaticRangePicker/index.js +0 -1
- package/legacy/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -76
- package/legacy/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.js +0 -1
- package/legacy/internals/models/dateRange.js +0 -1
- package/legacy/internals/models/dateTimeRange.js +0 -1
- package/legacy/internals/models/index.js +0 -5
- package/legacy/internals/models/rangePickerProps.js +0 -1
- package/legacy/internals/models/timeRange.js +0 -1
- package/legacy/internals/utils/date-fields-utils.js +0 -26
- package/legacy/internals/utils/date-range-manager.js +0 -65
- package/legacy/internals/utils/date-utils.js +0 -12
- package/legacy/internals/utils/releaseInfo.js +0 -13
- package/legacy/internals/utils/validation/validateDateRange.js +0 -45
- package/legacy/internals/utils/validation/validateDateTimeRange.js +0 -45
- package/legacy/internals/utils/validation/validateTimeRange.js +0 -32
- package/legacy/internals/utils/valueManagers.js +0 -135
- package/legacy/locales/index.js +0 -1
- package/legacy/models/index.js +0 -3
- package/legacy/models/multiInputRangeFieldClasses.js +0 -1
- package/legacy/models/range.js +0 -1
- package/legacy/models/validation.js +0 -1
- package/legacy/themeAugmentation/index.js +0 -4
- package/modern/internals/models/fields.js +0 -1
- /package/{internals/models → models}/fields.js +0 -0
- /package/{legacy/internals → modern}/models/fields.js +0 -0
- /package/node/{internals/models → models}/fields.js +0 -0
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DateRangeCalendar } from '../DateRangeCalendar';
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
/**
|
|
5
|
-
* We don't pass all the props down to `DateRangeCalendar`,
|
|
6
|
-
* because otherwise some unwanted props would be passed to the HTML element.
|
|
7
|
-
*/
|
|
8
|
-
export var renderDateRangeViewCalendar = function renderDateRangeViewCalendar(_ref) {
|
|
9
|
-
var value = _ref.value,
|
|
10
|
-
defaultValue = _ref.defaultValue,
|
|
11
|
-
referenceDate = _ref.referenceDate,
|
|
12
|
-
onChange = _ref.onChange,
|
|
13
|
-
className = _ref.className,
|
|
14
|
-
classes = _ref.classes,
|
|
15
|
-
disableFuture = _ref.disableFuture,
|
|
16
|
-
disablePast = _ref.disablePast,
|
|
17
|
-
minDate = _ref.minDate,
|
|
18
|
-
maxDate = _ref.maxDate,
|
|
19
|
-
shouldDisableDate = _ref.shouldDisableDate,
|
|
20
|
-
reduceAnimations = _ref.reduceAnimations,
|
|
21
|
-
onMonthChange = _ref.onMonthChange,
|
|
22
|
-
rangePosition = _ref.rangePosition,
|
|
23
|
-
defaultRangePosition = _ref.defaultRangePosition,
|
|
24
|
-
onRangePositionChange = _ref.onRangePositionChange,
|
|
25
|
-
calendars = _ref.calendars,
|
|
26
|
-
currentMonthCalendarPosition = _ref.currentMonthCalendarPosition,
|
|
27
|
-
slots = _ref.slots,
|
|
28
|
-
slotProps = _ref.slotProps,
|
|
29
|
-
loading = _ref.loading,
|
|
30
|
-
renderLoading = _ref.renderLoading,
|
|
31
|
-
disableHighlightToday = _ref.disableHighlightToday,
|
|
32
|
-
readOnly = _ref.readOnly,
|
|
33
|
-
disabled = _ref.disabled,
|
|
34
|
-
showDaysOutsideCurrentMonth = _ref.showDaysOutsideCurrentMonth,
|
|
35
|
-
dayOfWeekFormatter = _ref.dayOfWeekFormatter,
|
|
36
|
-
disableAutoMonthSwitching = _ref.disableAutoMonthSwitching,
|
|
37
|
-
sx = _ref.sx,
|
|
38
|
-
autoFocus = _ref.autoFocus,
|
|
39
|
-
fixedWeekNumber = _ref.fixedWeekNumber,
|
|
40
|
-
disableDragEditing = _ref.disableDragEditing,
|
|
41
|
-
displayWeekNumber = _ref.displayWeekNumber,
|
|
42
|
-
timezone = _ref.timezone,
|
|
43
|
-
availableRangePositions = _ref.availableRangePositions,
|
|
44
|
-
views = _ref.views,
|
|
45
|
-
view = _ref.view,
|
|
46
|
-
onViewChange = _ref.onViewChange;
|
|
47
|
-
return /*#__PURE__*/_jsx(DateRangeCalendar, {
|
|
48
|
-
value: value,
|
|
49
|
-
defaultValue: defaultValue,
|
|
50
|
-
referenceDate: referenceDate,
|
|
51
|
-
onChange: onChange,
|
|
52
|
-
className: className,
|
|
53
|
-
classes: classes,
|
|
54
|
-
disableFuture: disableFuture,
|
|
55
|
-
disablePast: disablePast,
|
|
56
|
-
minDate: minDate,
|
|
57
|
-
maxDate: maxDate,
|
|
58
|
-
shouldDisableDate: shouldDisableDate,
|
|
59
|
-
reduceAnimations: reduceAnimations,
|
|
60
|
-
onMonthChange: onMonthChange,
|
|
61
|
-
rangePosition: rangePosition,
|
|
62
|
-
defaultRangePosition: defaultRangePosition,
|
|
63
|
-
onRangePositionChange: onRangePositionChange,
|
|
64
|
-
calendars: calendars,
|
|
65
|
-
currentMonthCalendarPosition: currentMonthCalendarPosition,
|
|
66
|
-
slots: slots,
|
|
67
|
-
slotProps: slotProps,
|
|
68
|
-
loading: loading,
|
|
69
|
-
renderLoading: renderLoading,
|
|
70
|
-
disableHighlightToday: disableHighlightToday,
|
|
71
|
-
readOnly: readOnly,
|
|
72
|
-
disabled: disabled,
|
|
73
|
-
showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth,
|
|
74
|
-
dayOfWeekFormatter: dayOfWeekFormatter,
|
|
75
|
-
disableAutoMonthSwitching: disableAutoMonthSwitching,
|
|
76
|
-
sx: sx,
|
|
77
|
-
autoFocus: autoFocus,
|
|
78
|
-
fixedWeekNumber: fixedWeekNumber,
|
|
79
|
-
disableDragEditing: disableDragEditing,
|
|
80
|
-
displayWeekNumber: displayWeekNumber,
|
|
81
|
-
timezone: timezone,
|
|
82
|
-
availableRangePositions: availableRangePositions,
|
|
83
|
-
view: view,
|
|
84
|
-
views: views,
|
|
85
|
-
onViewChange: onViewChange
|
|
86
|
-
});
|
|
87
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { renderDateRangeViewCalendar } from './dateRangeViewRenderers';
|
package/legacy/index.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @mui/x-date-pickers-pro v7.0.0-beta.2
|
|
3
|
-
*
|
|
4
|
-
* @license MUI X Commercial
|
|
5
|
-
* This source code is licensed under the commercial license found in the
|
|
6
|
-
* LICENSE file in the root directory of this source tree.
|
|
7
|
-
*/
|
|
8
|
-
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
9
|
-
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
10
|
-
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
11
|
-
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
12
|
-
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
13
|
-
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
14
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
15
|
-
import { LicenseInfo as LicenseInfoExport } from '@mui/x-license';
|
|
16
|
-
/**
|
|
17
|
-
* @deprecated Use `@mui/x-license` package instead:
|
|
18
|
-
* @example import { LicenseInfo } from '@mui/x-license';
|
|
19
|
-
*/
|
|
20
|
-
export var LicenseInfo = /*#__PURE__*/function (_LicenseInfoExport) {
|
|
21
|
-
_inherits(LicenseInfo, _LicenseInfoExport);
|
|
22
|
-
function LicenseInfo() {
|
|
23
|
-
_classCallCheck(this, LicenseInfo);
|
|
24
|
-
return _callSuper(this, LicenseInfo, arguments);
|
|
25
|
-
}
|
|
26
|
-
return _createClass(LicenseInfo);
|
|
27
|
-
}(LicenseInfoExport);
|
|
28
|
-
export * from '@mui/x-date-pickers';
|
|
29
|
-
export * from './DateRangePickerDay';
|
|
30
|
-
|
|
31
|
-
// Fields
|
|
32
|
-
export * from './MultiInputDateRangeField';
|
|
33
|
-
export * from './MultiInputTimeRangeField';
|
|
34
|
-
export * from './MultiInputDateTimeRangeField';
|
|
35
|
-
export * from './SingleInputDateRangeField';
|
|
36
|
-
export * from './SingleInputTimeRangeField';
|
|
37
|
-
export * from './SingleInputDateTimeRangeField';
|
|
38
|
-
// Calendars
|
|
39
|
-
export * from './DateRangeCalendar';
|
|
40
|
-
|
|
41
|
-
// New pickers
|
|
42
|
-
export * from './DateRangePicker';
|
|
43
|
-
export * from './DesktopDateRangePicker';
|
|
44
|
-
export * from './MobileDateRangePicker';
|
|
45
|
-
export * from './StaticDateRangePicker';
|
|
46
|
-
export * from './DateTimeRangePicker';
|
|
47
|
-
export * from './DesktopDateTimeRangePicker';
|
|
48
|
-
export * from './MobileDateTimeRangePicker';
|
|
49
|
-
|
|
50
|
-
// View renderers
|
|
51
|
-
export * from './dateRangeViewRenderers';
|
|
52
|
-
export * from './models';
|
|
@@ -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 var DAY_RANGE_SIZE = 40;
|
|
4
|
-
// adding the extra height of the range day element height difference (40px vs 36px)
|
|
5
|
-
export var RANGE_VIEW_HEIGHT = VIEW_HEIGHT + 6 * 2 * DAY_MARGIN;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useDesktopRangePicker } from './useDesktopRangePicker';
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["props"];
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { useSlotProps } from '@mui/base/utils';
|
|
6
|
-
import { useLicenseVerifier } from '@mui/x-license';
|
|
7
|
-
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
8
|
-
import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
|
|
9
|
-
import { executeInTheNextEventLoopTick, getActiveElement, usePicker, PickersPopper } from '@mui/x-date-pickers/internals';
|
|
10
|
-
import { useEnrichedRangePickerFieldProps } from '../useEnrichedRangePickerFieldProps';
|
|
11
|
-
import { getReleaseInfo } from '../../utils/releaseInfo';
|
|
12
|
-
import { useRangePosition } from '../useRangePosition';
|
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
-
var releaseInfo = getReleaseInfo();
|
|
16
|
-
export var useDesktopRangePicker = function useDesktopRangePicker(_ref) {
|
|
17
|
-
var _props$openTo, _fieldType, _initialView$current, _slots$layout;
|
|
18
|
-
var props = _ref.props,
|
|
19
|
-
pickerParams = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
useLicenseVerifier('x-date-pickers-pro', releaseInfo);
|
|
21
|
-
var slots = props.slots,
|
|
22
|
-
slotProps = props.slotProps,
|
|
23
|
-
className = props.className,
|
|
24
|
-
sx = props.sx,
|
|
25
|
-
format = props.format,
|
|
26
|
-
formatDensity = props.formatDensity,
|
|
27
|
-
timezone = props.timezone,
|
|
28
|
-
label = props.label,
|
|
29
|
-
inputRef = props.inputRef,
|
|
30
|
-
name = props.name,
|
|
31
|
-
readOnly = props.readOnly,
|
|
32
|
-
disabled = props.disabled,
|
|
33
|
-
autoFocus = props.autoFocus,
|
|
34
|
-
disableOpenPicker = props.disableOpenPicker,
|
|
35
|
-
localeText = props.localeText,
|
|
36
|
-
reduceAnimations = props.reduceAnimations;
|
|
37
|
-
var fieldContainerRef = React.useRef(null);
|
|
38
|
-
var anchorRef = React.useRef(null);
|
|
39
|
-
var popperRef = React.useRef(null);
|
|
40
|
-
var initialView = React.useRef((_props$openTo = props.openTo) != null ? _props$openTo : null);
|
|
41
|
-
var _useRangePosition = useRangePosition(props),
|
|
42
|
-
rangePosition = _useRangePosition.rangePosition,
|
|
43
|
-
onRangePositionChange = _useRangePosition.onRangePositionChange,
|
|
44
|
-
singleInputFieldRef = _useRangePosition.singleInputFieldRef;
|
|
45
|
-
var _usePicker = usePicker(_extends({}, pickerParams, {
|
|
46
|
-
props: props,
|
|
47
|
-
wrapperVariant: 'desktop',
|
|
48
|
-
autoFocusView: false,
|
|
49
|
-
additionalViewProps: {
|
|
50
|
-
rangePosition: rangePosition,
|
|
51
|
-
onRangePositionChange: onRangePositionChange
|
|
52
|
-
}
|
|
53
|
-
})),
|
|
54
|
-
open = _usePicker.open,
|
|
55
|
-
actions = _usePicker.actions,
|
|
56
|
-
layoutProps = _usePicker.layoutProps,
|
|
57
|
-
renderCurrentView = _usePicker.renderCurrentView,
|
|
58
|
-
shouldRestoreFocus = _usePicker.shouldRestoreFocus,
|
|
59
|
-
pickerFieldProps = _usePicker.fieldProps;
|
|
60
|
-
React.useEffect(function () {
|
|
61
|
-
if (layoutProps.view) {
|
|
62
|
-
initialView.current = layoutProps.view;
|
|
63
|
-
}
|
|
64
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
65
|
-
}, []);
|
|
66
|
-
var handleBlur = function handleBlur() {
|
|
67
|
-
executeInTheNextEventLoopTick(function () {
|
|
68
|
-
var _fieldContainerRef$cu, _popperRef$current;
|
|
69
|
-
if ((_fieldContainerRef$cu = fieldContainerRef.current) != null && _fieldContainerRef$cu.contains(getActiveElement(document)) || (_popperRef$current = popperRef.current) != null && _popperRef$current.contains(getActiveElement(document))) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
actions.onDismiss();
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
var Field = slots.field;
|
|
76
|
-
var fieldType = (_fieldType = Field.fieldType) != null ? _fieldType : 'multi-input';
|
|
77
|
-
var fieldProps = useSlotProps({
|
|
78
|
-
elementType: Field,
|
|
79
|
-
externalSlotProps: slotProps == null ? void 0 : slotProps.field,
|
|
80
|
-
additionalProps: _extends({}, pickerFieldProps, {
|
|
81
|
-
readOnly: readOnly,
|
|
82
|
-
disabled: disabled,
|
|
83
|
-
className: className,
|
|
84
|
-
sx: sx,
|
|
85
|
-
format: format,
|
|
86
|
-
formatDensity: formatDensity,
|
|
87
|
-
timezone: timezone,
|
|
88
|
-
autoFocus: autoFocus && !props.open,
|
|
89
|
-
ref: fieldContainerRef
|
|
90
|
-
}, fieldType === 'single-input' && {
|
|
91
|
-
inputRef: inputRef,
|
|
92
|
-
name: name
|
|
93
|
-
}),
|
|
94
|
-
ownerState: props
|
|
95
|
-
});
|
|
96
|
-
var enrichedFieldProps = useEnrichedRangePickerFieldProps({
|
|
97
|
-
wrapperVariant: 'desktop',
|
|
98
|
-
fieldType: fieldType,
|
|
99
|
-
open: open,
|
|
100
|
-
actions: actions,
|
|
101
|
-
readOnly: readOnly,
|
|
102
|
-
disableOpenPicker: disableOpenPicker,
|
|
103
|
-
label: label,
|
|
104
|
-
localeText: localeText,
|
|
105
|
-
onBlur: handleBlur,
|
|
106
|
-
rangePosition: rangePosition,
|
|
107
|
-
onRangePositionChange: onRangePositionChange,
|
|
108
|
-
singleInputFieldRef: singleInputFieldRef,
|
|
109
|
-
pickerSlotProps: slotProps,
|
|
110
|
-
pickerSlots: slots,
|
|
111
|
-
fieldProps: fieldProps,
|
|
112
|
-
anchorRef: anchorRef,
|
|
113
|
-
currentView: layoutProps.view !== props.openTo ? layoutProps.view : undefined,
|
|
114
|
-
initialView: (_initialView$current = initialView.current) != null ? _initialView$current : undefined,
|
|
115
|
-
onViewChange: layoutProps.onViewChange
|
|
116
|
-
});
|
|
117
|
-
var slotPropsForLayout = _extends({}, slotProps, {
|
|
118
|
-
tabs: _extends({}, slotProps == null ? void 0 : slotProps.tabs, {
|
|
119
|
-
rangePosition: rangePosition,
|
|
120
|
-
onRangePositionChange: onRangePositionChange
|
|
121
|
-
}),
|
|
122
|
-
toolbar: _extends({}, slotProps == null ? void 0 : slotProps.toolbar, {
|
|
123
|
-
rangePosition: rangePosition,
|
|
124
|
-
onRangePositionChange: onRangePositionChange
|
|
125
|
-
})
|
|
126
|
-
});
|
|
127
|
-
var Layout = (_slots$layout = slots == null ? void 0 : slots.layout) != null ? _slots$layout : PickersLayout;
|
|
128
|
-
var renderPicker = function renderPicker() {
|
|
129
|
-
return /*#__PURE__*/_jsxs(LocalizationProvider, {
|
|
130
|
-
localeText: localeText,
|
|
131
|
-
children: [/*#__PURE__*/_jsx(Field, _extends({}, enrichedFieldProps)), /*#__PURE__*/_jsx(PickersPopper, _extends({
|
|
132
|
-
role: "tooltip",
|
|
133
|
-
placement: "bottom-start",
|
|
134
|
-
containerRef: popperRef,
|
|
135
|
-
anchorEl: anchorRef.current,
|
|
136
|
-
onBlur: handleBlur
|
|
137
|
-
}, actions, {
|
|
138
|
-
open: open,
|
|
139
|
-
slots: slots,
|
|
140
|
-
slotProps: slotProps,
|
|
141
|
-
shouldRestoreFocus: shouldRestoreFocus,
|
|
142
|
-
reduceAnimations: reduceAnimations,
|
|
143
|
-
children: /*#__PURE__*/_jsx(Layout, _extends({}, layoutProps, slotProps == null ? void 0 : slotProps.layout, {
|
|
144
|
-
slots: slots,
|
|
145
|
-
slotProps: slotPropsForLayout,
|
|
146
|
-
children: renderCurrentView()
|
|
147
|
-
}))
|
|
148
|
-
}))]
|
|
149
|
-
});
|
|
150
|
-
};
|
|
151
|
-
return {
|
|
152
|
-
renderPicker: renderPicker
|
|
153
|
-
};
|
|
154
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,258 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
var _excluded = ["clearable", "onClear"];
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { resolveComponentProps } from '@mui/base/utils';
|
|
6
|
-
import useEventCallback from '@mui/utils/useEventCallback';
|
|
7
|
-
import useForkRef from '@mui/utils/useForkRef';
|
|
8
|
-
import { onSpaceOrEnter, useLocaleText, getActiveElement } from '@mui/x-date-pickers/internals';
|
|
9
|
-
var useMultiInputFieldSlotProps = function useMultiInputFieldSlotProps(_ref) {
|
|
10
|
-
var wrapperVariant = _ref.wrapperVariant,
|
|
11
|
-
open = _ref.open,
|
|
12
|
-
actions = _ref.actions,
|
|
13
|
-
readOnly = _ref.readOnly,
|
|
14
|
-
labelId = _ref.labelId,
|
|
15
|
-
disableOpenPicker = _ref.disableOpenPicker,
|
|
16
|
-
onBlur = _ref.onBlur,
|
|
17
|
-
rangePosition = _ref.rangePosition,
|
|
18
|
-
onRangePositionChange = _ref.onRangePositionChange,
|
|
19
|
-
inLocaleText = _ref.localeText,
|
|
20
|
-
pickerSlotProps = _ref.pickerSlotProps,
|
|
21
|
-
pickerSlots = _ref.pickerSlots,
|
|
22
|
-
fieldProps = _ref.fieldProps,
|
|
23
|
-
anchorRef = _ref.anchorRef,
|
|
24
|
-
currentView = _ref.currentView,
|
|
25
|
-
initialView = _ref.initialView,
|
|
26
|
-
onViewChange = _ref.onViewChange;
|
|
27
|
-
var localeText = useLocaleText();
|
|
28
|
-
var startRef = React.useRef(null);
|
|
29
|
-
var endRef = React.useRef(null);
|
|
30
|
-
var startFieldRef = React.useRef(null);
|
|
31
|
-
var endFieldRef = React.useRef(null);
|
|
32
|
-
var handleStartFieldRef = useForkRef(fieldProps.unstableStartFieldRef, startFieldRef);
|
|
33
|
-
var handleEndFieldRef = useForkRef(fieldProps.unstableFieldRef, endFieldRef);
|
|
34
|
-
var previousRangePosition = React.useRef(rangePosition);
|
|
35
|
-
React.useEffect(function () {
|
|
36
|
-
var _currentRef$current;
|
|
37
|
-
if (!open) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
var currentRef = rangePosition === 'start' ? startRef : endRef;
|
|
41
|
-
(_currentRef$current = currentRef.current) == null || _currentRef$current.focus();
|
|
42
|
-
var currentFieldRef = rangePosition === 'start' ? startFieldRef : endFieldRef;
|
|
43
|
-
if (!currentFieldRef.current || !currentView) {
|
|
44
|
-
// could happen when the user is switching between the inputs
|
|
45
|
-
previousRangePosition.current = rangePosition;
|
|
46
|
-
return;
|
|
47
|
-
}
|
|
48
|
-
// bring back focus to the field
|
|
49
|
-
currentFieldRef.current.setSelectedSections(
|
|
50
|
-
// use the current view or `0` when the range position has just been swapped
|
|
51
|
-
previousRangePosition.current === rangePosition ? currentView : 0);
|
|
52
|
-
previousRangePosition.current = rangePosition;
|
|
53
|
-
}, [rangePosition, open, currentView]);
|
|
54
|
-
var openRangeStartSelection = function openRangeStartSelection(event) {
|
|
55
|
-
event.stopPropagation();
|
|
56
|
-
onRangePositionChange('start');
|
|
57
|
-
if (!readOnly && !disableOpenPicker) {
|
|
58
|
-
actions.onOpen();
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
var openRangeEndSelection = function openRangeEndSelection(event) {
|
|
62
|
-
event.stopPropagation();
|
|
63
|
-
onRangePositionChange('end');
|
|
64
|
-
if (!readOnly && !disableOpenPicker) {
|
|
65
|
-
actions.onOpen();
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
var handleFocusStart = function handleFocusStart() {
|
|
69
|
-
if (open) {
|
|
70
|
-
onRangePositionChange('start');
|
|
71
|
-
if (previousRangePosition.current !== 'start' && initialView) {
|
|
72
|
-
onViewChange == null || onViewChange(initialView);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
var handleFocusEnd = function handleFocusEnd() {
|
|
77
|
-
if (open) {
|
|
78
|
-
onRangePositionChange('end');
|
|
79
|
-
if (previousRangePosition.current !== 'end' && initialView) {
|
|
80
|
-
onViewChange == null || onViewChange(initialView);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
var slots = _extends({
|
|
85
|
-
textField: pickerSlots == null ? void 0 : pickerSlots.textField,
|
|
86
|
-
root: pickerSlots == null ? void 0 : pickerSlots.fieldRoot,
|
|
87
|
-
separator: pickerSlots == null ? void 0 : pickerSlots.fieldSeparator
|
|
88
|
-
}, fieldProps.slots);
|
|
89
|
-
var slotProps = _extends({}, fieldProps.slotProps, {
|
|
90
|
-
textField: function textField(ownerState) {
|
|
91
|
-
var resolvedComponentProps = resolveComponentProps(pickerSlotProps == null ? void 0 : pickerSlotProps.textField, ownerState);
|
|
92
|
-
var inputProps;
|
|
93
|
-
var InputProps;
|
|
94
|
-
if (ownerState.position === 'start') {
|
|
95
|
-
var _inLocaleText$start;
|
|
96
|
-
inputProps = _extends({
|
|
97
|
-
inputRef: startRef,
|
|
98
|
-
label: (_inLocaleText$start = inLocaleText == null ? void 0 : inLocaleText.start) != null ? _inLocaleText$start : localeText.start,
|
|
99
|
-
onKeyDown: onSpaceOrEnter(openRangeStartSelection),
|
|
100
|
-
onFocus: handleFocusStart,
|
|
101
|
-
focused: open ? rangePosition === 'start' : undefined
|
|
102
|
-
}, !readOnly && !fieldProps.disabled && {
|
|
103
|
-
onClick: openRangeStartSelection
|
|
104
|
-
}, wrapperVariant === 'mobile' && {
|
|
105
|
-
readOnly: true
|
|
106
|
-
});
|
|
107
|
-
if (anchorRef) {
|
|
108
|
-
InputProps = _extends({}, resolvedComponentProps == null ? void 0 : resolvedComponentProps.InputProps, {
|
|
109
|
-
ref: anchorRef
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
} else {
|
|
113
|
-
var _inLocaleText$end;
|
|
114
|
-
inputProps = _extends({
|
|
115
|
-
inputRef: endRef,
|
|
116
|
-
label: (_inLocaleText$end = inLocaleText == null ? void 0 : inLocaleText.end) != null ? _inLocaleText$end : localeText.end,
|
|
117
|
-
onKeyDown: onSpaceOrEnter(openRangeEndSelection),
|
|
118
|
-
onFocus: handleFocusEnd,
|
|
119
|
-
focused: open ? rangePosition === 'end' : undefined
|
|
120
|
-
}, !readOnly && !fieldProps.disabled && {
|
|
121
|
-
onClick: openRangeEndSelection
|
|
122
|
-
}, wrapperVariant === 'mobile' && {
|
|
123
|
-
readOnly: true
|
|
124
|
-
});
|
|
125
|
-
InputProps = resolvedComponentProps == null ? void 0 : resolvedComponentProps.InputProps;
|
|
126
|
-
}
|
|
127
|
-
return _extends({}, labelId != null && {
|
|
128
|
-
id: "".concat(labelId, "-").concat(ownerState.position)
|
|
129
|
-
}, inputProps, resolveComponentProps(pickerSlotProps == null ? void 0 : pickerSlotProps.textField, ownerState), {
|
|
130
|
-
InputProps: InputProps
|
|
131
|
-
});
|
|
132
|
-
},
|
|
133
|
-
root: function root(ownerState) {
|
|
134
|
-
var rootProps = {
|
|
135
|
-
onBlur: onBlur
|
|
136
|
-
};
|
|
137
|
-
return _extends({}, rootProps, resolveComponentProps(pickerSlotProps == null ? void 0 : pickerSlotProps.fieldRoot, ownerState));
|
|
138
|
-
},
|
|
139
|
-
separator: pickerSlotProps == null ? void 0 : pickerSlotProps.fieldSeparator
|
|
140
|
-
});
|
|
141
|
-
|
|
142
|
-
/* TODO: remove this when a clearable behavior for multiple input range fields is implemented */
|
|
143
|
-
var clearable = fieldProps.clearable,
|
|
144
|
-
onClear = fieldProps.onClear,
|
|
145
|
-
restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
|
|
146
|
-
var enrichedFieldProps = _extends({}, restFieldProps, {
|
|
147
|
-
slots: slots,
|
|
148
|
-
slotProps: slotProps,
|
|
149
|
-
unstableStartFieldRef: handleStartFieldRef,
|
|
150
|
-
unstableEndFieldRef: handleEndFieldRef
|
|
151
|
-
});
|
|
152
|
-
return enrichedFieldProps;
|
|
153
|
-
};
|
|
154
|
-
var useSingleInputFieldSlotProps = function useSingleInputFieldSlotProps(_ref2) {
|
|
155
|
-
var wrapperVariant = _ref2.wrapperVariant,
|
|
156
|
-
open = _ref2.open,
|
|
157
|
-
actions = _ref2.actions,
|
|
158
|
-
readOnly = _ref2.readOnly,
|
|
159
|
-
inInputRef = _ref2.inputRef,
|
|
160
|
-
labelId = _ref2.labelId,
|
|
161
|
-
disableOpenPicker = _ref2.disableOpenPicker,
|
|
162
|
-
label = _ref2.label,
|
|
163
|
-
onBlur = _ref2.onBlur,
|
|
164
|
-
rangePosition = _ref2.rangePosition,
|
|
165
|
-
onRangePositionChange = _ref2.onRangePositionChange,
|
|
166
|
-
singleInputFieldRef = _ref2.singleInputFieldRef,
|
|
167
|
-
pickerSlots = _ref2.pickerSlots,
|
|
168
|
-
pickerSlotProps = _ref2.pickerSlotProps,
|
|
169
|
-
fieldProps = _ref2.fieldProps,
|
|
170
|
-
anchorRef = _ref2.anchorRef,
|
|
171
|
-
currentView = _ref2.currentView;
|
|
172
|
-
var inputRef = React.useRef(null);
|
|
173
|
-
var handleInputRef = useForkRef(inInputRef, inputRef);
|
|
174
|
-
var handleFieldRef = useForkRef(fieldProps.unstableFieldRef, singleInputFieldRef);
|
|
175
|
-
React.useEffect(function () {
|
|
176
|
-
var _inputRef$current;
|
|
177
|
-
if (!open) {
|
|
178
|
-
return;
|
|
179
|
-
}
|
|
180
|
-
(_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
|
|
181
|
-
if (!singleInputFieldRef.current || !currentView) {
|
|
182
|
-
return;
|
|
183
|
-
}
|
|
184
|
-
var sections = singleInputFieldRef.current.getSections().map(function (section) {
|
|
185
|
-
return section.type;
|
|
186
|
-
});
|
|
187
|
-
// bring back focus to the field with the current view section selected
|
|
188
|
-
singleInputFieldRef.current.setSelectedSections(rangePosition === 'start' ? sections.indexOf(currentView) : sections.lastIndexOf(currentView));
|
|
189
|
-
}, [rangePosition, open, currentView, singleInputFieldRef]);
|
|
190
|
-
var updateRangePosition = function updateRangePosition() {
|
|
191
|
-
var _singleInputFieldRef$;
|
|
192
|
-
if (!singleInputFieldRef.current || inputRef.current !== getActiveElement(document)) {
|
|
193
|
-
return;
|
|
194
|
-
}
|
|
195
|
-
var sections = singleInputFieldRef.current.getSections();
|
|
196
|
-
var activeSectionIndex = (_singleInputFieldRef$ = singleInputFieldRef.current) == null ? void 0 : _singleInputFieldRef$.getActiveSectionIndex();
|
|
197
|
-
var domRangePosition = activeSectionIndex == null || activeSectionIndex < sections.length / 2 ? 'start' : 'end';
|
|
198
|
-
if (domRangePosition != null && domRangePosition !== rangePosition) {
|
|
199
|
-
onRangePositionChange(domRangePosition);
|
|
200
|
-
}
|
|
201
|
-
};
|
|
202
|
-
var handleSelectedSectionsChange = useEventCallback(function (selectedSections) {
|
|
203
|
-
var _fieldProps$onSelecte;
|
|
204
|
-
setTimeout(updateRangePosition);
|
|
205
|
-
(_fieldProps$onSelecte = fieldProps.onSelectedSectionsChange) == null || _fieldProps$onSelecte.call(fieldProps, selectedSections);
|
|
206
|
-
});
|
|
207
|
-
var openPicker = function openPicker(event) {
|
|
208
|
-
event.stopPropagation();
|
|
209
|
-
if (!readOnly && !disableOpenPicker) {
|
|
210
|
-
actions.onOpen();
|
|
211
|
-
}
|
|
212
|
-
};
|
|
213
|
-
var slots = _extends({}, fieldProps.slots, {
|
|
214
|
-
textField: pickerSlots == null ? void 0 : pickerSlots.textField,
|
|
215
|
-
clearButton: pickerSlots == null ? void 0 : pickerSlots.clearButton,
|
|
216
|
-
clearIcon: pickerSlots == null ? void 0 : pickerSlots.clearIcon
|
|
217
|
-
});
|
|
218
|
-
var slotProps = _extends({}, fieldProps.slotProps, {
|
|
219
|
-
textField: pickerSlotProps == null ? void 0 : pickerSlotProps.textField,
|
|
220
|
-
clearButton: pickerSlots == null ? void 0 : pickerSlots.clearButton,
|
|
221
|
-
clearIcon: pickerSlots == null ? void 0 : pickerSlots.clearIcon
|
|
222
|
-
});
|
|
223
|
-
var enrichedFieldProps = _extends({}, fieldProps, {
|
|
224
|
-
slots: slots,
|
|
225
|
-
slotProps: slotProps,
|
|
226
|
-
label: label,
|
|
227
|
-
unstableFieldRef: handleFieldRef,
|
|
228
|
-
inputRef: handleInputRef,
|
|
229
|
-
onKeyDown: onSpaceOrEnter(openPicker, fieldProps.onKeyDown),
|
|
230
|
-
onSelectedSectionsChange: handleSelectedSectionsChange,
|
|
231
|
-
onBlur: onBlur,
|
|
232
|
-
InputProps: _extends({
|
|
233
|
-
ref: anchorRef
|
|
234
|
-
}, fieldProps == null ? void 0 : fieldProps.InputProps),
|
|
235
|
-
focused: open
|
|
236
|
-
}, labelId != null && {
|
|
237
|
-
id: labelId
|
|
238
|
-
}, wrapperVariant === 'mobile' && {
|
|
239
|
-
readOnly: true
|
|
240
|
-
}, !readOnly && !fieldProps.disabled && {
|
|
241
|
-
onClick: openPicker
|
|
242
|
-
});
|
|
243
|
-
return enrichedFieldProps;
|
|
244
|
-
};
|
|
245
|
-
export var useEnrichedRangePickerFieldProps = function useEnrichedRangePickerFieldProps(params) {
|
|
246
|
-
/* eslint-disable react-hooks/rules-of-hooks */
|
|
247
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
248
|
-
var fieldTypeRef = React.useRef(params.fieldType);
|
|
249
|
-
if (params.fieldType !== fieldTypeRef.current) {
|
|
250
|
-
console.error('Should not switch between a multi input field and a single input field on a range picker.');
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
if (params.fieldType === 'multi-input') {
|
|
254
|
-
return useMultiInputFieldSlotProps(params);
|
|
255
|
-
}
|
|
256
|
-
return useSingleInputFieldSlotProps(params);
|
|
257
|
-
/* eslint-enable react-hooks/rules-of-hooks */
|
|
258
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useMobileRangePicker } from './useMobileRangePicker';
|