@mui/x-date-pickers 8.0.0-alpha.11 → 8.0.0-alpha.13

package/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -1,69 +1,65 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDesktopPicker = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _PickerPopper = require("../../components/PickerPopper/PickerPopper");
+var _usePicker = require("../usePicker");
+var _PickersLayout = require("../../../PickersLayout");
+var _PickerProvider = require("../../components/PickerProvider");
+var _PickerFieldUI = require("../../components/PickerFieldUI");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props"],
   _excluded2 = ["ownerState"];
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import useForkRef from '@mui/utils/useForkRef';
-import useId from '@mui/utils/useId';
-import { PickerPopper } from "../../components/PickerPopper/PickerPopper.js";
-import { usePicker } from "../usePicker/index.js";
-import { PickersLayout } from "../../../PickersLayout/index.js";
-import { PickerProvider } from "../../components/PickerProvider.js";
-import { PickerFieldUIContextProvider } from "../../components/PickerFieldUI.js";
-
 /**
  * Hook managing all the single-date desktop pickers:
  * - DesktopDatePicker
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const useDesktopPicker = _ref => {
+const useDesktopPicker = _ref => {
   let {
       props
     } = _ref,
-    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
     label,
     inputRef,
-    readOnly,
-    autoFocus,
     localeText
   } = props;
-  const fieldRef = React.useRef(null);
-  const labelId = useId();
-  const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const {
     providerProps,
     renderCurrentView,
     ownerState
-  } = usePicker(_extends({}, pickerParams, {
+  } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
-    fieldRef,
     localeText,
     autoFocusView: true,
+    viewContainerRole: 'dialog',
     variant: 'desktop'
   }));
+  const labelId = providerProps.privateContextValue.labelId;
+  const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const Field = slots.field;
-  const _useSlotProps = useSlotProps({
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Field,
       externalSlotProps: innerSlotProps?.field,
-      additionalProps: _extends({
-        // Internal props
-        readOnly,
-        autoFocus: autoFocus && !props.open,
-        // Forwarded props
-        focused: providerProps.contextValue.open ? true : undefined
-      }, isToolbarHidden && {
+      additionalProps: (0, _extends2.default)({}, isToolbarHidden && {
         id: labelId
       }),
       ownerState
     }),
-    fieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
-  const Layout = slots.layout ?? PickersLayout;
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const Layout = slots.layout ?? _PickersLayout.PickersLayout;
   let labelledById = labelId;
   if (isToolbarHidden) {
     if (label) {
@@ -72,29 +68,23 @@ export const useDesktopPicker = _ref => {
       labelledById = undefined;
     }
   }
-  const slotProps = _extends({}, innerSlotProps, {
-    toolbar: _extends({}, innerSlotProps?.toolbar, {
+  const slotProps = (0, _extends2.default)({}, innerSlotProps, {
+    toolbar: (0, _extends2.default)({}, innerSlotProps?.toolbar, {
       titleId: labelId
     }),
-    popper: _extends({
+    popper: (0, _extends2.default)({
       'aria-labelledby': labelledById
     }, innerSlotProps?.popper)
   });
-
-  // TODO: This `as any` will go away once the field ref is handled by the context.
-  const handleFieldRef = useForkRef(fieldRef, fieldProps.unstableFieldRef);
-  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
-    children: /*#__PURE__*/_jsxs(PickerFieldUIContextProvider, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerProvider.PickerProvider, (0, _extends2.default)({}, providerProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickerFieldUI.PickerFieldUIContextProvider, {
       slots: slots,
       slotProps: slotProps,
       inputRef: inputRef,
-      children: [/*#__PURE__*/_jsx(Field, _extends({}, fieldProps, {
-        unstableFieldRef: handleFieldRef
-      })), /*#__PURE__*/_jsx(PickerPopper, {
-        role: "dialog",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerPopper.PickerPopper, {
         slots: slots,
         slotProps: slotProps,
-        children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {
           slots: slots,
           slotProps: slotProps,
           children: renderCurrentView()
@@ -105,4 +95,5 @@ export const useDesktopPicker = _ref => {
   return {
     renderPicker
   };
-};
+};
+exports.useDesktopPicker = useDesktopPicker;

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

@@ -1,50 +1,44 @@
 import * as React from 'react';
 import { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { BasePickerProps } from '../../models/props/basePickerProps';
-import { PickerPopperSlots, PickerPopperSlotProps } from '../../components/PickerPopper/PickerPopper';
-import { UsePickerParams } from '../usePicker';
-import { PickerFieldSlotProps, PickerOwnerState } from '../../../models';
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from '../../../PickersLayout/PickersLayout.types';
-import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue.types';
-import { UsePickerViewsProps } from '../usePicker/usePickerViews';
-import { DateOrTimeViewWithMeridiem, PickerValue } from '../../models';
-import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '../../components/PickerFieldUI';
-import { UsePickerProviderNonStaticProps } from '../usePicker/usePickerProvider';
+import { BasePickerProps } from "../../models/props/basePickerProps.js";
+import { PickerPopperSlots, PickerPopperSlotProps } from "../../components/PickerPopper/PickerPopper.js";
+import { UsePickerParams } from "../usePicker/index.js";
+import { PickerFieldSlotProps, PickerOwnerState } from "../../../models/index.js";
+import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
+import { UsePickerValueNonStaticProps } from "../usePicker/usePickerValue.types.js";
+import { UsePickerViewsProps } from "../usePicker/usePickerViews.js";
+import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
+import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "../../components/PickerFieldUI.js";
+import { UsePickerProviderNonStaticProps } from "../usePicker/usePickerProvider.js";
 export interface UseDesktopPickerSlots extends Pick<PickerPopperSlots, 'desktopPaper' | 'desktopTransition' | 'desktopTrapFocus' | 'popper'>, ExportedPickersLayoutSlots<PickerValue>, PickerFieldUISlotsFromContext {
-    /**
-     * Component used to enter the date with the keyboard.
-     */
-    field: React.ElementType;
-    /**
-     * Form control with an input to render the value inside the default field.
-     * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
-     */
-    textField?: React.ElementType;
+  /**
+   * Component used to enter the date with the keyboard.
+   */
+  field: React.ElementType;
 }
 export interface ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
-    field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
-}
-export interface UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {
+  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
+export interface UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
 export interface DesktopOnlyPickerProps extends UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps {
-    /**
-     * If `true`, the `input` element is focused during the first mount.
-     * @default false
-     */
-    autoFocus?: boolean;
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   * @default false
+   */
+  autoFocus?: boolean;
 }
 export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerViewsProps<PickerValue, TView, any>> extends BasePickerProps<PickerValue, any, TError, TExternalProps>, MakeRequired<DesktopOnlyPickerProps, 'format'> {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots: UseDesktopPickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: UseDesktopPickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>;
 }
 export interface UseDesktopPickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends Pick<UsePickerParams<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
-    props: TExternalProps;
-}
+  props: TExternalProps;
+}

package/internals/hooks/useDesktopPicker/useDesktopPicker.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,15 +1,15 @@
-import { FieldSection, MuiPickersAdapter, PickerValidDate } from '../../../models';
-import { PickersLocaleText } from '../../../locales';
+import { FieldSection, MuiPickersAdapter, PickerValidDate } from "../../../models/index.js";
+import { PickersLocaleText } from "../../../locales/index.js";
 interface BuildSectionsFromFormatParams {
-    utils: MuiPickersAdapter;
-    format: string;
-    formatDensity: 'dense' | 'spacious';
-    isRtl: boolean;
-    shouldRespectLeadingZeros: boolean;
-    localeText: PickersLocaleText;
-    localizedDigits: string[];
-    date: PickerValidDate | null;
-    enableAccessibleFieldDOMStructure: boolean;
+  utils: MuiPickersAdapter;
+  format: string;
+  formatDensity: 'dense' | 'spacious';
+  isRtl: boolean;
+  shouldRespectLeadingZeros: boolean;
+  localeText: PickersLocaleText;
+  localizedDigits: string[];
+  date: PickerValidDate | null;
+  enableAccessibleFieldDOMStructure: boolean;
 }
 export declare const buildSectionsFromFormat: (params: BuildSectionsFromFormatParams) => FieldSection[];
-export {};
+export {};

package/internals/hooks/useField/buildSectionsFromFormat.js

@@ -1,5 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { applyLocalizedDigits, cleanLeadingZeros, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, removeLocalizedDigits } from "./useField.utils.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildSectionsFromFormat = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _useField = require("./useField.utils");
 const expandFormat = ({
   utils,
   format
@@ -110,8 +117,8 @@ const createSection = ({
   if (token === '') {
     throw new Error('MUI X: Should not call `commitToken` with an empty token');
   }
-  const sectionConfig = getDateSectionConfigFromFormatToken(utils, token);
-  const hasLeadingZerosInFormat = doesSectionFormatHaveLeadingZeros(utils, sectionConfig.contentType, sectionConfig.type, token);
+  const sectionConfig = (0, _useField.getDateSectionConfigFromFormatToken)(utils, token);
+  const hasLeadingZerosInFormat = (0, _useField.doesSectionFormatHaveLeadingZeros)(utils, sectionConfig.contentType, sectionConfig.type, token);
   const hasLeadingZerosInInput = shouldRespectLeadingZeros ? hasLeadingZerosInFormat : sectionConfig.contentType === 'digit';
   const isValidDate = utils.isValid(date);
   let sectionValue = isValidDate ? utils.formatByString(date, token) : '';
@@ -125,11 +132,11 @@ const createSection = ({
       }
       maxLength = sectionConfig.maxLength;
       if (isValidDate) {
-        sectionValue = applyLocalizedDigits(cleanLeadingZeros(removeLocalizedDigits(sectionValue, localizedDigits), maxLength), localizedDigits);
+        sectionValue = (0, _useField.applyLocalizedDigits)((0, _useField.cleanLeadingZeros)((0, _useField.removeLocalizedDigits)(sectionValue, localizedDigits), maxLength), localizedDigits);
       }
     }
   }
-  return _extends({}, sectionConfig, {
+  return (0, _extends2.default)({}, sectionConfig, {
     format: token,
     maxLength,
     value: sectionValue,
@@ -171,7 +178,7 @@ const buildSections = params => {
       while (word.length > 0) {
         const firstWord = regExpFirstTokenInWord.exec(word)[1];
         word = word.slice(firstWord.length);
-        sections.push(createSection(_extends({}, params, {
+        sections.push(createSection((0, _extends2.default)({}, params, {
           now,
           token: firstWord,
           startSeparator
@@ -236,19 +243,20 @@ const postProcessSections = ({
     return section;
   });
 };
-export const buildSectionsFromFormat = params => {
+const buildSectionsFromFormat = params => {
   let expandedFormat = expandFormat(params);
   if (params.isRtl && params.enableAccessibleFieldDOMStructure) {
     expandedFormat = expandedFormat.split(' ').reverse().join(' ');
   }
-  const escapedParts = getEscapedPartsFromFormat(_extends({}, params, {
+  const escapedParts = getEscapedPartsFromFormat((0, _extends2.default)({}, params, {
     expandedFormat
   }));
-  const sections = buildSections(_extends({}, params, {
+  const sections = buildSections((0, _extends2.default)({}, params, {
     expandedFormat,
     escapedParts
   }));
-  return postProcessSections(_extends({}, params, {
+  return postProcessSections((0, _extends2.default)({}, params, {
     sections
   }));
-};
+};
+exports.buildSectionsFromFormat = buildSectionsFromFormat;

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

@@ -1,5 +1,4 @@
-export { useField } from './useField';
-export type { FieldValueManager, UseFieldInternalProps, UseFieldParams, UseFieldResponse, FieldChangeHandler, FieldChangeHandlerContext, } from './useField.types';
-export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections, } from './useField.utils';
-export { useFieldInternalPropsWithDefaults } from './useFieldInternalPropsWithDefaults';
-export type { PickerFieldPrivateContextValue } from './useFieldInternalPropsWithDefaults';
+export { useField } from "./useField.js";
+export type { FieldValueManager, UseFieldInternalProps, UseFieldParams, UseFieldResponse, FieldChangeHandler, FieldChangeHandlerContext } from './useField.types';
+export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.js";
+export { useFieldInternalPropsWithDefaults } from "./useFieldInternalPropsWithDefaults.js";

package/internals/hooks/useField/index.js

@@ -1,3 +1,32 @@
-export { useField } from "./useField.js";
-export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.js";
-export { useFieldInternalPropsWithDefaults } from "./useFieldInternalPropsWithDefaults.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createDateStrForV6InputFromSections", {
+  enumerable: true,
+  get: function () {
+    return _useField2.createDateStrForV6InputFromSections;
+  }
+});
+Object.defineProperty(exports, "createDateStrForV7HiddenInputFromSections", {
+  enumerable: true,
+  get: function () {
+    return _useField2.createDateStrForV7HiddenInputFromSections;
+  }
+});
+Object.defineProperty(exports, "useField", {
+  enumerable: true,
+  get: function () {
+    return _useField.useField;
+  }
+});
+Object.defineProperty(exports, "useFieldInternalPropsWithDefaults", {
+  enumerable: true,
+  get: function () {
+    return _useFieldInternalPropsWithDefaults.useFieldInternalPropsWithDefaults;
+  }
+});
+var _useField = require("./useField");
+var _useField2 = require("./useField.utils");
+var _useFieldInternalPropsWithDefaults = require("./useFieldInternalPropsWithDefaults");

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

@@ -1,5 +1,5 @@
-import { UseFieldParams, UseFieldResponse, UseFieldCommonForwardedProps, UseFieldInternalProps, UseFieldForwardedProps } from './useField.types';
-import { PickerValidValue } from '../../models';
+import { UseFieldParams, UseFieldResponse, UseFieldCommonForwardedProps, UseFieldInternalProps, UseFieldForwardedProps } from "./useField.types.js";
+import { PickerValidValue } from "../../models/index.js";
 export declare const useField: <TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseFieldCommonForwardedProps & UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure>, TInternalProps extends UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, any> & {
-    minutesStep?: number;
-}>(params: UseFieldParams<TValue, TEnableAccessibleFieldDOMStructure, TForwardedProps, TInternalProps>) => UseFieldResponse<TEnableAccessibleFieldDOMStructure, TForwardedProps>;
+  minutesStep?: number;
+}>(params: UseFieldParams<TValue, TEnableAccessibleFieldDOMStructure, TForwardedProps, TInternalProps>) => UseFieldResponse<TEnableAccessibleFieldDOMStructure, TForwardedProps>;

package/internals/hooks/useField/useField.js

@@ -1,17 +1,25 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-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 "../../../validation/index.js";
-import { useLocalizationContext, 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();
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useField = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _validation = require("../../../validation");
+var _useUtils = require("../useUtils");
+var _useField = require("./useField.utils");
+var _useFieldState = require("./useFieldState");
+var _useFieldCharacterEditing = require("./useFieldCharacterEditing");
+var _useFieldV7TextField = require("./useFieldV7TextField");
+var _useFieldV6TextField = require("./useFieldV6TextField");
+const useField = params => {
+  const utils = (0, _useUtils.useUtils)();
   const {
     internalProps,
     internalProps: {
@@ -33,8 +41,8 @@ export const useField = params => {
     validator,
     getOpenPickerButtonAriaLabel: getOpenDialogAriaText
   } = params;
-  const isRtl = useRtl();
-  const stateResponse = useFieldState(params);
+  const isRtl = (0, _RtlProvider.useRtl)();
+  const stateResponse = (0, _useFieldState.useFieldState)(params);
   const {
     state,
     activeSectionIndex,
@@ -48,7 +56,7 @@ export const useField = params => {
     localizedDigits,
     timezone
   } = stateResponse;
-  const characterEditingResponse = useFieldCharacterEditing({
+  const characterEditingResponse = (0, _useFieldCharacterEditing.useFieldCharacterEditing)({
     sections: state.sections,
     updateSectionValue,
     sectionsValueBoundaries,
@@ -60,16 +68,16 @@ export const useField = params => {
     resetCharacterQuery
   } = characterEditingResponse;
   const areAllSectionsEmpty = valueManager.areValuesEqual(utils, state.value, valueManager.emptyValue);
-  const useFieldTextField = enableAccessibleFieldDOMStructure ? useFieldV7TextField : useFieldV6TextField;
-  const sectionOrder = React.useMemo(() => getSectionOrder(state.sections, isRtl && !enableAccessibleFieldDOMStructure), [state.sections, isRtl, enableAccessibleFieldDOMStructure]);
+  const useFieldTextField = enableAccessibleFieldDOMStructure ? _useFieldV7TextField.useFieldV7TextField : _useFieldV6TextField.useFieldV6TextField;
+  const sectionOrder = React.useMemo(() => (0, _useField.getSectionOrder)(state.sections, isRtl && !enableAccessibleFieldDOMStructure), [state.sections, isRtl, enableAccessibleFieldDOMStructure]);
   const {
     returnedValue,
     interactions
-  } = useFieldTextField(_extends({}, params, stateResponse, characterEditingResponse, {
+  } = useFieldTextField((0, _extends2.default)({}, params, stateResponse, characterEditingResponse, {
     areAllSectionsEmpty,
     sectionOrder
   }));
-  const handleContainerKeyDown = useEventCallback(event => {
+  const handleContainerKeyDown = (0, _useEventCallback.default)(event => {
     onKeyDown?.(event);
     if (disabled) {
       return;
@@ -150,7 +158,7 @@ export const useField = params => {
           }
           const activeSection = state.sections[activeSectionIndex];
           const activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
-          const newSectionValue = adjustSectionValue(utils, timezone, activeSection, event.key, sectionsValueBoundaries, localizedDigits, activeDateManager.date, {
+          const newSectionValue = (0, _useField.adjustSectionValue)(utils, timezone, activeSection, event.key, sectionsValueBoundaries, localizedDigits, activeDateManager.date, {
             minutesStep
           });
           updateSectionValue({
@@ -162,12 +170,12 @@ export const useField = params => {
         }
     }
   });
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     interactions.syncSelectionToDOM();
   });
   const {
     hasValidationError
-  } = useValidation({
+  } = (0, _validation.useValidation)({
     props: internalProps,
     validator,
     timezone,
@@ -206,7 +214,7 @@ export const useField = params => {
     focusField: interactions.focusField,
     isFieldFocused: interactions.isFieldFocused
   }));
-  const handleClearValue = useEventCallback((event, ...args) => {
+  const handleClearValue = (0, _useEventCallback.default)((event, ...args) => {
     event.preventDefault();
     onClear?.(event, ...args);
     clearValue();
@@ -223,8 +231,8 @@ export const useField = params => {
     error: inputError,
     clearable: Boolean(clearable && !areAllSectionsEmpty && !readOnly && !disabled)
   };
-  const localizationContext = useLocalizationContext();
-  const openPickerAriaLabel = React.useMemo(() => getOpenDialogAriaText(_extends({}, localizationContext, {
+  const localizationContext = (0, _useUtils.useLocalizationContext)();
+  const openPickerAriaLabel = React.useMemo(() => getOpenDialogAriaText((0, _extends2.default)({}, localizationContext, {
     value: state.value
   })), [getOpenDialogAriaText, state.value, localizationContext]);
   const commonAdditionalProps = {
@@ -233,5 +241,6 @@ export const useField = params => {
     autoFocus,
     openPickerAriaLabel
   };
-  return _extends({}, params.forwardedProps, commonForwardedProps, commonAdditionalProps, returnedValue);
-};
+  return (0, _extends2.default)({}, params.forwardedProps, commonForwardedProps, commonAdditionalProps, returnedValue);
+};
+exports.useField = useField;