@mui/x-date-pickers-pro 7.16.0 → 7.18.0

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useDateTimeField as useDateTimeField } from '@mui/x-date-pickers/DateTimeField';
-import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedDateTimeField } from '@mui/x-date-pickers/internals';
-import { validateDateTimeRange } from "../../utils/validation/validateDateTimeRange.js";
+import { useControlledValueWithTimezone, useDefaultizedDateTimeField } from '@mui/x-date-pickers/internals';
+import { useValidation } from '@mui/x-date-pickers/validation';
+import { validateDateTimeRange } from "../../../validation/index.js";
 import { rangeValueManager } from "../../utils/valueManagers.js";
 import { excludeProps } from "./shared.js";
 import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
@@ -14,7 +15,6 @@ export const useMultiInputDateTimeRangeField = ({
   unstableEndFieldRef
 }) => {
   const sharedProps = useDefaultizedDateTimeField(inSharedProps);
-  const adapter = useLocalizationContext();
   const {
     value: valueProp,
     defaultValue,
@@ -42,29 +42,29 @@ export const useMultiInputDateTimeRangeField = ({
     onChange,
     valueManager: rangeValueManager
   });
+  const {
+    validationError,
+    getValidationErrorForNewValue
+  } = useValidation({
+    props: sharedProps,
+    value,
+    timezone,
+    validator: validateDateTimeRange,
+    onError: sharedProps.onError
+  });
 
   // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
   const buildChangeHandler = index => {
     return (newDate, rawContext) => {
       const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
       const context = _extends({}, rawContext, {
-        validationError: validateDateTimeRange({
-          adapter,
-          value: newDateRange,
-          props: _extends({}, sharedProps, {
-            timezone
-          })
-        })
+        validationError: getValidationErrorForNewValue(newDateRange)
       });
       handleValueChange(newDateRange, context);
     };
   };
   const handleStartDateChange = useEventCallback(buildChangeHandler(0));
   const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const validationError = useValidation(_extends({}, sharedProps, {
-    value,
-    timezone
-  }), validateDateTimeRange, rangeValueManager.isSameError, rangeValueManager.defaultErrorState);
   const selectedSectionsResponse = useMultiInputFieldSelectedSections({
     selectedSections,
     onSelectedSectionsChange,

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useTimeField as useTimeField } from '@mui/x-date-pickers/TimeField';
-import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
-import { validateTimeRange } from "../../utils/validation/validateTimeRange.js";
+import { useControlledValueWithTimezone, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
+import { useValidation } from '@mui/x-date-pickers/validation';
+import { validateTimeRange } from "../../../validation/index.js";
 import { rangeValueManager } from "../../utils/valueManagers.js";
 import { excludeProps } from "./shared.js";
 import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
@@ -14,7 +15,6 @@ export const useMultiInputTimeRangeField = ({
   unstableEndFieldRef
 }) => {
   const sharedProps = useDefaultizedTimeField(inSharedProps);
-  const adapter = useLocalizationContext();
   const {
     value: valueProp,
     defaultValue,
@@ -42,29 +42,29 @@ export const useMultiInputTimeRangeField = ({
     onChange,
     valueManager: rangeValueManager
   });
+  const {
+    validationError,
+    getValidationErrorForNewValue
+  } = useValidation({
+    props: sharedProps,
+    validator: validateTimeRange,
+    value,
+    timezone,
+    onError: sharedProps.onError
+  });
 
   // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
   const buildChangeHandler = index => {
     return (newDate, rawContext) => {
       const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
       const context = _extends({}, rawContext, {
-        validationError: validateTimeRange({
-          adapter,
-          value: newDateRange,
-          props: _extends({}, sharedProps, {
-            timezone
-          })
-        })
+        validationError: getValidationErrorForNewValue(newDateRange)
       });
       handleValueChange(newDateRange, context);
     };
   };
   const handleStartDateChange = useEventCallback(buildChangeHandler(0));
   const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const validationError = useValidation(_extends({}, sharedProps, {
-    value,
-    timezone
-  }), validateTimeRange, rangeValueManager.isSameError, rangeValueManager.defaultErrorState);
   const selectedSectionsResponse = useMultiInputFieldSelectedSections({
     selectedSections,
     onSelectedSectionsChange,

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyNTQ4MzYwMDAwMA==";
+  const releaseInfo = "MTcyNjc4NjgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/validation/index.js

@@ -0,0 +1,3 @@
+export { validateDateRange } from "./validateDateRange.js";
+export { validateTimeRange } from "./validateTimeRange.js";
+export { validateDateTimeRange } from "./validateDateTimeRange.js";

package/modern/{internals/utils/validation → validation}/validateDateRange.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["shouldDisableDate"];
-import { validateDate } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from "../date-utils.js";
+import { validateDate } from '@mui/x-date-pickers/validation';
+import { isRangeValid } from "../internals/utils/date-utils.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
 export const validateDateRange = ({
-  props,
+  adapter,
   value,
-  adapter
+  timezone,
+  props
 }) => {
   const [start, end] = value;
   const {
@@ -16,12 +18,14 @@ export const validateDateRange = ({
   const dateValidations = [validateDate({
     adapter,
     value: start,
+    timezone,
     props: _extends({}, otherProps, {
       shouldDisableDate: day => !!shouldDisableDate?.(day, 'start')
     })
   }), validateDate({
     adapter,
     value: end,
+    timezone,
     props: _extends({}, otherProps, {
       shouldDisableDate: day => !!shouldDisableDate?.(day, 'end')
     })
@@ -38,4 +42,5 @@ export const validateDateRange = ({
     return ['invalidRange', 'invalidRange'];
   }
   return [null, null];
-};
+};
+validateDateRange.valueManager = rangeValueManager;

package/modern/{internals/utils/validation → validation}/validateDateTimeRange.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["shouldDisableDate"];
-import { validateDateTime } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from "../date-utils.js";
+import { validateDateTime } from '@mui/x-date-pickers/validation';
+import { isRangeValid } from "../internals/utils/date-utils.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
 export const validateDateTimeRange = ({
-  props,
+  adapter,
   value,
-  adapter
+  timezone,
+  props
 }) => {
   const [start, end] = value;
   const {
@@ -16,12 +18,14 @@ export const validateDateTimeRange = ({
   const dateTimeValidations = [validateDateTime({
     adapter,
     value: start,
+    timezone,
     props: _extends({}, otherProps, {
       shouldDisableDate: day => !!shouldDisableDate?.(day, 'start')
     })
   }), validateDateTime({
     adapter,
     value: end,
+    timezone,
     props: _extends({}, otherProps, {
       shouldDisableDate: day => !!shouldDisableDate?.(day, 'end')
     })
@@ -38,4 +42,5 @@ export const validateDateTimeRange = ({
     return ['invalidRange', 'invalidRange'];
   }
   return [null, null];
-};
+};
+validateDateTimeRange.valueManager = rangeValueManager;

package/{internals/utils → modern}/validation/validateTimeRange.js

@@ -1,18 +1,22 @@
-import { validateTime } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from "../date-utils.js";
+import { validateTime } from '@mui/x-date-pickers/validation';
+import { isRangeValid } from "../internals/utils/date-utils.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
 export const validateTimeRange = ({
-  props,
+  adapter,
   value,
-  adapter
+  timezone,
+  props
 }) => {
   const [start, end] = value;
   const dateTimeValidations = [validateTime({
     adapter,
     value: start,
+    timezone,
     props
   }), validateTime({
     adapter,
     value: end,
+    timezone,
     props
   })];
   if (dateTimeValidations[0] || dateTimeValidations[1]) {
@@ -27,4 +31,5 @@ export const validateTimeRange = ({
     return ['invalidRange', 'invalidRange'];
   }
   return [null, null];
-};
+};
+validateTimeRange.valueManager = rangeValueManager;

package/node/DateRangeCalendar/DateRangeCalendar.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -20,6 +21,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _xLicense = require("@mui/x-license");
 var _internals = require("@mui/x-date-pickers/internals");
+var _warning = require("@mui/x-internals/warning");
 var _releaseInfo = require("../internals/utils/releaseInfo");
 var _dateRangeCalendarClasses = require("./dateRangeCalendarClasses");
 var _dateUtils = require("../internals/utils/date-utils");
@@ -329,7 +331,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     if (disableAutoMonthSwitching && prevDate && utils.isEqual(prevDate, date)) {
       return;
     }
-    const displayingMonthRange = calendars - 1;
+    const displayingMonthRange = calendars - currentMonthCalendarPosition;
     const currentMonthNumber = utils.getMonth(calendarState.currentMonth);
     const requestedMonthNumber = utils.getMonth(date);
     if (!utils.isSameYear(calendarState.currentMonth, date) || requestedMonthNumber < currentMonthNumber || requestedMonthNumber > currentMonthNumber + displayingMonthRange) {
@@ -410,7 +412,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
   const visibleMonths = React.useMemo(() => {
     if (process.env.NODE_ENV !== 'production') {
       if (currentMonthCalendarPosition > calendars || currentMonthCalendarPosition < 1) {
-        (0, _internals.warnOnce)(['MUI X: The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
+        (0, _warning.warnOnce)(['MUI X: The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
       }
     }
     const firstMonth = utils.addMonths(calendarState.currentMonth, 1 - currentMonthCalendarPosition);

package/node/DateRangeCalendar/useDragRange.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/node/DateRangePicker/DateRangePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateRangePicker/DateRangePickerToolbar.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateRangePickerDay/DateRangePickerDay.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateTimeRangePicker/DateTimeRangePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateTimeRangePicker/DateTimeRangePickerTabs.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -9,7 +10,7 @@ exports.DesktopDateRangePicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _internals = require("@mui/x-date-pickers/internals");
+var _validation = require("@mui/x-date-pickers/validation");
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
 var _utils = require("@mui/utils");
 var _valueManagers = require("../internals/utils/valueManagers");
@@ -17,7 +18,7 @@ var _shared = require("../DateRangePicker/shared");
 var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
 var _MultiInputDateRangeField = require("../MultiInputDateRangeField");
 var _useDesktopRangePicker = require("../internals/hooks/useDesktopRangePicker");
-var _validateDateRange = require("../internals/utils/validation/validateDateRange");
+var _validation2 = require("../validation");
 /**
  * Demos:
  *
@@ -43,7 +44,7 @@ const DesktopDateRangePicker = exports.DesktopDateRangePicker = /*#__PURE__*/Rea
       field: _MultiInputDateRangeField.MultiInputDateRangeField
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _internals.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       toolbar: (0, _extends2.default)({
@@ -57,7 +58,7 @@ const DesktopDateRangePicker = exports.DesktopDateRangePicker = /*#__PURE__*/Rea
     props,
     valueManager: _valueManagers.rangeValueManager,
     valueType: 'date',
-    validator: _validateDateRange.validateDateRange
+    validator: _validation2.validateDateRange
   });
   return renderPicker();
 });

package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -11,6 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _internals = require("@mui/x-date-pickers/internals");
+var _validation = require("@mui/x-date-pickers/validation");
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
 var _utils = require("@mui/utils");
 var _timeViewRenderers = require("@mui/x-date-pickers/timeViewRenderers");
@@ -21,7 +23,7 @@ var _DesktopDateTimePicker = require("@mui/x-date-pickers/DesktopDateTimePicker"
 var _valueManagers = require("../internals/utils/valueManagers");
 var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
 var _useDesktopRangePicker = require("../internals/hooks/useDesktopRangePicker");
-var _validateDateTimeRange = require("../internals/utils/validation/validateDateTimeRange");
+var _validation2 = require("../validation");
 var _shared = require("../DateTimeRangePicker/shared");
 var _MultiInputDateTimeRangeField = require("../MultiInputDateTimeRangeField");
 var _DateTimeRangePickerTimeWrapper = require("../DateTimeRangePicker/DateTimeRangePickerTimeWrapper");
@@ -110,7 +112,7 @@ const DesktopDateTimeRangePicker = exports.DesktopDateTimeRangePicker = /*#__PUR
       layout: _DesktopDateTimePicker.DesktopDateTimePickerLayout
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _internals.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       tabs: (0, _extends2.default)({
@@ -131,7 +133,7 @@ const DesktopDateTimeRangePicker = exports.DesktopDateTimeRangePicker = /*#__PUR
     props,
     valueManager: _valueManagers.rangeValueManager,
     valueType: 'date-time',
-    validator: _validateDateTimeRange.validateDateTimeRange,
+    validator: _validation2.validateDateTimeRange,
     rendererInterceptor
   });
   return renderPicker();

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -9,7 +10,7 @@ exports.MobileDateRangePicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _internals = require("@mui/x-date-pickers/internals");
+var _validation = require("@mui/x-date-pickers/validation");
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
 var _utils = require("@mui/utils");
 var _valueManagers = require("../internals/utils/valueManagers");
@@ -17,7 +18,7 @@ var _shared = require("../DateRangePicker/shared");
 var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
 var _MultiInputDateRangeField = require("../MultiInputDateRangeField");
 var _useMobileRangePicker = require("../internals/hooks/useMobileRangePicker");
-var _validateDateRange = require("../internals/utils/validation/validateDateRange");
+var _validation2 = require("../validation");
 /**
  * Demos:
  *
@@ -44,7 +45,7 @@ const MobileDateRangePicker = exports.MobileDateRangePicker = /*#__PURE__*/React
       field: _MultiInputDateRangeField.MultiInputDateRangeField
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _internals.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       toolbar: (0, _extends2.default)({
@@ -58,7 +59,7 @@ const MobileDateRangePicker = exports.MobileDateRangePicker = /*#__PURE__*/React
     props,
     valueManager: _valueManagers.rangeValueManager,
     valueType: 'date',
-    validator: _validateDateRange.validateDateRange
+    validator: _validation2.validateDateRange
   });
   return renderPicker();
 });

package/node/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -12,6 +13,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/utils");
 var _internals = require("@mui/x-date-pickers/internals");
+var _validation = require("@mui/x-date-pickers/validation");
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
 var _timeViewRenderers = require("@mui/x-date-pickers/timeViewRenderers");
 var _MultiSectionDigitalClock = require("@mui/x-date-pickers/MultiSectionDigitalClock");
@@ -19,7 +21,7 @@ var _DigitalClock = require("@mui/x-date-pickers/DigitalClock");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
 var _useMobileRangePicker = require("../internals/hooks/useMobileRangePicker");
-var _validateDateTimeRange = require("../internals/utils/validation/validateDateTimeRange");
+var _validation2 = require("../validation");
 var _shared = require("../DateTimeRangePicker/shared");
 var _MultiInputDateTimeRangeField = require("../MultiInputDateTimeRangeField");
 var _DateTimeRangePickerTimeWrapper = require("../DateTimeRangePicker/DateTimeRangePickerTimeWrapper");
@@ -112,7 +114,7 @@ const MobileDateTimeRangePicker = exports.MobileDateTimeRangePicker = /*#__PURE_
       field: _MultiInputDateTimeRangeField.MultiInputDateTimeRangeField
     }, defaultizedProps.slots),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
-      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _internals.extractValidationProps)(defaultizedProps), {
+      field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps), {
         ref
       }),
       tabs: (0, _extends2.default)({
@@ -130,7 +132,7 @@ const MobileDateTimeRangePicker = exports.MobileDateTimeRangePicker = /*#__PURE_
     props,
     valueManager: _valueManagers.rangeValueManager,
     valueType: 'date-time',
-    validator: _validateDateTimeRange.validateDateTimeRange,
+    validator: _validation2.validateDateTimeRange,
     rendererInterceptor
   });
   return renderPicker();

package/node/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -18,6 +19,7 @@ var _styles = require("@mui/material/styles");
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _utils = require("@mui/utils");
 var _internals = require("@mui/x-date-pickers/internals");
+var _hooks = require("@mui/x-date-pickers/hooks");
 var _PickersTextField = require("@mui/x-date-pickers/PickersTextField");
 var _useMultiInputDateRangeField = require("../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -70,7 +72,7 @@ const MultiInputDateRangeField = exports.MultiInputDateRangeField = /*#__PURE__*
   const {
     internalProps,
     forwardedProps
-  } = (0, _internals.splitFieldInternalAndForwardedProps)(themeProps, 'date');
+  } = (0, _hooks.useSplitFieldProps)(themeProps, 'date');
   const {
       slots,
       slotProps,

package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -18,6 +19,7 @@ var _styles = require("@mui/material/styles");
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _utils = require("@mui/utils");
 var _internals = require("@mui/x-date-pickers/internals");
+var _hooks = require("@mui/x-date-pickers/hooks");
 var _PickersTextField = require("@mui/x-date-pickers/PickersTextField");
 var _useMultiInputDateTimeRangeField = require("../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -70,7 +72,7 @@ const MultiInputDateTimeRangeField = exports.MultiInputDateTimeRangeField = /*#_
   const {
     internalProps,
     forwardedProps
-  } = (0, _internals.splitFieldInternalAndForwardedProps)(themeProps, 'date-time');
+  } = (0, _hooks.useSplitFieldProps)(themeProps, 'date-time');
   const {
       slots,
       slotProps,

package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -18,6 +19,7 @@ var _styles = require("@mui/material/styles");
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _utils = require("@mui/utils");
 var _internals = require("@mui/x-date-pickers/internals");
+var _hooks = require("@mui/x-date-pickers/hooks");
 var _PickersTextField = require("@mui/x-date-pickers/PickersTextField");
 var _useMultiInputTimeRangeField = require("../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -70,7 +72,7 @@ const MultiInputTimeRangeField = exports.MultiInputTimeRangeField = /*#__PURE__*
   const {
     internalProps,
     forwardedProps
-  } = (0, _internals.splitFieldInternalAndForwardedProps)(themeProps, 'time');
+  } = (0, _hooks.useSplitFieldProps)(themeProps, 'time');
   const {
       slots,
       slotProps,

package/node/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
@@ -7,14 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSingleInputDateRangeField = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-date-pickers/internals");
+var _hooks = require("@mui/x-date-pickers/hooks");
 var _valueManagers = require("../internals/utils/valueManagers");
-var _validateDateRange = require("../internals/utils/validation/validateDateRange");
+var _validation = require("../validation");
 const useSingleInputDateRangeField = inProps => {
   const props = (0, _internals.useDefaultizedDateField)(inProps);
   const {
     forwardedProps,
     internalProps
-  } = (0, _internals.splitFieldInternalAndForwardedProps)(props, 'date');
+  } = (0, _hooks.useSplitFieldProps)(props, 'date');
   const fieldValueManager = React.useMemo(() => (0, _valueManagers.getRangeFieldValueManager)({
     dateSeparator: internalProps.dateSeparator
   }), [internalProps.dateSeparator]);
@@ -23,7 +25,7 @@ const useSingleInputDateRangeField = inProps => {
     internalProps,
     valueManager: _valueManagers.rangeValueManager,
     fieldValueManager,
-    validator: _validateDateRange.validateDateRange,
+    validator: _validation.validateDateRange,
     valueType: 'date'
   });
 };

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;