@mui/x-date-pickers-pro 7.15.0 → 7.17.0

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
@@ -10,7 +12,7 @@ import { useThemeProps } from '@mui/material/styles';
 import { refType } from '@mui/utils';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { useClearableField } from '@mui/x-date-pickers/hooks';
-import { useSingleInputDateTimeRangeField } from './useSingleInputDateTimeRangeField';
+import { useSingleInputDateTimeRangeField } from "./useSingleInputDateTimeRangeField.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -228,8 +230,8 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
   onBlur: PropTypes.func,
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
@@ -239,11 +241,13 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    */
   onClear: PropTypes.func,
   /**
-   * Callback fired when the error associated to the current value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
-   * @param {TError} error The new error.
-   * @param {TValue} value The value associated to the error.
+   * Callback fired when the error associated with the current value changes.
+   * When a validation error is detected, the `error` parameter contains a non-null value.
+   * This can be used to render an appropriate form error.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @param {TError} error The reason why the current value is not valid.
+   * @param {TValue} value The value associated with the error.
    */
   onError: PropTypes.func,
   onFocus: PropTypes.func,

package/SingleInputDateTimeRangeField/index.js

@@ -1,2 +1,2 @@
-export { SingleInputDateTimeRangeField } from './SingleInputDateTimeRangeField';
-export { useSingleInputDateTimeRangeField as unstable_useSingleInputDateTimeRangeField } from './useSingleInputDateTimeRangeField';
+export { SingleInputDateTimeRangeField } from "./SingleInputDateTimeRangeField.js";
+export { useSingleInputDateTimeRangeField as unstable_useSingleInputDateTimeRangeField } from "./useSingleInputDateTimeRangeField.js";

package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts

