@mui/x-date-pickers 7.15.0 → 7.17.0

package/modern/internals/components/PickersPopper.js

@@ -10,9 +10,9 @@ import MuiPopper from '@mui/material/Popper';
 import BaseFocusTrap from '@mui/material/Unstable_TrapFocus';
 import { unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback, unstable_ownerDocument as ownerDocument, unstable_composeClasses as composeClasses } from '@mui/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { getPickersPopperUtilityClass } from './pickersPopperClasses';
-import { getActiveElement } from '../utils/utils';
-import { useDefaultReduceAnimations } from '../hooks/useDefaultReduceAnimations';
+import { getPickersPopperUtilityClass } from "./pickersPopperClasses.js";
+import { getActiveElement } from "../utils/utils.js";
+import { useDefaultReduceAnimations } from "../hooks/useDefaultReduceAnimations.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/internals/components/PickersToolbar.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
-import { getPickersToolbarUtilityClass } from './pickersToolbarClasses';
+import { getPickersToolbarUtilityClass } from "./pickersToolbarClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/internals/components/PickersToolbarButton.js

@@ -6,8 +6,8 @@ import clsx from 'clsx';
 import Button from '@mui/material/Button';
 import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
-import { PickersToolbarText } from './PickersToolbarText';
-import { getPickersToolbarUtilityClass } from './pickersToolbarClasses';
+import { PickersToolbarText } from "./PickersToolbarText.js";
+import { getPickersToolbarUtilityClass } from "./pickersToolbarClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/internals/components/PickersToolbarText.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
-import { getPickersToolbarTextUtilityClass, pickersToolbarTextClasses } from './pickersToolbarTextClasses';
+import { getPickersToolbarTextUtilityClass, pickersToolbarTextClasses } from "./pickersToolbarTextClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/internals/demo/DemoContainer.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import Stack, { stackClasses } from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
 import { textFieldClasses } from '@mui/material/TextField';
