@mui/x-date-pickers-pro 7.16.0 → 7.18.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 +184 -4
- package/DateRangeCalendar/DateRangeCalendar.js +5 -2
- package/DateRangeCalendar/useDragRange.js +2 -0
- package/DateRangePicker/DateRangePicker.js +2 -0
- package/DateRangePicker/DateRangePickerToolbar.js +2 -0
- package/DateRangePickerDay/DateRangePickerDay.js +2 -0
- package/DateTimeRangePicker/DateTimeRangePicker.js +2 -0
- package/DateTimeRangePicker/DateTimeRangePickerTabs.js +2 -0
- package/DateTimeRangePicker/DateTimeRangePickerToolbar.js +2 -0
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +4 -2
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +5 -2
- package/MobileDateRangePicker/MobileDateRangePicker.js +4 -2
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +5 -2
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +5 -2
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +5 -2
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +5 -2
- package/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js +2 -0
- package/SingleInputDateRangeField/SingleInputDateRangeField.js +2 -0
- package/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +1 -1
- package/SingleInputDateRangeField/useSingleInputDateRangeField.js +6 -3
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +2 -0
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +1 -1
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +6 -3
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +2 -0
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +1 -1
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +6 -3
- package/StaticDateRangePicker/StaticDateRangePicker.js +3 -1
- package/index.d.ts +1 -0
- package/index.js +3 -2
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +14 -14
- package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +14 -14
- package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +14 -14
- package/internals/utils/releaseInfo.js +1 -1
- package/modern/DateRangeCalendar/DateRangeCalendar.js +5 -2
- package/modern/DateRangeCalendar/useDragRange.js +2 -0
- package/modern/DateRangePicker/DateRangePicker.js +2 -0
- package/modern/DateRangePicker/DateRangePickerToolbar.js +2 -0
- package/modern/DateRangePickerDay/DateRangePickerDay.js +2 -0
- package/modern/DateTimeRangePicker/DateTimeRangePicker.js +2 -0
- package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.js +2 -0
- package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +2 -0
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +4 -2
- package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +5 -2
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +4 -2
- package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +5 -2
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +5 -2
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +5 -2
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +5 -2
- package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js +2 -0
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +2 -0
- package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.js +6 -3
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +2 -0
- package/modern/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +6 -3
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +2 -0
- package/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +6 -3
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +3 -1
- package/modern/index.js +3 -2
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +14 -14
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +14 -14
- package/modern/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +14 -14
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/modern/validation/index.js +3 -0
- package/modern/{internals/utils/validation → validation}/validateDateRange.js +10 -5
- package/modern/{internals/utils/validation → validation}/validateDateTimeRange.js +10 -5
- package/{internals/utils → modern}/validation/validateTimeRange.js +10 -5
- package/node/DateRangeCalendar/DateRangeCalendar.js +4 -2
- package/node/DateRangeCalendar/useDragRange.js +1 -0
- package/node/DateRangePicker/DateRangePicker.js +1 -0
- package/node/DateRangePicker/DateRangePickerToolbar.js +1 -0
- package/node/DateRangePickerDay/DateRangePickerDay.js +1 -0
- package/node/DateTimeRangePicker/DateTimeRangePicker.js +1 -0
- package/node/DateTimeRangePicker/DateTimeRangePickerTabs.js +1 -0
- package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -0
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -4
- package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +5 -3
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +5 -4
- package/node/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +5 -3
- package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +3 -1
- package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +3 -1
- package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +3 -1
- package/node/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js +1 -0
- package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +1 -0
- package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js +5 -3
- package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +1 -0
- package/node/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +5 -3
- package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -0
- package/node/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +5 -3
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +3 -2
- package/node/index.js +13 -1
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js +13 -13
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js +13 -13
- package/node/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +13 -13
- package/node/internals/utils/releaseInfo.js +1 -1
- package/node/validation/index.js +26 -0
- package/node/{internals/utils/validation → validation}/validateDateRange.js +12 -7
- package/node/{internals/utils/validation → validation}/validateDateTimeRange.js +12 -7
- package/node/{internals/utils/validation → validation}/validateTimeRange.js +12 -7
- package/package.json +6 -6
- package/validation/index.d.ts +6 -0
- package/validation/index.js +3 -0
- package/validation/package.json +6 -0
- package/validation/validateDateRange.d.ts +8 -0
- package/{internals/utils/validation → validation}/validateDateRange.js +10 -5
- package/validation/validateDateTimeRange.d.ts +8 -0
- package/{internals/utils/validation → validation}/validateDateTimeRange.js +10 -5
- package/validation/validateTimeRange.d.ts +6 -0
- package/{modern/internals/utils/validation → validation}/validateTimeRange.js +10 -5
- package/internals/utils/validation/validateDateRange.d.ts +0 -7
- package/internals/utils/validation/validateDateTimeRange.d.ts +0 -7
- package/internals/utils/validation/validateTimeRange.d.ts +0 -6
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
'use client';
|
|
2
3
|
|
|
3
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
@@ -7,14 +8,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
8
|
exports.useSingleInputDateTimeRangeField = void 0;
|
|
8
9
|
var React = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
11
|
+
var _hooks = require("@mui/x-date-pickers/hooks");
|
|
10
12
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
11
|
-
var
|
|
13
|
+
var _validation = require("../validation");
|
|
12
14
|
const useSingleInputDateTimeRangeField = inProps => {
|
|
13
15
|
const props = (0, _internals.useDefaultizedDateTimeField)(inProps);
|
|
14
16
|
const {
|
|
15
17
|
forwardedProps,
|
|
16
18
|
internalProps
|
|
17
|
-
} = (0,
|
|
19
|
+
} = (0, _hooks.useSplitFieldProps)(props, 'date-time');
|
|
18
20
|
const fieldValueManager = React.useMemo(() => (0, _valueManagers.getRangeFieldValueManager)({
|
|
19
21
|
dateSeparator: internalProps.dateSeparator
|
|
20
22
|
}), [internalProps.dateSeparator]);
|
|
@@ -23,7 +25,7 @@ const useSingleInputDateTimeRangeField = inProps => {
|
|
|
23
25
|
internalProps,
|
|
24
26
|
valueManager: _valueManagers.rangeValueManager,
|
|
25
27
|
fieldValueManager,
|
|
26
|
-
validator:
|
|
28
|
+
validator: _validation.validateDateTimeRange,
|
|
27
29
|
valueType: 'date-time'
|
|
28
30
|
});
|
|
29
31
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
'use client';
|
|
2
3
|
|
|
3
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
@@ -7,14 +8,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
8
|
exports.useSingleInputTimeRangeField = void 0;
|
|
8
9
|
var React = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
11
|
+
var _hooks = require("@mui/x-date-pickers/hooks");
|
|
10
12
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
11
|
-
var
|
|
13
|
+
var _validation = require("../validation");
|
|
12
14
|
const useSingleInputTimeRangeField = inProps => {
|
|
13
15
|
const props = (0, _internals.useDefaultizedTimeField)(inProps);
|
|
14
16
|
const {
|
|
15
17
|
forwardedProps,
|
|
16
18
|
internalProps
|
|
17
|
-
} = (0,
|
|
19
|
+
} = (0, _hooks.useSplitFieldProps)(props, 'time');
|
|
18
20
|
const fieldValueManager = React.useMemo(() => (0, _valueManagers.getRangeFieldValueManager)({
|
|
19
21
|
dateSeparator: internalProps.dateSeparator
|
|
20
22
|
}), [internalProps.dateSeparator]);
|
|
@@ -23,7 +25,7 @@ const useSingleInputTimeRangeField = inProps => {
|
|
|
23
25
|
internalProps,
|
|
24
26
|
valueManager: _valueManagers.rangeValueManager,
|
|
25
27
|
fieldValueManager,
|
|
26
|
-
validator:
|
|
28
|
+
validator: _validation.validateTimeRange,
|
|
27
29
|
valueType: 'time'
|
|
28
30
|
});
|
|
29
31
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
'use client';
|
|
2
3
|
|
|
3
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
5
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
@@ -13,7 +14,7 @@ var _useStaticRangePicker = require("../internals/hooks/useStaticRangePicker");
|
|
|
13
14
|
var _shared = require("../DateRangePicker/shared");
|
|
14
15
|
var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
|
|
15
16
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
16
|
-
var
|
|
17
|
+
var _validation = require("../validation");
|
|
17
18
|
/**
|
|
18
19
|
* Demos:
|
|
19
20
|
*
|
|
@@ -50,7 +51,7 @@ const StaticDateRangePicker = exports.StaticDateRangePicker = /*#__PURE__*/React
|
|
|
50
51
|
props,
|
|
51
52
|
valueManager: _valueManagers.rangeValueManager,
|
|
52
53
|
valueType: 'date',
|
|
53
|
-
validator:
|
|
54
|
+
validator: _validation.validateDateRange,
|
|
54
55
|
ref
|
|
55
56
|
});
|
|
56
57
|
return renderPicker();
|
package/node/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @mui/x-date-pickers-pro v7.
|
|
2
|
+
* @mui/x-date-pickers-pro v7.18.0
|
|
3
3
|
*
|
|
4
4
|
* @license MUI X Commercial
|
|
5
5
|
* This source code is licensed under the commercial license found in the
|
|
@@ -243,6 +243,18 @@ Object.keys(_models).forEach(function (key) {
|
|
|
243
243
|
}
|
|
244
244
|
});
|
|
245
245
|
});
|
|
246
|
+
var _validation = require("./validation");
|
|
247
|
+
Object.keys(_validation).forEach(function (key) {
|
|
248
|
+
if (key === "default" || key === "__esModule") return;
|
|
249
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
250
|
+
if (key in exports && exports[key] === _validation[key]) return;
|
|
251
|
+
Object.defineProperty(exports, key, {
|
|
252
|
+
enumerable: true,
|
|
253
|
+
get: function () {
|
|
254
|
+
return _validation[key];
|
|
255
|
+
}
|
|
256
|
+
});
|
|
257
|
+
});
|
|
246
258
|
/**
|
|
247
259
|
* @deprecated Use `@mui/x-license` package instead:
|
|
248
260
|
* @example import { LicenseInfo } from '@mui/x-license';
|
|
@@ -9,7 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
10
10
|
var _DateField = require("@mui/x-date-pickers/DateField");
|
|
11
11
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
12
|
-
var
|
|
12
|
+
var _validation = require("@mui/x-date-pickers/validation");
|
|
13
|
+
var _validation2 = require("../../../validation");
|
|
13
14
|
var _valueManagers = require("../../utils/valueManagers");
|
|
14
15
|
var _shared = require("./shared");
|
|
15
16
|
var _useMultiInputFieldSelectedSections = require("../useMultiInputFieldSelectedSections");
|
|
@@ -21,7 +22,6 @@ const useMultiInputDateRangeField = ({
|
|
|
21
22
|
unstableEndFieldRef
|
|
22
23
|
}) => {
|
|
23
24
|
const sharedProps = (0, _internals.useDefaultizedDateField)(inSharedProps);
|
|
24
|
-
const adapter = (0, _internals.useLocalizationContext)();
|
|
25
25
|
const {
|
|
26
26
|
value: valueProp,
|
|
27
27
|
defaultValue,
|
|
@@ -49,29 +49,29 @@ const useMultiInputDateRangeField = ({
|
|
|
49
49
|
onChange,
|
|
50
50
|
valueManager: _valueManagers.rangeValueManager
|
|
51
51
|
});
|
|
52
|
+
const {
|
|
53
|
+
validationError,
|
|
54
|
+
getValidationErrorForNewValue
|
|
55
|
+
} = (0, _validation.useValidation)({
|
|
56
|
+
props: sharedProps,
|
|
57
|
+
value,
|
|
58
|
+
timezone,
|
|
59
|
+
validator: _validation2.validateDateRange,
|
|
60
|
+
onError: sharedProps.onError
|
|
61
|
+
});
|
|
52
62
|
|
|
53
63
|
// TODO: Maybe export utility from `useField` instead of copy/pasting the logic
|
|
54
64
|
const buildChangeHandler = index => {
|
|
55
65
|
return (newDate, rawContext) => {
|
|
56
66
|
const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
|
|
57
67
|
const context = (0, _extends2.default)({}, rawContext, {
|
|
58
|
-
validationError: (
|
|
59
|
-
adapter,
|
|
60
|
-
value: newDateRange,
|
|
61
|
-
props: (0, _extends2.default)({}, sharedProps, {
|
|
62
|
-
timezone
|
|
63
|
-
})
|
|
64
|
-
})
|
|
68
|
+
validationError: getValidationErrorForNewValue(newDateRange)
|
|
65
69
|
});
|
|
66
70
|
handleValueChange(newDateRange, context);
|
|
67
71
|
};
|
|
68
72
|
};
|
|
69
73
|
const handleStartDateChange = (0, _useEventCallback.default)(buildChangeHandler(0));
|
|
70
74
|
const handleEndDateChange = (0, _useEventCallback.default)(buildChangeHandler(1));
|
|
71
|
-
const validationError = (0, _internals.useValidation)((0, _extends2.default)({}, sharedProps, {
|
|
72
|
-
value,
|
|
73
|
-
timezone
|
|
74
|
-
}), _validateDateRange.validateDateRange, _valueManagers.rangeValueManager.isSameError, _valueManagers.rangeValueManager.defaultErrorState);
|
|
75
75
|
const selectedSectionsResponse = (0, _useMultiInputFieldSelectedSections.useMultiInputFieldSelectedSections)({
|
|
76
76
|
selectedSections,
|
|
77
77
|
onSelectedSectionsChange,
|
|
@@ -9,7 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
10
10
|
var _DateTimeField = require("@mui/x-date-pickers/DateTimeField");
|
|
11
11
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
12
|
-
var
|
|
12
|
+
var _validation = require("@mui/x-date-pickers/validation");
|
|
13
|
+
var _validation2 = require("../../../validation");
|
|
13
14
|
var _valueManagers = require("../../utils/valueManagers");
|
|
14
15
|
var _shared = require("./shared");
|
|
15
16
|
var _useMultiInputFieldSelectedSections = require("../useMultiInputFieldSelectedSections");
|
|
@@ -21,7 +22,6 @@ const useMultiInputDateTimeRangeField = ({
|
|
|
21
22
|
unstableEndFieldRef
|
|
22
23
|
}) => {
|
|
23
24
|
const sharedProps = (0, _internals.useDefaultizedDateTimeField)(inSharedProps);
|
|
24
|
-
const adapter = (0, _internals.useLocalizationContext)();
|
|
25
25
|
const {
|
|
26
26
|
value: valueProp,
|
|
27
27
|
defaultValue,
|
|
@@ -49,29 +49,29 @@ const useMultiInputDateTimeRangeField = ({
|
|
|
49
49
|
onChange,
|
|
50
50
|
valueManager: _valueManagers.rangeValueManager
|
|
51
51
|
});
|
|
52
|
+
const {
|
|
53
|
+
validationError,
|
|
54
|
+
getValidationErrorForNewValue
|
|
55
|
+
} = (0, _validation.useValidation)({
|
|
56
|
+
props: sharedProps,
|
|
57
|
+
value,
|
|
58
|
+
timezone,
|
|
59
|
+
validator: _validation2.validateDateTimeRange,
|
|
60
|
+
onError: sharedProps.onError
|
|
61
|
+
});
|
|
52
62
|
|
|
53
63
|
// TODO: Maybe export utility from `useField` instead of copy/pasting the logic
|
|
54
64
|
const buildChangeHandler = index => {
|
|
55
65
|
return (newDate, rawContext) => {
|
|
56
66
|
const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
|
|
57
67
|
const context = (0, _extends2.default)({}, rawContext, {
|
|
58
|
-
validationError: (
|
|
59
|
-
adapter,
|
|
60
|
-
value: newDateRange,
|
|
61
|
-
props: (0, _extends2.default)({}, sharedProps, {
|
|
62
|
-
timezone
|
|
63
|
-
})
|
|
64
|
-
})
|
|
68
|
+
validationError: getValidationErrorForNewValue(newDateRange)
|
|
65
69
|
});
|
|
66
70
|
handleValueChange(newDateRange, context);
|
|
67
71
|
};
|
|
68
72
|
};
|
|
69
73
|
const handleStartDateChange = (0, _useEventCallback.default)(buildChangeHandler(0));
|
|
70
74
|
const handleEndDateChange = (0, _useEventCallback.default)(buildChangeHandler(1));
|
|
71
|
-
const validationError = (0, _internals.useValidation)((0, _extends2.default)({}, sharedProps, {
|
|
72
|
-
value,
|
|
73
|
-
timezone
|
|
74
|
-
}), _validateDateTimeRange.validateDateTimeRange, _valueManagers.rangeValueManager.isSameError, _valueManagers.rangeValueManager.defaultErrorState);
|
|
75
75
|
const selectedSectionsResponse = (0, _useMultiInputFieldSelectedSections.useMultiInputFieldSelectedSections)({
|
|
76
76
|
selectedSections,
|
|
77
77
|
onSelectedSectionsChange,
|
|
@@ -9,7 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
10
10
|
var _TimeField = require("@mui/x-date-pickers/TimeField");
|
|
11
11
|
var _internals = require("@mui/x-date-pickers/internals");
|
|
12
|
-
var
|
|
12
|
+
var _validation = require("@mui/x-date-pickers/validation");
|
|
13
|
+
var _validation2 = require("../../../validation");
|
|
13
14
|
var _valueManagers = require("../../utils/valueManagers");
|
|
14
15
|
var _shared = require("./shared");
|
|
15
16
|
var _useMultiInputFieldSelectedSections = require("../useMultiInputFieldSelectedSections");
|
|
@@ -21,7 +22,6 @@ const useMultiInputTimeRangeField = ({
|
|
|
21
22
|
unstableEndFieldRef
|
|
22
23
|
}) => {
|
|
23
24
|
const sharedProps = (0, _internals.useDefaultizedTimeField)(inSharedProps);
|
|
24
|
-
const adapter = (0, _internals.useLocalizationContext)();
|
|
25
25
|
const {
|
|
26
26
|
value: valueProp,
|
|
27
27
|
defaultValue,
|
|
@@ -49,29 +49,29 @@ const useMultiInputTimeRangeField = ({
|
|
|
49
49
|
onChange,
|
|
50
50
|
valueManager: _valueManagers.rangeValueManager
|
|
51
51
|
});
|
|
52
|
+
const {
|
|
53
|
+
validationError,
|
|
54
|
+
getValidationErrorForNewValue
|
|
55
|
+
} = (0, _validation.useValidation)({
|
|
56
|
+
props: sharedProps,
|
|
57
|
+
validator: _validation2.validateTimeRange,
|
|
58
|
+
value,
|
|
59
|
+
timezone,
|
|
60
|
+
onError: sharedProps.onError
|
|
61
|
+
});
|
|
52
62
|
|
|
53
63
|
// TODO: Maybe export utility from `useField` instead of copy/pasting the logic
|
|
54
64
|
const buildChangeHandler = index => {
|
|
55
65
|
return (newDate, rawContext) => {
|
|
56
66
|
const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
|
|
57
67
|
const context = (0, _extends2.default)({}, rawContext, {
|
|
58
|
-
validationError: (
|
|
59
|
-
adapter,
|
|
60
|
-
value: newDateRange,
|
|
61
|
-
props: (0, _extends2.default)({}, sharedProps, {
|
|
62
|
-
timezone
|
|
63
|
-
})
|
|
64
|
-
})
|
|
68
|
+
validationError: getValidationErrorForNewValue(newDateRange)
|
|
65
69
|
});
|
|
66
70
|
handleValueChange(newDateRange, context);
|
|
67
71
|
};
|
|
68
72
|
};
|
|
69
73
|
const handleStartDateChange = (0, _useEventCallback.default)(buildChangeHandler(0));
|
|
70
74
|
const handleEndDateChange = (0, _useEventCallback.default)(buildChangeHandler(1));
|
|
71
|
-
const validationError = (0, _internals.useValidation)((0, _extends2.default)({}, sharedProps, {
|
|
72
|
-
value,
|
|
73
|
-
timezone
|
|
74
|
-
}), _validateTimeRange.validateTimeRange, _valueManagers.rangeValueManager.isSameError, _valueManagers.rangeValueManager.defaultErrorState);
|
|
75
75
|
const selectedSectionsResponse = (0, _useMultiInputFieldSelectedSections.useMultiInputFieldSelectedSections)({
|
|
76
76
|
selectedSections,
|
|
77
77
|
onSelectedSectionsChange,
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getReleaseInfo = void 0;
|
|
7
7
|
var _utils = require("@mui/utils");
|
|
8
8
|
const getReleaseInfo = () => {
|
|
9
|
-
const releaseInfo = "
|
|
9
|
+
const releaseInfo = "MTcyNjc4NjgwMDAwMA==";
|
|
10
10
|
if (process.env.NODE_ENV !== 'production') {
|
|
11
11
|
// A simple hack to set the value in the test environment (has no build step).
|
|
12
12
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "validateDateRange", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _validateDateRange.validateDateRange;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "validateDateTimeRange", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _validateDateTimeRange.validateDateTimeRange;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "validateTimeRange", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _validateTimeRange.validateTimeRange;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _validateDateRange = require("./validateDateRange");
|
|
25
|
+
var _validateTimeRange = require("./validateTimeRange");
|
|
26
|
+
var _validateDateTimeRange = require("./validateDateTimeRange");
|
|
@@ -7,28 +7,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.validateDateRange = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
|
-
var
|
|
11
|
-
var _dateUtils = require("../date-utils");
|
|
10
|
+
var _validation = require("@mui/x-date-pickers/validation");
|
|
11
|
+
var _dateUtils = require("../internals/utils/date-utils");
|
|
12
|
+
var _valueManagers = require("../internals/utils/valueManagers");
|
|
12
13
|
const _excluded = ["shouldDisableDate"];
|
|
13
14
|
const validateDateRange = ({
|
|
14
|
-
|
|
15
|
+
adapter,
|
|
15
16
|
value,
|
|
16
|
-
|
|
17
|
+
timezone,
|
|
18
|
+
props
|
|
17
19
|
}) => {
|
|
18
20
|
const [start, end] = value;
|
|
19
21
|
const {
|
|
20
22
|
shouldDisableDate
|
|
21
23
|
} = props,
|
|
22
24
|
otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
23
|
-
const dateValidations = [(0,
|
|
25
|
+
const dateValidations = [(0, _validation.validateDate)({
|
|
24
26
|
adapter,
|
|
25
27
|
value: start,
|
|
28
|
+
timezone,
|
|
26
29
|
props: (0, _extends2.default)({}, otherProps, {
|
|
27
30
|
shouldDisableDate: day => !!shouldDisableDate?.(day, 'start')
|
|
28
31
|
})
|
|
29
|
-
}), (0,
|
|
32
|
+
}), (0, _validation.validateDate)({
|
|
30
33
|
adapter,
|
|
31
34
|
value: end,
|
|
35
|
+
timezone,
|
|
32
36
|
props: (0, _extends2.default)({}, otherProps, {
|
|
33
37
|
shouldDisableDate: day => !!shouldDisableDate?.(day, 'end')
|
|
34
38
|
})
|
|
@@ -46,4 +50,5 @@ const validateDateRange = ({
|
|
|
46
50
|
}
|
|
47
51
|
return [null, null];
|
|
48
52
|
};
|
|
49
|
-
exports.validateDateRange = validateDateRange;
|
|
53
|
+
exports.validateDateRange = validateDateRange;
|
|
54
|
+
validateDateRange.valueManager = _valueManagers.rangeValueManager;
|
|
@@ -7,28 +7,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.validateDateTimeRange = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
|
-
var
|
|
11
|
-
var _dateUtils = require("../date-utils");
|
|
10
|
+
var _validation = require("@mui/x-date-pickers/validation");
|
|
11
|
+
var _dateUtils = require("../internals/utils/date-utils");
|
|
12
|
+
var _valueManagers = require("../internals/utils/valueManagers");
|
|
12
13
|
const _excluded = ["shouldDisableDate"];
|
|
13
14
|
const validateDateTimeRange = ({
|
|
14
|
-
|
|
15
|
+
adapter,
|
|
15
16
|
value,
|
|
16
|
-
|
|
17
|
+
timezone,
|
|
18
|
+
props
|
|
17
19
|
}) => {
|
|
18
20
|
const [start, end] = value;
|
|
19
21
|
const {
|
|
20
22
|
shouldDisableDate
|
|
21
23
|
} = props,
|
|
22
24
|
otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
23
|
-
const dateTimeValidations = [(0,
|
|
25
|
+
const dateTimeValidations = [(0, _validation.validateDateTime)({
|
|
24
26
|
adapter,
|
|
25
27
|
value: start,
|
|
28
|
+
timezone,
|
|
26
29
|
props: (0, _extends2.default)({}, otherProps, {
|
|
27
30
|
shouldDisableDate: day => !!shouldDisableDate?.(day, 'start')
|
|
28
31
|
})
|
|
29
|
-
}), (0,
|
|
32
|
+
}), (0, _validation.validateDateTime)({
|
|
30
33
|
adapter,
|
|
31
34
|
value: end,
|
|
35
|
+
timezone,
|
|
32
36
|
props: (0, _extends2.default)({}, otherProps, {
|
|
33
37
|
shouldDisableDate: day => !!shouldDisableDate?.(day, 'end')
|
|
34
38
|
})
|
|
@@ -46,4 +50,5 @@ const validateDateTimeRange = ({
|
|
|
46
50
|
}
|
|
47
51
|
return [null, null];
|
|
48
52
|
};
|
|
49
|
-
exports.validateDateTimeRange = validateDateTimeRange;
|
|
53
|
+
exports.validateDateTimeRange = validateDateTimeRange;
|
|
54
|
+
validateDateTimeRange.valueManager = _valueManagers.rangeValueManager;
|
|
@@ -4,21 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.validateTimeRange = void 0;
|
|
7
|
-
var
|
|
8
|
-
var _dateUtils = require("../date-utils");
|
|
7
|
+
var _validation = require("@mui/x-date-pickers/validation");
|
|
8
|
+
var _dateUtils = require("../internals/utils/date-utils");
|
|
9
|
+
var _valueManagers = require("../internals/utils/valueManagers");
|
|
9
10
|
const validateTimeRange = ({
|
|
10
|
-
|
|
11
|
+
adapter,
|
|
11
12
|
value,
|
|
12
|
-
|
|
13
|
+
timezone,
|
|
14
|
+
props
|
|
13
15
|
}) => {
|
|
14
16
|
const [start, end] = value;
|
|
15
|
-
const dateTimeValidations = [(0,
|
|
17
|
+
const dateTimeValidations = [(0, _validation.validateTime)({
|
|
16
18
|
adapter,
|
|
17
19
|
value: start,
|
|
20
|
+
timezone,
|
|
18
21
|
props
|
|
19
|
-
}), (0,
|
|
22
|
+
}), (0, _validation.validateTime)({
|
|
20
23
|
adapter,
|
|
21
24
|
value: end,
|
|
25
|
+
timezone,
|
|
22
26
|
props
|
|
23
27
|
})];
|
|
24
28
|
if (dateTimeValidations[0] || dateTimeValidations[1]) {
|
|
@@ -34,4 +38,5 @@ const validateTimeRange = ({
|
|
|
34
38
|
}
|
|
35
39
|
return [null, null];
|
|
36
40
|
};
|
|
37
|
-
exports.validateTimeRange = validateTimeRange;
|
|
41
|
+
exports.validateTimeRange = validateTimeRange;
|
|
42
|
+
validateTimeRange.valueManager = _valueManagers.rangeValueManager;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-date-pickers-pro",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.18.0",
|
|
4
4
|
"description": "The Pro plan edition of the Date and Time Picker components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
],
|
|
29
29
|
"repository": {
|
|
30
30
|
"type": "git",
|
|
31
|
-
"url": "https://github.com/mui/mui-x.git",
|
|
31
|
+
"url": "git+https://github.com/mui/mui-x.git",
|
|
32
32
|
"directory": "packages/x-date-pickers-pro"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
@@ -37,16 +37,16 @@
|
|
|
37
37
|
"clsx": "^2.1.1",
|
|
38
38
|
"prop-types": "^15.8.1",
|
|
39
39
|
"react-transition-group": "^4.4.5",
|
|
40
|
-
"@mui/x-date-pickers": "7.
|
|
41
|
-
"@mui/x-
|
|
42
|
-
"@mui/x-
|
|
40
|
+
"@mui/x-date-pickers": "7.18.0",
|
|
41
|
+
"@mui/x-internals": "7.18.0",
|
|
42
|
+
"@mui/x-license": "7.18.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"@emotion/react": "^11.9.0",
|
|
46
46
|
"@emotion/styled": "^11.8.1",
|
|
47
47
|
"@mui/material": "^5.15.14 || ^6.0.0",
|
|
48
48
|
"@mui/system": "^5.15.14 || ^6.0.0",
|
|
49
|
-
"date-fns": "^2.25.0 || ^3.2.0",
|
|
49
|
+
"date-fns": "^2.25.0 || ^3.2.0 || ^4.0.0",
|
|
50
50
|
"date-fns-jalali": "^2.13.0-0 || ^3.2.0-0",
|
|
51
51
|
"dayjs": "^1.10.7",
|
|
52
52
|
"luxon": "^3.0.2",
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { validateDateRange } from './validateDateRange';
|
|
2
|
+
export type { ValidateDateRangeProps } from './validateDateRange';
|
|
3
|
+
export { validateTimeRange } from './validateTimeRange';
|
|
4
|
+
export type { ValidateTimeRangeProps } from './validateTimeRange';
|
|
5
|
+
export { validateDateTimeRange } from './validateDateTimeRange';
|
|
6
|
+
export type { ValidateDateTimeRangeProps } from './validateDateTimeRange';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
|
+
import { Validator } from '@mui/x-date-pickers/validation';
|
|
3
|
+
import { BaseDateValidationProps } from '@mui/x-date-pickers/internals';
|
|
4
|
+
import { DayRangeValidationProps } from '../internals/models/dateRange';
|
|
5
|
+
import { DateRangeValidationError, DateRange } from '../models';
|
|
6
|
+
export interface ValidateDateRangeProps<TDate extends PickerValidDate> extends DayRangeValidationProps<TDate>, Required<BaseDateValidationProps<TDate>> {
|
|
7
|
+
}
|
|
8
|
+
export declare const validateDateRange: Validator<DateRange<any>, any, DateRangeValidationError, ValidateDateRangeProps<any>>;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
const _excluded = ["shouldDisableDate"];
|
|
4
|
-
import { validateDate } from '@mui/x-date-pickers/
|
|
5
|
-
import { isRangeValid } from "../date-utils.js";
|
|
4
|
+
import { validateDate } from '@mui/x-date-pickers/validation';
|
|
5
|
+
import { isRangeValid } from "../internals/utils/date-utils.js";
|
|
6
|
+
import { rangeValueManager } from "../internals/utils/valueManagers.js";
|
|
6
7
|
export const validateDateRange = ({
|
|
7
|
-
|
|
8
|
+
adapter,
|
|
8
9
|
value,
|
|
9
|
-
|
|
10
|
+
timezone,
|
|
11
|
+
props
|
|
10
12
|
}) => {
|
|
11
13
|
const [start, end] = value;
|
|
12
14
|
const {
|
|
@@ -16,12 +18,14 @@ export const validateDateRange = ({
|
|
|
16
18
|
const dateValidations = [validateDate({
|
|
17
19
|
adapter,
|
|
18
20
|
value: start,
|
|
21
|
+
timezone,
|
|
19
22
|
props: _extends({}, otherProps, {
|
|
20
23
|
shouldDisableDate: day => !!shouldDisableDate?.(day, 'start')
|
|
21
24
|
})
|
|
22
25
|
}), validateDate({
|
|
23
26
|
adapter,
|
|
24
27
|
value: end,
|
|
28
|
+
timezone,
|
|
25
29
|
props: _extends({}, otherProps, {
|
|
26
30
|
shouldDisableDate: day => !!shouldDisableDate?.(day, 'end')
|
|
27
31
|
})
|
|
@@ -38,4 +42,5 @@ export const validateDateRange = ({
|
|
|
38
42
|
return ['invalidRange', 'invalidRange'];
|
|
39
43
|
}
|
|
40
44
|
return [null, null];
|
|
41
|
-
};
|
|
45
|
+
};
|
|
46
|
+
validateDateRange.valueManager = rangeValueManager;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
2
|
+
import { Validator } from '@mui/x-date-pickers/validation';
|
|
3
|
+
import { BaseDateValidationProps, TimeValidationProps } from '@mui/x-date-pickers/internals';
|
|
4
|
+
import { DayRangeValidationProps } from '../internals/models/dateRange';
|
|
5
|
+
import { DateTimeRangeValidationError, DateRange } from '../models';
|
|
6
|
+
export interface ValidateDateTimeRangeProps<TDate extends PickerValidDate> extends DayRangeValidationProps<TDate>, TimeValidationProps<TDate>, Required<BaseDateValidationProps<TDate>> {
|
|
7
|
+
}
|
|
8
|
+
export declare const validateDateTimeRange: Validator<DateRange<any>, any, DateTimeRangeValidationError, ValidateDateTimeRangeProps<any>>;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
const _excluded = ["shouldDisableDate"];
|
|
4
|
-
import { validateDateTime } from '@mui/x-date-pickers/
|
|
5
|
-
import { isRangeValid } from "../date-utils.js";
|
|
4
|
+
import { validateDateTime } from '@mui/x-date-pickers/validation';
|
|
5
|
+
import { isRangeValid } from "../internals/utils/date-utils.js";
|
|
6
|
+
import { rangeValueManager } from "../internals/utils/valueManagers.js";
|
|
6
7
|
export const validateDateTimeRange = ({
|
|
7
|
-
|
|
8
|
+
adapter,
|
|
8
9
|
value,
|
|
9
|
-
|
|
10
|
+
timezone,
|
|
11
|
+
props
|
|
10
12
|
}) => {
|
|
11
13
|
const [start, end] = value;
|
|
12
14
|
const {
|
|
@@ -16,12 +18,14 @@ export const validateDateTimeRange = ({
|
|
|
16
18
|
const dateTimeValidations = [validateDateTime({
|
|
17
19
|
adapter,
|
|
18
20
|
value: start,
|
|
21
|
+
timezone,
|
|
19
22
|
props: _extends({}, otherProps, {
|
|
20
23
|
shouldDisableDate: day => !!shouldDisableDate?.(day, 'start')
|
|
21
24
|
})
|
|
22
25
|
}), validateDateTime({
|
|
23
26
|
adapter,
|
|
24
27
|
value: end,
|
|
28
|
+
timezone,
|
|
25
29
|
props: _extends({}, otherProps, {
|
|
26
30
|
shouldDisableDate: day => !!shouldDisableDate?.(day, 'end')
|
|
27
31
|
})
|
|
@@ -38,4 +42,5 @@ export const validateDateTimeRange = ({
|
|
|
38
42
|
return ['invalidRange', 'invalidRange'];
|
|
39
43
|
}
|
|
40
44
|
return [null, null];
|
|
41
|
-
};
|
|
45
|
+
};
|
|
46
|
+
validateDateTimeRange.valueManager = rangeValueManager;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Validator } from '@mui/x-date-pickers/validation';
|
|
2
|
+
import { BaseTimeValidationProps } from '@mui/x-date-pickers/internals';
|
|
3
|
+
import { TimeRangeValidationError, DateRange } from '../models';
|
|
4
|
+
export interface ValidateTimeRangeProps extends Required<BaseTimeValidationProps> {
|
|
5
|
+
}
|
|
6
|
+
export declare const validateTimeRange: Validator<DateRange<any>, any, TimeRangeValidationError, ValidateTimeRangeProps>;
|