@mui/x-date-pickers 7.15.0 → 7.17.0

package/internals/hooks/useField/useField.js

@@ -3,13 +3,13 @@ import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useRtl } from '@mui/system/RtlProvider';
-import { useValidation } from '../useValidation';
-import { useUtils } from '../useUtils';
-import { adjustSectionValue, getSectionOrder } from './useField.utils';
-import { useFieldState } from './useFieldState';
-import { useFieldCharacterEditing } from './useFieldCharacterEditing';
-import { useFieldV7TextField } from './useFieldV7TextField';
-import { useFieldV6TextField } from './useFieldV6TextField';
+import { useValidation } from "../../../validation/index.js";
+import { useUtils } from "../useUtils.js";
+import { adjustSectionValue, getSectionOrder } from "./useField.utils.js";
+import { useFieldState } from "./useFieldState.js";
+import { useFieldCharacterEditing } from "./useFieldCharacterEditing.js";
+import { useFieldV7TextField } from "./useFieldV7TextField.js";
+import { useFieldV6TextField } from "./useFieldV6TextField.js";
 export const useField = params => {
   const utils = useUtils();
   const {
@@ -158,18 +158,23 @@ export const useField = params => {
   useEnhancedEffect(() => {
     interactions.syncSelectionToDOM();
   });
-  const validationError = useValidation(_extends({}, internalProps, {
+  const {
+    hasValidationError
+  } = useValidation({
+    props: internalProps,
+    validator,
+    timezone,
     value: state.value,
-    timezone
-  }), validator, valueManager.isSameError, valueManager.defaultErrorState);
+    onError: internalProps.onError
+  });
   const inputError = React.useMemo(() => {
     // only override when `error` is undefined.
     // in case of multi input fields, the `error` value is provided externally and will always be defined.
     if (error !== undefined) {
       return error;
     }
-    return valueManager.hasError(validationError);
-  }, [valueManager, validationError, error]);
+    return hasValidationError;
+  }, [hasValidationError, error]);
   React.useEffect(() => {
     if (!inputError && activeSectionIndex == null) {
       resetCharacterQuery();

package/internals/hooks/useField/useField.types.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapter, TimezoneProps, FieldSectionContentType, FieldValueType, PickersTimezone, PickerValidDate, FieldRef } from '../../../models';
+import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapter, TimezoneProps, FieldSectionContentType, FieldValueType, PickerValidDate, FieldRef, OnErrorProps, InferError } from '../../../models';
 import type { PickerValueManager } from '../usePicker';
-import { InferError, Validator } from '../useValidation';
+import type { Validator } from '../../../validation';
 import type { UseFieldStateResponse } from './useFieldState';
 import type { UseFieldCharacterEditingResponse } from './useFieldCharacterEditing';
 import { PickersSectionElement, PickersSectionListRef } from '../../../PickersSectionList';
@@ -11,10 +11,10 @@ export interface UseFieldParams<TValue, TDate extends PickerValidDate, TSection
     internalProps: TInternalProps;
     valueManager: PickerValueManager<TValue, TDate, InferError<TInternalProps>>;
     fieldValueManager: FieldValueManager<TValue, TDate, TSection>;
-    validator: Validator<TValue, TDate, InferError<TInternalProps>, UseFieldValidationProps<TValue, TInternalProps>>;
+    validator: Validator<TValue, TDate, InferError<TInternalProps>, TInternalProps>;
     valueType: FieldValueType;
 }
-export interface UseFieldInternalProps<TValue, TDate extends PickerValidDate, TSection extends FieldSection, TEnableAccessibleFieldDOMStructure extends boolean, TError> extends TimezoneProps {
+export interface UseFieldInternalProps<TValue, TDate extends PickerValidDate, TSection extends FieldSection, TEnableAccessibleFieldDOMStructure extends boolean, TError> extends TimezoneProps, OnErrorProps<TValue, TError> {
     /**
      * The selected value.
      * Used when the component is controlled.
@@ -32,20 +32,12 @@ export interface UseFieldInternalProps<TValue, TDate extends PickerValidDate, TS
     referenceDate?: TDate;
     /**
      * 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.
      */
     onChange?: FieldChangeHandler<TValue, TError>;
-    /**
-     * 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.
-     */
-    onError?: (error: TError, value: TValue) => void;
     /**
      * Format of the date when rendered in the input(s).
      */
@@ -289,14 +281,6 @@ export interface UseFieldState<TValue, TSection extends FieldSection> {
      */
     tempValueStrAndroid: string | null;
 }
-export type UseFieldValidationProps<TValue, TInternalProps extends {
-    value?: TValue;
-    defaultValue?: TValue;
-    timezone?: PickersTimezone;
-}> = Omit<TInternalProps, 'value' | 'defaultValue' | 'timezone'> & {
-    value: TValue;
-    timezone: PickersTimezone;
-};
 export type AvailableAdjustKeyCode = 'ArrowUp' | 'ArrowDown' | 'PageUp' | 'PageDown' | 'Home' | 'End';
 export type SectionNeighbors = {
     [sectionIndex: number]: {

package/internals/hooks/useField/useField.utils.js

@@ -1,4 +1,4 @@
-import { getMonthsInYear } from '../../utils/date-utils';
+import { getMonthsInYear } from "../../utils/date-utils.js";
 export const getDateSectionConfigFromFormatToken = (utils, formatToken) => {
   const config = utils.formatTokenMap[formatToken];
   if (config == null) {

package/internals/hooks/useField/useFieldCharacterEditing.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useUtils } from '../useUtils';
-import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions, applyLocalizedDigits, removeLocalizedDigits, isStringNumber } from './useField.utils';
+import { useUtils } from "../useUtils.js";
+import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions, applyLocalizedDigits, removeLocalizedDigits, isStringNumber } from "./useField.utils.js";
 
 /**
  * The letter editing and the numeric editing each define a `CharacterEditingApplier`.

package/internals/hooks/useField/useFieldState.js

@@ -2,12 +2,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useControlled from '@mui/utils/useControlled';
 import { useRtl } from '@mui/system/RtlProvider';
-import { usePickersTranslations } from '../../../hooks/usePickersTranslations';
-import { useUtils, useLocalizationContext } from '../useUtils';
-import { mergeDateIntoReferenceDate, getSectionsBoundaries, validateSections, getDateFromDateSections, parseSelectedSections, getLocalizedDigits } from './useField.utils';
-import { buildSectionsFromFormat } from './buildSectionsFromFormat';
-import { useValueWithTimezone } from '../useValueWithTimezone';
-import { getSectionTypeGranularity } from '../../utils/getDefaultReferenceDate';
+import { usePickersTranslations } from "../../../hooks/usePickersTranslations.js";
+import { useUtils, useLocalizationContext } from "../useUtils.js";
+import { mergeDateIntoReferenceDate, getSectionsBoundaries, validateSections, getDateFromDateSections, parseSelectedSections, getLocalizedDigits } from "./useField.utils.js";
+import { buildSectionsFromFormat } from "./buildSectionsFromFormat.js";
+import { useValueWithTimezone } from "../useValueWithTimezone.js";
+import { getSectionTypeGranularity } from "../../utils/getDefaultReferenceDate.js";
 export const useFieldState = params => {
   const utils = useUtils();
   const translations = usePickersTranslations();
@@ -110,10 +110,8 @@ export const useFieldState = params => {
       validationError: validator({
         adapter,
         value,
-        props: _extends({}, internalProps, {
-          value,
-          timezone
-        })
+        timezone,
+        props: internalProps
       })
     };
     handleValueChange(value, context);

package/internals/hooks/useField/useFieldV6TextField.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { useRtl } from '@mui/system/RtlProvider';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useForkRef from '@mui/utils/useForkRef';
-import { getActiveElement } from '../../utils/utils';
-import { getSectionVisibleValue, isAndroid } from './useField.utils';
+import { getActiveElement } from "../../utils/utils.js";
+import { getSectionVisibleValue, isAndroid } from "./useField.utils.js";
 const cleanString = dirtyString => dirtyString.replace(/[\u2066\u2067\u2068\u2069]/g, '');
 export const addPositionPropertiesToSections = (sections, localizedDigits, isRtl) => {
   let position = 0;

package/internals/hooks/useField/useFieldV7TextField.js

@@ -3,10 +3,10 @@ import useForkRef from '@mui/utils/useForkRef';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useId from '@mui/utils/useId';
-import { getSectionValueNow, getSectionValueText, parseSelectedSections } from './useField.utils';
-import { getActiveElement } from '../../utils/utils';
-import { usePickersTranslations } from '../../../hooks/usePickersTranslations';
-import { useUtils } from '../useUtils';
+import { getSectionValueNow, getSectionValueText, parseSelectedSections } from "./useField.utils.js";
+import { getActiveElement } from "../../utils/utils.js";
+import { usePickersTranslations } from "../../../hooks/usePickersTranslations.js";
+import { useUtils } from "../useUtils.js";
 export const useFieldV7TextField = params => {
   const {
     internalProps: {

package/internals/hooks/useIsLandscape.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { arrayIncludes } from '../utils/utils';
+import { arrayIncludes } from "../utils/utils.js";
 function getOrientation() {
   if (typeof window === 'undefined') {
     return 'portrait';

package/internals/hooks/useMobilePicker/index.js

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

package/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -5,12 +5,11 @@ import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
 import useForkRef from '@mui/utils/useForkRef';
 import useId from '@mui/utils/useId';
-import { PickersModalDialog } from '../../components/PickersModalDialog';
-import { usePicker } from '../usePicker';
-import { onSpaceOrEnter } from '../../utils/utils';
-import { useUtils } from '../useUtils';
-import { LocalizationProvider } from '../../../LocalizationProvider';
-import { PickersLayout } from '../../../PickersLayout';
+import { PickersModalDialog } from "../../components/PickersModalDialog.js";
+import { usePicker } from "../usePicker/index.js";
+import { onSpaceOrEnter } from "../../utils/utils.js";
+import { LocalizationProvider } from "../../../LocalizationProvider/index.js";
+import { PickersLayout } from "../../../PickersLayout/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Hook managing all the single-date mobile pickers:
@@ -42,7 +41,6 @@ export const useMobilePicker = _ref => {
     disabled,
     localeText
   } = props;
-  const utils = useUtils();
   const fieldRef = React.useRef(null);
   const labelId = useId();
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
@@ -89,7 +87,7 @@ export const useMobilePicker = _ref => {
 
   // TODO: Move to `useSlotProps` when https://github.com/mui/material-ui/pull/35088 will be merged
   fieldProps.inputProps = _extends({}, fieldProps.inputProps, {
-    'aria-label': getOpenDialogAriaText(pickerFieldProps.value, utils)
+    'aria-label': getOpenDialogAriaText(pickerFieldProps.value)
   });
   const slotsForField = _extends({
     textField: slots.textField

package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts

@@ -4,7 +4,7 @@ import { SlotComponentProps } from '@mui/utils';
 import { BaseNonStaticPickerProps, BasePickerProps, BaseNonRangeNonStaticPickerProps } from '../../models/props/basePickerProps';
 import { PickersModalDialogSlots, PickersModalDialogSlotProps } from '../../components/PickersModalDialog';
 import { UsePickerParams, UsePickerProps } from '../usePicker';
-import { BaseSingleInputFieldProps, FieldSection, MuiPickersAdapter, PickerValidDate } from '../../../models';
+import { BaseSingleInputFieldProps, FieldSection, PickerValidDate } from '../../../models';
 import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from '../../../PickersLayout/PickersLayout.types';
 import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue.types';
 import { UsePickerViewsNonStaticProps, UsePickerViewsProps } from '../usePicker/usePickerViews';
@@ -43,5 +43,5 @@ export interface UseMobilePickerProps<TDate extends PickerValidDate, TView exten
 }
 export interface UseMobilePickerParams<TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobilePickerProps<TDate, TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'valueType' | 'validator'> {
     props: TExternalProps;
-    getOpenDialogAriaText: (date: TDate | null, utils: MuiPickersAdapter<TDate>) => string;
+    getOpenDialogAriaText: (date: TDate | null) => string;
 }

package/internals/hooks/usePicker/index.js

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

package/internals/hooks/usePicker/usePicker.d.ts

@@ -1,5 +1,4 @@
 import { UsePickerParams, UsePickerProps, UsePickerResponse } from './usePicker.types';
-import { InferError } from '../useValidation';
-import { FieldSection, PickerValidDate } from '../../../models';
+import { FieldSection, PickerValidDate, InferError } from '../../../models';
 import { DateOrTimeViewWithMeridiem } from '../../models';
 export declare const usePicker: <TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TExternalProps extends UsePickerProps<TValue, TDate, TView, any, any, any>, TAdditionalProps extends {}>({ props, valueManager, valueType, wrapperVariant, additionalViewProps, validator, autoFocusView, rendererInterceptor, fieldRef, }: UsePickerParams<TValue, TDate, TView, TSection, TExternalProps, TAdditionalProps>) => UsePickerResponse<TValue, TView, TSection, InferError<TExternalProps>>;

package/internals/hooks/usePicker/usePicker.js

@@ -1,7 +1,7 @@
-import { usePickerValue } from './usePickerValue';
-import { usePickerViews } from './usePickerViews';
-import { usePickerLayoutProps } from './usePickerLayoutProps';
-import { warnOnce } from '../../utils/warning';
+import { warnOnce } from '@mui/x-internals/warning';
+import { usePickerValue } from "./usePickerValue.js";
+import { usePickerViews } from "./usePickerViews.js";
+import { usePickerLayoutProps } from "./usePickerLayoutProps.js";
 export const usePicker = ({
   props,
   valueManager,

package/internals/hooks/usePicker/usePickerLayoutProps.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useRtl } from '@mui/system/RtlProvider';
-import { useIsLandscape } from '../useIsLandscape';
+import { useIsLandscape } from "../useIsLandscape.js";
 
 /**
  * Props used to create the layout of the views.

package/internals/hooks/usePicker/usePickerValue.d.ts

@@ -1,5 +1,4 @@
-import { InferError } from '../useValidation';
-import { FieldSection, PickerValidDate } from '../../../models';
+import { FieldSection, PickerValidDate, InferError } from '../../../models';
 import { UsePickerValueProps, UsePickerValueParams, UsePickerValueResponse } from './usePickerValue.types';
 /**
  * Manage the value lifecycle of all the pickers.

package/internals/hooks/usePicker/usePickerValue.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useOpenState } from '../useOpenState';
-import { useLocalizationContext, useUtils } from '../useUtils';
-import { useValidation } from '../useValidation';
-import { useValueWithTimezone } from '../useValueWithTimezone';
+import { useOpenState } from "../useOpenState.js";
+import { useLocalizationContext, useUtils } from "../useUtils.js";
+import { useValidation } from "../../../validation/index.js";
+import { useValueWithTimezone } from "../useValueWithTimezone.js";
 
 /**
  * Decide if the new value should be published
@@ -180,10 +180,15 @@ export const usePickerValue = ({
       hasBeenModifiedSinceMount: false
     };
   });
-  useValidation(_extends({}, props, {
+  const {
+    getValidationErrorForNewValue
+  } = useValidation({
+    props,
+    validator,
+    timezone,
     value: dateState.draft,
-    timezone
-  }), validator, valueManager.isSameError, valueManager.defaultErrorState);
+    onError: props.onError
+  });
   const updateDate = useEventCallback(action => {
     const updaterParams = {
       action,
@@ -204,14 +209,7 @@ export const usePickerValue = ({
     let cachedContext = null;
     const getContext = () => {
       if (!cachedContext) {
-        const validationError = action.name === 'setValueFromField' ? action.context.validationError : validator({
-          adapter,
-          value: action.value,
-          props: _extends({}, props, {
-            value: action.value,
-            timezone
-          })
-        });
+        const validationError = action.name === 'setValueFromField' ? action.context.validationError : getValidationErrorForNewValue(action.value);
         cachedContext = {
           validationError
         };
@@ -325,10 +323,8 @@ export const usePickerValue = ({
     const error = validator({
       adapter,
       value: testedValue,
-      props: _extends({}, props, {
-        value: testedValue,
-        timezone
-      })
+      timezone,
+      props
     });
     return !valueManager.hasError(error);
   };

package/internals/hooks/usePicker/usePickerValue.types.d.ts

@@ -1,8 +1,7 @@
 import { FieldChangeHandlerContext, UseFieldInternalProps } from '../useField';
-import { InferError, Validator } from '../useValidation';
-import { UseFieldValidationProps } from '../useField/useField.types';
+import { Validator } from '../../../validation';
 import { WrapperVariant } from '../../models/common';
-import { FieldSection, FieldValueType, TimezoneProps, MuiPickersAdapter, PickersTimezone, PickerChangeHandlerContext, PickerValidDate } from '../../../models';
+import { FieldSection, FieldValueType, TimezoneProps, MuiPickersAdapter, PickersTimezone, PickerChangeHandlerContext, PickerValidDate, OnErrorProps, InferError } from '../../../models';
 import { GetDefaultReferenceDateProps } from '../../utils/getDefaultReferenceDate';
 import { PickerShortcutChangeImportance, PickersShortcutsItemContext } from '../../../PickersShortcuts';
 export interface PickerValueManager<TValue, TDate extends PickerValidDate, TError> {
@@ -170,7 +169,7 @@ export type PickerValueUpdateAction<TValue, TError> = {
 /**
  * Props used to handle the value that are common to all pickers.
  */
-export interface UsePickerValueBaseProps<TValue, TError> {
+export interface UsePickerValueBaseProps<TValue, TError> extends OnErrorProps<TValue, TError> {
     /**
      * The selected value.
      * Used when the component is controlled.
@@ -183,30 +182,20 @@ export interface UsePickerValueBaseProps<TValue, TError> {
     defaultValue?: TValue;
     /**
      * 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.
      */
     onChange?: (value: TValue, context: PickerChangeHandlerContext<TError>) => void;
     /**
      * 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?: (value: TValue, context: PickerChangeHandlerContext<TError>) => void;
-    /**
-     * 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.
-     */
-    onError?: (error: TError, value: TValue) => void;
 }
 /**
  * Props used to handle the value of non-static pickers.
@@ -243,7 +232,7 @@ export interface UsePickerValueParams<TValue, TDate extends PickerValidDate, TEx
     valueManager: PickerValueManager<TValue, TDate, InferError<TExternalProps>>;
     valueType: FieldValueType;
     wrapperVariant: WrapperVariant;
-    validator: Validator<TValue, TDate, InferError<TExternalProps>, UseFieldValidationProps<TValue, TExternalProps>>;
+    validator: Validator<TValue, TDate, InferError<TExternalProps>, TExternalProps>;
 }
 export interface UsePickerValueActions {
     onAccept: () => void;

package/internals/hooks/usePicker/usePickerViews.js

@@ -4,8 +4,8 @@ const _excluded = ["className", "sx"];
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useViews } from '../useViews';
-import { isTimeView } from '../../utils/time-utils';
+import { useViews } from "../useViews.js";
+import { isTimeView } from "../../utils/time-utils.js";
 
 /**
  * Props used to handle the views that are common to all pickers.

package/internals/hooks/useStaticPicker/index.js

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

package/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -4,10 +4,10 @@ const _excluded = ["props", "ref"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
-import { usePicker } from '../usePicker';
-import { LocalizationProvider } from '../../../LocalizationProvider';
-import { PickersLayout } from '../../../PickersLayout';
-import { DIALOG_WIDTH } from '../../constants/dimensions';
+import { usePicker } from "../usePicker/index.js";
+import { LocalizationProvider } from "../../../LocalizationProvider/index.js";
+import { PickersLayout } from "../../../PickersLayout/index.js";
+import { DIALOG_WIDTH } from "../../constants/dimensions.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickerStaticLayout = styled(PickersLayout)(({
   theme

package/internals/hooks/useUtils.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { MuiPickersAdapterContext } from '../../LocalizationProvider/LocalizationProvider';
-import { DEFAULT_LOCALE } from '../../locales/enUS';
+import { MuiPickersAdapterContext } from "../../LocalizationProvider/LocalizationProvider.js";
+import { DEFAULT_LOCALE } from "../../locales/enUS.js";
 export const useLocalizationContext = () => {
   const localization = React.useContext(MuiPickersAdapterContext);
   if (localization === null) {

package/internals/hooks/useValueWithTimezone.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useControlled from '@mui/utils/useControlled';
-import { useUtils } from './useUtils';
+import { useUtils } from "./useUtils.js";
 /**
  * Hooks making sure that:
  * - The value returned by `onChange` always have the timezone of `props.value` or `props.defaultValue` if defined

package/internals/hooks/useViews.d.ts

@@ -6,7 +6,7 @@ export type PickerOnChangeFn<TDate extends PickerValidDate> = (date: TDate | nul
 export interface UseViewsOptions<TValue, TView extends DateOrTimeViewWithMeridiem> {
     /**
      * 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 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 TView The view type. Will be one of date or time views.
      * @param {TValue} value The new value.
      * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.

package/internals/index.d.ts

@@ -35,8 +35,6 @@ export type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotPr
 export { useLocalizationContext, useDefaultDates, useUtils, useNow } from './hooks/useUtils';
 export type { ExportedUseViewsOptions, UseViewsOptions } from './hooks/useViews';
 export { useViews } from './hooks/useViews';
-export { useValidation } from './hooks/useValidation';
-export type { ValidationProps, Validator, InferError } from './hooks/useValidation';
 export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-helpers-hooks';
 export type { BaseFieldProps } from './models/fields';
 export type { BasePickerProps, BasePickerInputProps, BaseNonStaticPickerProps, } from './models/props/basePickerProps';
@@ -49,17 +47,11 @@ export type { BaseDateValidationProps, BaseTimeValidationProps, TimeValidationPr
 export { convertFieldResponseIntoMuiTextFieldProps } from './utils/convertFieldResponseIntoMuiTextFieldProps';
 export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate, isDatePickerView, mergeDateAndTime, formatMeridiem, } from './utils/date-utils';
 export { resolveTimeViewsResponse, resolveDateTimeFormat } from './utils/date-time-utils';
-export { splitFieldInternalAndForwardedProps } from './utils/fields';
 export { getDefaultReferenceDate } from './utils/getDefaultReferenceDate';
 export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, } from './utils/utils';
 export { useDefaultizedDateField, useDefaultizedTimeField, useDefaultizedDateTimeField, } from './hooks/defaultizedFieldProps';
 export { useDefaultReduceAnimations } from './hooks/useDefaultReduceAnimations';
-export { extractValidationProps } from './utils/validation/extractValidationProps';
-export { validateDate } from './utils/validation/validateDate';
-export { validateDateTime } from './utils/validation/validateDateTime';
-export { validateTime } from './utils/validation/validateTime';
 export { applyDefaultViewProps } from './utils/views';
-export { warnOnce } from './utils/warning';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export type { DayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, ExportedDayCalendarProps, } from '../DateCalendar/DayCalendar';
 export type { ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.types';

package/internals/index.js

@@ -1,36 +1,29 @@
-export { PickersArrowSwitcher } from './components/PickersArrowSwitcher/PickersArrowSwitcher';
-export { PickersModalDialog } from './components/PickersModalDialog';
-export { PickersPopper } from './components/PickersPopper';
-export { PickersToolbar } from './components/PickersToolbar';
-export { pickersToolbarClasses } from './components/pickersToolbarClasses';
-export { pickersToolbarButtonClasses } from './components/pickersToolbarButtonClasses';
-export { pickersToolbarTextClasses } from './components/pickersToolbarTextClasses';
-export { pickersArrowSwitcherClasses } from './components/PickersArrowSwitcher/pickersArrowSwitcherClasses';
-export { pickersPopperClasses } from './components/pickersPopperClasses';
-export { PickersToolbarButton } from './components/PickersToolbarButton';
-export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT } from './constants/dimensions';
-export { useControlledValueWithTimezone } from './hooks/useValueWithTimezone';
-export { useField, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from './hooks/useField';
-export { usePicker } from './hooks/usePicker';
-export { useStaticPicker } from './hooks/useStaticPicker';
-export { useLocalizationContext, useDefaultDates, useUtils, useNow } from './hooks/useUtils';
-export { useViews } from './hooks/useViews';
-export { useValidation } from './hooks/useValidation';
-export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-helpers-hooks';
-export { convertFieldResponseIntoMuiTextFieldProps } from './utils/convertFieldResponseIntoMuiTextFieldProps';
-export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate, isDatePickerView, mergeDateAndTime, formatMeridiem } from './utils/date-utils';
-export { resolveTimeViewsResponse, resolveDateTimeFormat } from './utils/date-time-utils';
-export { splitFieldInternalAndForwardedProps } from './utils/fields';
-export { getDefaultReferenceDate } from './utils/getDefaultReferenceDate';
-export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from './utils/utils';
-export { useDefaultizedDateField, useDefaultizedTimeField, useDefaultizedDateTimeField } from './hooks/defaultizedFieldProps';
-export { useDefaultReduceAnimations } from './hooks/useDefaultReduceAnimations';
-export { extractValidationProps } from './utils/validation/extractValidationProps';
-export { validateDate } from './utils/validation/validateDate';
-export { validateDateTime } from './utils/validation/validateDateTime';
-export { validateTime } from './utils/validation/validateTime';
-export { applyDefaultViewProps } from './utils/views';
-export { warnOnce } from './utils/warning';
-export { DayCalendar } from '../DateCalendar/DayCalendar';
-export { useCalendarState } from '../DateCalendar/useCalendarState';
-export { isInternalTimeView, isTimeView } from './utils/time-utils';
+export { PickersArrowSwitcher } from "./components/PickersArrowSwitcher/PickersArrowSwitcher.js";
+export { PickersModalDialog } from "./components/PickersModalDialog.js";
+export { PickersPopper } from "./components/PickersPopper.js";
+export { PickersToolbar } from "./components/PickersToolbar.js";
+export { pickersToolbarClasses } from "./components/pickersToolbarClasses.js";
+export { pickersToolbarButtonClasses } from "./components/pickersToolbarButtonClasses.js";
+export { pickersToolbarTextClasses } from "./components/pickersToolbarTextClasses.js";
+export { pickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js";
+export { pickersPopperClasses } from "./components/pickersPopperClasses.js";
+export { PickersToolbarButton } from "./components/PickersToolbarButton.js";
+export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT } from "./constants/dimensions.js";
+export { useControlledValueWithTimezone } from "./hooks/useValueWithTimezone.js";
+export { useField, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./hooks/useField/index.js";
+export { usePicker } from "./hooks/usePicker/index.js";
+export { useStaticPicker } from "./hooks/useStaticPicker/index.js";
+export { useLocalizationContext, useDefaultDates, useUtils, useNow } from "./hooks/useUtils.js";
+export { useViews } from "./hooks/useViews.js";
+export { usePreviousMonthDisabled, useNextMonthDisabled } from "./hooks/date-helpers-hooks.js";
+export { convertFieldResponseIntoMuiTextFieldProps } from "./utils/convertFieldResponseIntoMuiTextFieldProps.js";
+export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate, isDatePickerView, mergeDateAndTime, formatMeridiem } from "./utils/date-utils.js";
+export { resolveTimeViewsResponse, resolveDateTimeFormat } from "./utils/date-time-utils.js";
+export { getDefaultReferenceDate } from "./utils/getDefaultReferenceDate.js";
+export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "./utils/utils.js";
+export { useDefaultizedDateField, useDefaultizedTimeField, useDefaultizedDateTimeField } from "./hooks/defaultizedFieldProps.js";
+export { useDefaultReduceAnimations } from "./hooks/useDefaultReduceAnimations.js";
+export { applyDefaultViewProps } from "./utils/views.js";
+export { DayCalendar } from "../DateCalendar/DayCalendar.js";
+export { useCalendarState } from "../DateCalendar/useCalendarState.js";
+export { isInternalTimeView, isTimeView } from "./utils/time-utils.js";

package/internals/models/index.js

@@ -1,2 +1,2 @@
-export * from './fields';
-export * from './common';
+export * from "./fields.js";
+export * from "./common.js";