-import { pickersTextFieldClasses } from '../../PickersTextField';
+import { pickersTextFieldClasses } from "../../PickersTextField/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getChildTypeFromChildName = childName => {
   if (childName.match(/^([A-Za-z]+)Range(Calendar|Clock)$/)) {
@@ -68,7 +68,7 @@ export function DemoItem(props) {
 }
 DemoItem.displayName = 'DemoItem';
 const isDemoItem = child => {
-  if ( /*#__PURE__*/React.isValidElement(child) && typeof child.type !== 'string') {
+  if (/*#__PURE__*/React.isValidElement(child) && typeof child.type !== 'string') {
     // @ts-ignore
     return child.type.displayName === 'DemoItem';
   }
@@ -165,7 +165,7 @@ export function DemoContainer(props) {
     spacing: spacing,
     sx: finalSx,
     children: React.Children.map(children, child => {
-      if ( /*#__PURE__*/React.isValidElement(child) && isDemoItem(child)) {
+      if (/*#__PURE__*/React.isValidElement(child) && isDemoItem(child)) {
         // Inject sx styles to the `DemoItem` if it is a direct child of `DemoContainer`.
         // @ts-ignore
         return /*#__PURE__*/React.cloneElement(child, {

package/modern/internals/demo/index.js

@@ -1 +1 @@
-export { DemoContainer, DemoItem } from './DemoContainer';
+export { DemoContainer, DemoItem } from "./DemoContainer.js";

package/modern/internals/hooks/date-helpers-hooks.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { useUtils } from './useUtils';
-import { getMeridiem, convertToMeridiem } from '../utils/time-utils';
+import { useUtils } from "./useUtils.js";
+import { getMeridiem, convertToMeridiem } from "../utils/time-utils.js";
 export function useNextMonthDisabled(month, {
   disableFuture,
   maxDate,

package/modern/internals/hooks/defaultizedFieldProps.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { applyDefaultDate } from '../utils/date-utils';
-import { useUtils, useDefaultDates } from './useUtils';
+import { applyDefaultDate } from "../utils/date-utils.js";
+import { useUtils, useDefaultDates } from "./useUtils.js";
 export const useDefaultizedDateField = props => {
   const utils = useUtils();
   const defaultDates = useDefaultDates();

package/modern/internals/hooks/useClockReferenceDate.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { singleItemValueManager } from '../utils/valueManagers';
-import { getTodayDate } from '../utils/date-utils';
-import { SECTION_TYPE_GRANULARITY } from '../utils/getDefaultReferenceDate';
+import { singleItemValueManager } from "../utils/valueManagers.js";
+import { getTodayDate } from "../utils/date-utils.js";
+import { SECTION_TYPE_GRANULARITY } from "../utils/getDefaultReferenceDate.js";
 export const useClockReferenceDate = ({
   value,
   referenceDate: referenceDateProp,

package/modern/internals/hooks/useDesktopPicker/index.js

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

package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -9,11 +9,10 @@ import MuiInputAdornment from '@mui/material/InputAdornment';
 import IconButton from '@mui/material/IconButton';
 import useForkRef from '@mui/utils/useForkRef';
 import useId from '@mui/utils/useId';
-import { PickersPopper } from '../../components/PickersPopper';
-import { useUtils } from '../useUtils';
-import { usePicker } from '../usePicker';
-import { LocalizationProvider } from '../../../LocalizationProvider';
-import { PickersLayout } from '../../../PickersLayout';
+import { PickersPopper } from "../../components/PickersPopper.js";
+import { usePicker } from "../usePicker/index.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 desktop pickers:
@@ -47,7 +46,6 @@ export const useDesktopPicker = _ref => {
     localeText,
     reduceAnimations
   } = props;
-  const utils = useUtils();
   const containerRef = React.useRef(null);
   const fieldRef = React.useRef(null);
   const labelId = useId();
@@ -67,6 +65,11 @@ export const useDesktopPicker = _ref => {
     additionalViewProps: {},
     wrapperVariant: 'desktop'
   }));
+
+  // TODO v8: Apply this ownerState to all the slots in this hook.
+  const ownerStateV8 = {
+    open
+  };
   const InputAdornment = slots.inputAdornment ?? MuiInputAdornment;
   const _useSlotProps = useSlotProps({
       elementType: InputAdornment,
@@ -84,13 +87,18 @@ export const useDesktopPicker = _ref => {
       additionalProps: {
         disabled: disabled || readOnly,
         onClick: open ? actions.onClose : actions.onOpen,
-        'aria-label': getOpenDialogAriaText(pickerFieldProps.value, utils),
+        'aria-label': getOpenDialogAriaText(pickerFieldProps.value),
         edge: inputAdornmentProps.position
       },
       ownerState: props
     }),
     openPickerButtonProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded3);
   const OpenPickerIcon = slots.openPickerIcon;
+  const openPickerIconProps = useSlotProps({
+    elementType: OpenPickerIcon,
+    externalSlotProps: innerSlotProps?.openPickerIcon,
+    ownerState: ownerStateV8
+  });
   const Field = slots.field;
   const fieldProps = useSlotProps({
     elementType: Field,
@@ -125,7 +133,7 @@ export const useDesktopPicker = _ref => {
     }, !props.disableOpenPicker && {
       [`${inputAdornmentProps.position}Adornment`]: /*#__PURE__*/_jsx(InputAdornment, _extends({}, inputAdornmentProps, {
         children: /*#__PURE__*/_jsx(OpenPickerButton, _extends({}, openPickerButtonProps, {
-          children: /*#__PURE__*/_jsx(OpenPickerIcon, _extends({}, innerSlotProps?.openPickerIcon))
+          children: /*#__PURE__*/_jsx(OpenPickerIcon, _extends({}, openPickerIconProps))
         }))
       }))
     });

package/modern/internals/hooks/useField/buildSectionsFromFormat.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { applyLocalizedDigits, cleanLeadingZeros, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, removeLocalizedDigits } from './useField.utils';
+import { applyLocalizedDigits, cleanLeadingZeros, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, removeLocalizedDigits } from "./useField.utils.js";
 const expandFormat = ({
   utils,
   format

package/modern/internals/hooks/useField/index.js

@@ -1,2 +1,2 @@
-export { useField } from './useField';
-export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from './useField.utils';
+export { useField } from "./useField.js";
+export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.js";

package/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/internals/hooks/useMobilePicker/index.js

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

package/modern/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/modern/internals/hooks/usePicker/index.js

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

package/modern/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/modern/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/modern/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/modern/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/modern/internals/hooks/useStaticPicker/index.js

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

package/modern/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/modern/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/modern/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/modern/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/modern/internals/models/index.js

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

package/modern/internals/utils/date-time-utils.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["views", "format"];
-import { resolveTimeFormat, isTimeView, isInternalTimeView } from './time-utils';
-import { isDatePickerView, resolveDateFormat } from './date-utils';
+import { resolveTimeFormat, isTimeView, isInternalTimeView } from "./time-utils.js";
+import { isDatePickerView, resolveDateFormat } from "./date-utils.js";
 export const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
   let {
       views,