@@ -1,3 +1,3 @@
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 import { UseSingleInputDateTimeRangeFieldProps } from './SingleInputDateTimeRangeField.types';
-export declare const useSingleInputDateTimeRangeField: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseSingleInputDateTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>>(inProps: TAllProps) => import("@mui/x-date-pickers/internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps & Omit<UseSingleInputDateTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>, keyof import("@mui/x-date-pickers/internals/hooks/defaultizedFieldProps").UseDefaultizedDateTimeFieldBaseProps<any>> & Required<Pick<UseSingleInputDateTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>, keyof import("@mui/x-date-pickers/internals/hooks/defaultizedFieldProps").UseDefaultizedDateTimeFieldBaseProps<any>>>, keyof UseSingleInputDateTimeRangeFieldProps<any, any>>>;
+export declare const useSingleInputDateTimeRangeField: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseSingleInputDateTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>>(inProps: TAllProps) => import("@mui/x-date-pickers/internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps & Omit<UseSingleInputDateTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>, keyof import("@mui/x-date-pickers/internals/hooks/defaultizedFieldProps").UseDefaultizedDateTimeFieldBaseProps<any>> & Required<Pick<UseSingleInputDateTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>, keyof import("@mui/x-date-pickers/internals/hooks/defaultizedFieldProps").UseDefaultizedDateTimeFieldBaseProps<any>>>, "disabled" | "format" | "onChange" | "onError" | "defaultValue" | "value" | "readOnly" | "referenceDate" | "timezone" | "formatDensity" | "enableAccessibleFieldDOMStructure" | "selectedSections" | "onSelectedSectionsChange" | "shouldRespectLeadingZeros" | "unstableFieldRef" | "ampm" | "disableFuture" | "maxDate" | "disablePast" | "minDate" | "minTime" | "maxTime" | "minutesStep" | "shouldDisableTime" | "disableIgnoringDatePartForTimeValidation" | "minDateTime" | "maxDateTime" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "dateSeparator">>;

package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js

@@ -1,13 +1,16 @@
+'use client';
+
 import * as React from 'react';
-import { useField, splitFieldInternalAndForwardedProps, useDefaultizedDateTimeField } from '@mui/x-date-pickers/internals';
-import { rangeValueManager, getRangeFieldValueManager } from '../internals/utils/valueManagers';
-import { validateDateTimeRange } from '../internals/utils/validation/validateDateTimeRange';
+import { useField, useDefaultizedDateTimeField } from '@mui/x-date-pickers/internals';
+import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
+import { rangeValueManager, getRangeFieldValueManager } from "../internals/utils/valueManagers.js";
+import { validateDateTimeRange } from "../validation/index.js";
 export const useSingleInputDateTimeRangeField = inProps => {
   const props = useDefaultizedDateTimeField(inProps);
   const {
     forwardedProps,
     internalProps
-  } = splitFieldInternalAndForwardedProps(props, 'date-time');
+  } = useSplitFieldProps(props, 'date-time');
   const fieldValueManager = React.useMemo(() => getRangeFieldValueManager({
     dateSeparator: internalProps.dateSeparator
   }), [internalProps.dateSeparator]);

package/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
@@ -10,7 +12,7 @@ import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
 import { useThemeProps } from '@mui/material/styles';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { refType } from '@mui/utils';
-import { useSingleInputTimeRangeField } from './useSingleInputTimeRangeField';
+import { useSingleInputTimeRangeField } from "./useSingleInputTimeRangeField.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -210,8 +212,8 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   onBlur: PropTypes.func,
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
@@ -221,11 +223,13 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   onClear: PropTypes.func,
   /**
-   * Callback fired when the error associated to the current value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
-   * @param {TError} error The new error.
-   * @param {TValue} value The value associated to the error.
+   * Callback fired when the error associated with the current value changes.
+   * When a validation error is detected, the `error` parameter contains a non-null value.
+   * This can be used to render an appropriate form error.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @param {TError} error The reason why the current value is not valid.
+   * @param {TValue} value The value associated with the error.
    */
   onError: PropTypes.func,
   onFocus: PropTypes.func,

package/SingleInputTimeRangeField/index.js

@@ -1,2 +1,2 @@
-export { SingleInputTimeRangeField } from './SingleInputTimeRangeField';
-export { useSingleInputTimeRangeField as unstable_useSingleInputTimeRangeField } from './useSingleInputTimeRangeField';
+export { SingleInputTimeRangeField } from "./SingleInputTimeRangeField.js";
+export { useSingleInputTimeRangeField as unstable_useSingleInputTimeRangeField } from "./useSingleInputTimeRangeField.js";

package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts

@@ -1,3 +1,3 @@
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 import { UseSingleInputTimeRangeFieldProps } from './SingleInputTimeRangeField.types';
-export declare const useSingleInputTimeRangeField: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseSingleInputTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>>(inProps: TAllProps) => import("@mui/x-date-pickers/internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps & Omit<UseSingleInputTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>, keyof import("@mui/x-date-pickers/internals/hooks/defaultizedFieldProps").UseDefaultizedTimeFieldBaseProps> & Required<Pick<UseSingleInputTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>, keyof import("@mui/x-date-pickers/internals/hooks/defaultizedFieldProps").UseDefaultizedTimeFieldBaseProps>>, keyof UseSingleInputTimeRangeFieldProps<any, any>>>;
+export declare const useSingleInputTimeRangeField: <TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseSingleInputTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>>(inProps: TAllProps) => import("@mui/x-date-pickers/internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps & Omit<UseSingleInputTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>, keyof import("@mui/x-date-pickers/internals/hooks/defaultizedFieldProps").UseDefaultizedTimeFieldBaseProps> & Required<Pick<UseSingleInputTimeRangeFieldProps<TDate, TEnableAccessibleFieldDOMStructure>, keyof import("@mui/x-date-pickers/internals/hooks/defaultizedFieldProps").UseDefaultizedTimeFieldBaseProps>>, "disabled" | "format" | "onChange" | "onError" | "defaultValue" | "value" | "readOnly" | "referenceDate" | "timezone" | "formatDensity" | "enableAccessibleFieldDOMStructure" | "selectedSections" | "onSelectedSectionsChange" | "shouldRespectLeadingZeros" | "unstableFieldRef" | "ampm" | keyof import("@mui/x-date-pickers/internals").BaseTimeValidationProps | keyof import("@mui/x-date-pickers/internals").TimeValidationProps<any> | "dateSeparator">>;

package/SingleInputTimeRangeField/useSingleInputTimeRangeField.js

@@ -1,13 +1,16 @@
+'use client';
+
 import * as React from 'react';
-import { useField, splitFieldInternalAndForwardedProps, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
-import { rangeValueManager, getRangeFieldValueManager } from '../internals/utils/valueManagers';
-import { validateTimeRange } from '../internals/utils/validation/validateTimeRange';
+import { useField, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
+import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
+import { rangeValueManager, getRangeFieldValueManager } from "../internals/utils/valueManagers.js";
+import { validateTimeRange } from "../validation/index.js";
 export const useSingleInputTimeRangeField = inProps => {
   const props = useDefaultizedTimeField(inProps);
   const {
     forwardedProps,
     internalProps
-  } = splitFieldInternalAndForwardedProps(props, 'time');
+  } = useSplitFieldProps(props, 'time');
   const fieldValueManager = React.useMemo(() => getRangeFieldValueManager({
     dateSeparator: internalProps.dateSeparator
   }), [internalProps.dateSeparator]);

package/StaticDateRangePicker/StaticDateRangePicker.js

@@ -1,11 +1,13 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useStaticRangePicker } from '../internals/hooks/useStaticRangePicker';
-import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
-import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
-import { rangeValueManager } from '../internals/utils/valueManagers';
-import { validateDateRange } from '../internals/utils/validation/validateDateRange';
+import { useStaticRangePicker } from "../internals/hooks/useStaticRangePicker/index.js";
+import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.js";
+import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
+import { validateDateRange } from "../validation/index.js";
 /**
  * Demos:
  *
@@ -155,16 +157,16 @@ StaticDateRangePicker.propTypes = {
   minDate: PropTypes.object,
   /**
    * Callback fired when the value is accepted.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
    * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
@@ -176,13 +178,13 @@ StaticDateRangePicker.propTypes = {
    */
   onClose: PropTypes.func,
   /**
-   * Callback fired when the error associated to the current value changes.
-   * If the error has a non-null value, then the `TextField` will be rendered in `error` state.
-   *
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
-   * @param {TError} error The new error describing why the current value is not valid.
-   * @param {TValue} value The value associated to the error.
+   * Callback fired when the error associated with the current value changes.
+   * When a validation error is detected, the `error` parameter contains a non-null value.
+   * This can be used to render an appropriate form error.
+   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
+   * @param {TError} error The reason why the current value is not valid.
+   * @param {TValue} value The value associated with the error.
    */
   onError: PropTypes.func,
   /**

package/StaticDateRangePicker/index.js

@@ -1 +1 @@
-export { StaticDateRangePicker } from './StaticDateRangePicker';
+export { StaticDateRangePicker } from "./StaticDateRangePicker.js";

package/dateRangeViewRenderers/dateRangeViewRenderers.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DateRangeCalendar } from '../DateRangeCalendar';
+import { DateRangeCalendar } from "../DateRangeCalendar/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * We don't pass all the props down to `DateRangeCalendar`,

package/dateRangeViewRenderers/index.js

@@ -1 +1 @@
-export { renderDateRangeViewCalendar } from './dateRangeViewRenderers';
+export { renderDateRangeViewCalendar } from "./dateRangeViewRenderers.js";

package/index.d.ts

@@ -24,3 +24,4 @@ export * from './DesktopDateTimeRangePicker';
 export * from './MobileDateTimeRangePicker';
 export * from './dateRangeViewRenderers';
 export * from './models';
+export * from './validation';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v7.15.0
+ * @mui/x-date-pickers-pro v7.17.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -12,29 +12,30 @@ import { LicenseInfo as LicenseInfoExport } from '@mui/x-license';
  */
 export class LicenseInfo extends LicenseInfoExport {}
 export * from '@mui/x-date-pickers';
-export * from './DateRangePickerDay';
+export * from "./DateRangePickerDay/index.js";
 
 // Fields
-export * from './MultiInputDateRangeField';
-export * from './MultiInputTimeRangeField';
-export * from './MultiInputDateTimeRangeField';
-export * from './SingleInputDateRangeField';
-export * from './SingleInputTimeRangeField';
-export * from './SingleInputDateTimeRangeField';
+export * from "./MultiInputDateRangeField/index.js";
+export * from "./MultiInputTimeRangeField/index.js";
+export * from "./MultiInputDateTimeRangeField/index.js";
+export * from "./SingleInputDateRangeField/index.js";
+export * from "./SingleInputTimeRangeField/index.js";
+export * from "./SingleInputDateTimeRangeField/index.js";
 
 // Calendars
-export * from './DateRangeCalendar';
-export * from './PickersRangeCalendarHeader';
+export * from "./DateRangeCalendar/index.js";
+export * from "./PickersRangeCalendarHeader/index.js";
 
 // New pickers
-export * from './DateRangePicker';
-export * from './DesktopDateRangePicker';
-export * from './MobileDateRangePicker';
-export * from './StaticDateRangePicker';
-export * from './DateTimeRangePicker';
-export * from './DesktopDateTimeRangePicker';
-export * from './MobileDateTimeRangePicker';
+export * from "./DateRangePicker/index.js";
+export * from "./DesktopDateRangePicker/index.js";
+export * from "./MobileDateRangePicker/index.js";
+export * from "./StaticDateRangePicker/index.js";
+export * from "./DateTimeRangePicker/index.js";
+export * from "./DesktopDateTimeRangePicker/index.js";
+export * from "./MobileDateTimeRangePicker/index.js";
 
 // View renderers
-export * from './dateRangeViewRenderers';
-export * from './models';
+export * from "./dateRangeViewRenderers/index.js";
+export * from "./models/index.js";
+export * from "./validation/index.js";

package/internals/hooks/useDesktopRangePicker/index.js

@@ -1 +1 @@
-export { useDesktopRangePicker } from './useDesktopRangePicker';
+export { useDesktopRangePicker } from "./useDesktopRangePicker.js";

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -7,9 +7,9 @@ import { useLicenseVerifier } from '@mui/x-license';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { executeInTheNextEventLoopTick, getActiveElement, usePicker, PickersPopper } from '@mui/x-date-pickers/internals';
-import { useEnrichedRangePickerFieldProps } from '../useEnrichedRangePickerFieldProps';
-import { getReleaseInfo } from '../../utils/releaseInfo';
-import { useRangePosition } from '../useRangePosition';
+import { useEnrichedRangePickerFieldProps } from "../useEnrichedRangePickerFieldProps.js";
+import { getReleaseInfo } from "../../utils/releaseInfo.js";
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 export const useDesktopRangePicker = _ref => {

package/internals/hooks/useMobileRangePicker/index.js

@@ -1 +1 @@
-export { useMobileRangePicker } from './useMobileRangePicker';
+export { useMobileRangePicker } from "./useMobileRangePicker.js";

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -9,9 +9,9 @@ import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickersModalDialog } from '@mui/x-date-pickers/internals';
 import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
 import useId from '@mui/utils/useId';
-import { useEnrichedRangePickerFieldProps } from '../useEnrichedRangePickerFieldProps';
-import { getReleaseInfo } from '../../utils/releaseInfo';
-import { useRangePosition } from '../useRangePosition';
+import { useEnrichedRangePickerFieldProps } from "../useEnrichedRangePickerFieldProps.js";
+import { getReleaseInfo } from "../../utils/releaseInfo.js";
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 export const useMobileRangePicker = _ref => {

package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useDateField as useDateField } from '@mui/x-date-pickers/DateField';
-import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedDateField } from '@mui/x-date-pickers/internals';
-import { validateDateRange } from '../../utils/validation/validateDateRange';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+import { useControlledValueWithTimezone, useDefaultizedDateField } from '@mui/x-date-pickers/internals';
+import { useValidation } from '@mui/x-date-pickers/validation';
+import { validateDateRange } from "../../../validation/index.js";
+import { rangeValueManager } from "../../utils/valueManagers.js";
+import { excludeProps } from "./shared.js";
+import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
 export const useMultiInputDateRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,
@@ -14,7 +15,6 @@ export const useMultiInputDateRangeField = ({
   unstableEndFieldRef
 }) => {
   const sharedProps = useDefaultizedDateField(inSharedProps);
-  const adapter = useLocalizationContext();
   const {
     value: valueProp,
     defaultValue,
@@ -42,29 +42,29 @@ export const useMultiInputDateRangeField = ({
     onChange,
     valueManager: rangeValueManager
   });
+  const {
+    validationError,
+    getValidationErrorForNewValue
+  } = useValidation({
+    props: sharedProps,
+    value,
+    timezone,
+    validator: validateDateRange,
+    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: validateDateRange({
-          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
-  }), validateDateRange, rangeValueManager.isSameError, rangeValueManager.defaultErrorState);
   const selectedSectionsResponse = useMultiInputFieldSelectedSections({
     selectedSections,
     onSelectedSectionsChange,

package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -1,11 +1,12 @@
 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';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+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";
 export const useMultiInputDateTimeRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,
@@ -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/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -1,11 +1,12 @@
 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';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+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";
 export const useMultiInputTimeRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,
@@ -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/internals/hooks/useStaticRangePicker/index.js

@@ -1 +1 @@
-export { useStaticRangePicker } from './useStaticRangePicker';
+export { useStaticRangePicker } from "./useStaticRangePicker.js";

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -7,7 +7,7 @@ import { styled } from '@mui/material/styles';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, DIALOG_WIDTH } from '@mui/x-date-pickers/internals';
-import { useRangePosition } from '../useRangePosition';
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickerStaticLayout = styled(PickersLayout)(({
   theme

package/internals/models/index.js

@@ -1,4 +1,4 @@
-export * from './dateRange';
-export * from './dateTimeRange';
-export * from './timeRange';
-export * from './rangePickerProps';
+export * from "./dateRange.js";
+export * from "./dateTimeRange.js";
+export * from "./timeRange.js";
+export * from "./rangePickerProps.js";

package/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyNDg4MjQwMDAwMA==";
+  const releaseInfo = "MTcyNjE5NjQwMDAwMA==";
   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/internals/utils/valueManagers.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["value", "referenceDate"];
 import { replaceInvalidDateByNull, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections, areDatesEqual, getTodayDate, getDefaultReferenceDate } from '@mui/x-date-pickers/internals';
-import { splitDateRangeSections, removeLastSeparator } from './date-fields-utils';
+import { splitDateRangeSections, removeLastSeparator } from "./date-fields-utils.js";
 export const rangeValueManager = {
   emptyValue: [null, null],
   getTodayValue: (utils, timezone, valueType) => [getTodayDate(utils, timezone, valueType), getTodayDate(utils, timezone, valueType)],

package/models/index.js

@@ -1,5 +1,5 @@
-export * from './dateRange';
-export * from './fields';
-export * from './range';
-export * from './validation';
-export * from './multiInputRangeFieldClasses';
+export * from "./dateRange.js";
+export * from "./fields.js";
+export * from "./range.js";
+export * from "./validation.js";
+export * from "./multiInputRangeFieldClasses.js";