@mui/x-date-pickers 9.0.0-alpha.4 → 9.0.0

package/internals/components/PickerFieldUI.mjs

@@ -2,111 +2,62 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["enableAccessibleFieldDOMStructure"],
-  _excluded2 = ["InputProps", "readOnly", "onClear", "clearable", "clearButtonPosition", "openPickerButtonPosition", "openPickerAriaLabel"],
-  _excluded3 = ["onPaste", "onKeyDown", "inputMode", "readOnly", "InputProps", "inputProps", "inputRef", "onClear", "clearable", "clearButtonPosition", "openPickerButtonPosition", "openPickerAriaLabel"],
+const _excluded = ["readOnly", "onClear", "clearable", "clearButtonPosition", "openPickerButtonPosition", "openPickerAriaLabel", "InputProps", "inputProps", "InputLabelProps", "FormHelperTextProps"],
+  _excluded2 = ["ownerState"],
+  _excluded3 = ["ownerState"],
   _excluded4 = ["ownerState"],
   _excluded5 = ["ownerState"],
-  _excluded6 = ["ownerState"],
-  _excluded7 = ["ownerState"],
-  _excluded8 = ["InputProps", "inputProps"];
+  _excluded6 = ["InputProps", "inputProps", "InputLabelProps", "FormHelperTextProps"];
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useForkRef from '@mui/utils/useForkRef';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import MuiTextField from '@mui/material/TextField';
 import MuiIconButton from '@mui/material/IconButton';
 import MuiInputAdornment from '@mui/material/InputAdornment';
-import { major as materialMajor } from '@mui/material/version';
 import useSlotProps from '@mui/utils/useSlotProps';
+import { warnOnce } from '@mui/x-internals/warning';
 import { useFieldOwnerState } from "../hooks/useFieldOwnerState.mjs";
 import { usePickerTranslations } from "../../hooks/index.mjs";
 import { ClearIcon as MuiClearIcon } from "../../icons/index.mjs";
 import { useNullablePickerContext } from "../hooks/useNullablePickerContext.mjs";
 import { PickersTextField } from "../../PickersTextField/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
-export const cleanFieldResponse = _ref => {
-  let {
-      enableAccessibleFieldDOMStructure
-    } = _ref,
-    fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
-  if (enableAccessibleFieldDOMStructure) {
-    const {
-        InputProps,
-        readOnly,
-        onClear,
-        clearable,
-        clearButtonPosition,
-        openPickerButtonPosition,
-        openPickerAriaLabel
-      } = fieldResponse,
-      other = _objectWithoutPropertiesLoose(fieldResponse, _excluded2);
-    const mergedInputProps = materialMajor >= 6 && other?.slotProps?.input ? mergeSlotProps(other?.slotProps?.input, InputProps) : noop;
-    return {
-      clearable,
-      onClear,
-      clearButtonPosition,
-      openPickerButtonPosition,
-      openPickerAriaLabel,
-      textFieldProps: _extends({}, other, materialMajor >= 6 && other?.slotProps?.input ? {
-        slotProps: _extends({}, other?.slotProps, {
-          input: ownerState => _extends({}, resolveComponentProps(mergedInputProps, ownerState), {
-            readOnly
-          })
-        })
-      } : {
-        InputProps: _extends({}, InputProps ?? {}, {
-          readOnly
-        })
-      })
-    };
-  }
-  const {
-      onPaste,
-      onKeyDown,
-      inputMode,
+export const cleanFieldResponse = fieldResponse => {
+  const _ref = fieldResponse,
+    {
       readOnly,
-      InputProps,
-      inputProps,
-      inputRef,
       onClear,
       clearable,
       clearButtonPosition,
       openPickerButtonPosition,
-      openPickerAriaLabel
-    } = fieldResponse,
-    other = _objectWithoutPropertiesLoose(fieldResponse, _excluded3);
-  const mergedInputProps = materialMajor >= 6 && other?.slotProps?.input ? mergeSlotProps(other?.slotProps?.input, InputProps) : noop;
-  const mergedHtmlInputProps = materialMajor >= 6 && other?.slotProps?.htmlInput ? mergeSlotProps(other?.slotProps?.htmlInput, inputProps) : noop;
+      openPickerAriaLabel,
+      // TODO v10: remove
+      // Explicitly discard legacy props that are no longer supported on `PickersTextField`.
+      // Without this, any leftover values would silently leak into `...other` and end up spread
+      // as unknown attributes on the underlying form control.
+      InputProps: legacyInputProps,
+      inputProps: legacyHtmlInputProps,
+      InputLabelProps: legacyInputLabelProps,
+      FormHelperTextProps: legacyFormHelperTextProps
+    } = _ref,
+    other = _objectWithoutPropertiesLoose(_ref, _excluded);
+  if (process.env.NODE_ENV !== 'production') {
+    if (legacyInputProps || legacyHtmlInputProps || legacyInputLabelProps || legacyFormHelperTextProps) {
+      warnOnce(['MUI X: The `InputProps`, `inputProps`, `InputLabelProps` and `FormHelperTextProps` props are no longer supported on Picker / Field components.', 'They have been silently dropped because they would otherwise be forwarded as unknown attributes on the underlying form control.', 'Use the `slotProps` shape instead (`slotProps.input`, `slotProps.htmlInput`, `slotProps.inputLabel`, `slotProps.formHelperText`).', 'See https://mui.com/x/migration/migration-pickers-v8/#textfield-props for migration details.']);
+    }
+  }
   return {
     clearable,
     onClear,
     clearButtonPosition,
     openPickerButtonPosition,
     openPickerAriaLabel,
-    textFieldProps: _extends({}, other, materialMajor >= 6 && (other?.slotProps?.input || other?.slotProps?.htmlInput) ? {
+    textFieldProps: _extends({}, other, {
       slotProps: _extends({}, other?.slotProps, {
-        input: ownerState => _extends({}, resolveComponentProps(mergedInputProps, ownerState), {
+        input: _extends({}, other?.slotProps?.input, {
           readOnly
-        }),
-        htmlInput: ownerState => _extends({}, resolveComponentProps(mergedHtmlInputProps, ownerState), {
-          inputMode,
-          onPaste,
-          onKeyDown,
-          ref: inputRef
         })
       })
-    } : {
-      InputProps: _extends({}, InputProps ?? {}, {
-        readOnly
-      }),
-      inputProps: _extends({}, inputProps ?? {}, {
-        inputMode,
-        onPaste,
-        onKeyDown,
-        ref: inputRef
-      })
     })
   };
 };
@@ -146,7 +97,7 @@ export function PickerFieldUI(props) {
   const triggerStatus = pickerContext ? pickerContext.triggerStatus : 'hidden';
   const clearButtonPosition = clearable ? clearButtonPositionProp : null;
   const openPickerButtonPosition = triggerStatus !== 'hidden' ? openPickerButtonPositionProp : null;
-  const TextField = pickerFieldUIContext.slots.textField ?? (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
+  const TextField = pickerFieldUIContext.slots.textField ?? PickersTextField;
   const InputAdornment = pickerFieldUIContext.slots.inputAdornment ?? MuiInputAdornment;
   const _useSlotProps = useSlotProps({
       elementType: InputAdornment,
@@ -158,7 +109,7 @@ export function PickerFieldUI(props) {
         position: 'start'
       })
     }),
-    startInputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded4);
+    startInputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
   const _useSlotProps2 = useSlotProps({
       elementType: InputAdornment,
       externalSlotProps: pickerFieldUIContext.slotProps.inputAdornment,
@@ -169,7 +120,7 @@ export function PickerFieldUI(props) {
         position: 'end'
       })
     }),
-    endInputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded5);
+    endInputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded3);
   const OpenPickerButton = pickerFieldUIContext.slots.openPickerButton ?? MuiIconButton;
   // We don't want to forward the `ownerState` to the `<IconButton />` component, see mui/material-ui#34056
   const _useSlotProps3 = useSlotProps({
@@ -187,7 +138,7 @@ export function PickerFieldUI(props) {
       },
       ownerState
     }),
-    openPickerButtonProps = _objectWithoutPropertiesLoose(_useSlotProps3, _excluded6);
+    openPickerButtonProps = _objectWithoutPropertiesLoose(_useSlotProps3, _excluded4);
   const OpenPickerIcon = pickerFieldUIContext.slots.openPickerIcon ?? defaultOpenPickerIcon;
   const openPickerIconProps = useSlotProps({
     elementType: OpenPickerIcon,
@@ -211,7 +162,7 @@ export function PickerFieldUI(props) {
       },
       ownerState
     }),
-    clearButtonProps = _objectWithoutPropertiesLoose(_useSlotProps4, _excluded7);
+    clearButtonProps = _objectWithoutPropertiesLoose(_useSlotProps4, _excluded5);
   const ClearIcon = pickerFieldUIContext.slots.clearIcon ?? MuiClearIcon;
   const clearIconProps = useSlotProps({
     elementType: ClearIcon,
@@ -222,13 +173,14 @@ export function PickerFieldUI(props) {
     ownerState
   });
   textFieldProps.ref = useForkRef(textFieldProps.ref, pickerContext?.rootRef);
-  const additionalTextFieldInputProps = {};
-  const textFieldInputProps = resolveComponentProps((materialMajor >= 6 && textFieldProps?.slotProps?.input) ?? textFieldProps.InputProps, ownerState);
+  const externalInputSlotProps = textFieldProps.slotProps?.input;
+  const additionalInputSlotProps = {};
+  const forkedInputRef = useForkRef(externalInputSlotProps?.ref, pickerContext?.triggerRef);
   if (pickerContext) {
-    additionalTextFieldInputProps.ref = pickerContext.triggerRef;
+    additionalInputSlotProps.ref = forkedInputRef;
   }
-  if (!textFieldInputProps?.startAdornment && (clearButtonPosition === 'start' || openPickerButtonPosition === 'start')) {
-    additionalTextFieldInputProps.startAdornment = /*#__PURE__*/_jsxs(InputAdornment, _extends({}, startInputAdornmentProps, {
+  if (!externalInputSlotProps?.startAdornment && (clearButtonPosition === 'start' || openPickerButtonPosition === 'start')) {
+    additionalInputSlotProps.startAdornment = /*#__PURE__*/_jsxs(InputAdornment, _extends({}, startInputAdornmentProps, {
       children: [openPickerButtonPosition === 'start' && /*#__PURE__*/_jsx(OpenPickerButton, _extends({}, openPickerButtonProps, {
         children: /*#__PURE__*/_jsx(OpenPickerIcon, _extends({}, openPickerIconProps))
       })), clearButtonPosition === 'start' && /*#__PURE__*/_jsx(ClearButton, _extends({}, clearButtonProps, {
@@ -236,8 +188,8 @@ export function PickerFieldUI(props) {
       }))]
     }));
   }
-  if (!textFieldInputProps?.endAdornment && (clearButtonPosition === 'end' || openPickerButtonPosition === 'end')) {
-    additionalTextFieldInputProps.endAdornment = /*#__PURE__*/_jsxs(InputAdornment, _extends({}, endInputAdornmentProps, {
+  if (!externalInputSlotProps?.endAdornment && (clearButtonPosition === 'end' || openPickerButtonPosition === 'end')) {
+    additionalInputSlotProps.endAdornment = /*#__PURE__*/_jsxs(InputAdornment, _extends({}, endInputAdornmentProps, {
       children: [clearButtonPosition === 'end' && /*#__PURE__*/_jsx(ClearButton, _extends({}, clearButtonProps, {
         children: /*#__PURE__*/_jsx(ClearIcon, _extends({}, clearIconProps))
       })), openPickerButtonPosition === 'end' && /*#__PURE__*/_jsx(OpenPickerButton, _extends({}, openPickerButtonProps, {
@@ -246,8 +198,8 @@ export function PickerFieldUI(props) {
     }));
   }
   // handle the case of showing custom `inputAdornment` for Field components
-  if (!additionalTextFieldInputProps?.endAdornment && !additionalTextFieldInputProps?.startAdornment && pickerFieldUIContext.slots.inputAdornment) {
-    additionalTextFieldInputProps.endAdornment = /*#__PURE__*/_jsx(InputAdornment, _extends({}, endInputAdornmentProps));
+  if (!additionalInputSlotProps.endAdornment && !additionalInputSlotProps.startAdornment && pickerFieldUIContext.slots.inputAdornment) {
+    additionalInputSlotProps.endAdornment = /*#__PURE__*/_jsx(InputAdornment, _extends({}, endInputAdornmentProps));
   }
   if (clearButtonPosition != null) {
     textFieldProps.sx = [{
@@ -266,21 +218,10 @@ export function PickerFieldUI(props) {
       }
     }, ...(Array.isArray(textFieldProps.sx) ? textFieldProps.sx : [textFieldProps.sx])];
   }
-  const resolvedTextFieldInputProps = materialMajor >= 6 && textFieldProps?.slotProps?.input ? resolveComponentProps(mergeSlotProps(textFieldInputProps, additionalTextFieldInputProps), ownerState) : _extends({}, textFieldInputProps, additionalTextFieldInputProps);
-
-  // We need to resolve the `inputProps` since we are messing with those props in this component.
-  textFieldProps.inputProps = materialMajor >= 6 && textFieldProps?.slotProps?.htmlInput ? resolveComponentProps(textFieldProps.slotProps.htmlInput, ownerState) : textFieldProps.inputProps;
-
-  // Remove the `input` slotProps to avoid them overriding the manually resolved `InputProps`.
-  // Relevant on `materialMajor >= 6` since `slotProps` would take precedence.
-  delete textFieldProps?.slotProps?.input;
-  if (fieldResponse.enableAccessibleFieldDOMStructure) {
-    // Remove the `slotProps` on `PickersTextField` as they are not supported.
-    delete textFieldProps?.slotProps;
-  }
-  return /*#__PURE__*/_jsx(TextField, _extends({}, textFieldProps, {
-    InputProps: resolvedTextFieldInputProps
-  }));
+  textFieldProps.slotProps = _extends({}, textFieldProps.slotProps, {
+    input: _extends({}, externalInputSlotProps, additionalInputSlotProps)
+  });
+  return /*#__PURE__*/_jsx(TextField, _extends({}, textFieldProps));
 }
 export function mergeSlotProps(slotPropsA, slotPropsB) {
   if (!slotPropsA) {
@@ -297,6 +238,7 @@ export function mergeSlotProps(slotPropsA, slotPropsB) {
 /**
  * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
  * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.
+ * TODO: Address with the needed support for the `textField` slotProps given the change of minimum version of MUI.
  */
 export function useFieldTextFieldProps(parameters) {
   const {
@@ -307,15 +249,28 @@ export function useFieldTextFieldProps(parameters) {
   const pickerFieldUIContext = React.useContext(PickerFieldUIContext);
   const pickerContext = useNullablePickerContext();
   const ownerState = useFieldOwnerState(externalForwardedProps);
-  const {
-      InputProps,
-      inputProps
-    } = externalForwardedProps,
-    otherExternalForwardedProps = _objectWithoutPropertiesLoose(externalForwardedProps, _excluded8);
+
+  // TODO v10: remove
+  // Strip the legacy `InputProps` / `inputProps` / `InputLabelProps` / `FormHelperTextProps`
+  // before they reach `PickersTextField`, which would silently ignore them. JS users without
+  // TypeScript checks would otherwise see their configuration vanish.
+  const _ref2 = externalForwardedProps ?? {},
+    {
+      InputProps: legacyInputProps,
+      inputProps: legacyHtmlInputProps,
+      InputLabelProps: legacyInputLabelProps,
+      FormHelperTextProps: legacyFormHelperTextProps
+    } = _ref2,
+    sanitizedExternalForwardedProps = _objectWithoutPropertiesLoose(_ref2, _excluded6);
+  if (process.env.NODE_ENV !== 'production') {
+    if (legacyInputProps || legacyHtmlInputProps || legacyInputLabelProps || legacyFormHelperTextProps) {
+      warnOnce(['MUI X: Field components no longer accept the `InputProps`, `inputProps`, `InputLabelProps` and `FormHelperTextProps` props.', 'They have been dropped to avoid leaking unknown attributes onto the underlying form control.', 'Use the nested `slotProps.textField.slotProps.{input,htmlInput,inputLabel,formHelperText}` shape instead.']);
+    }
+  }
   const textFieldProps = useSlotProps({
     elementType: PickersTextField,
     externalSlotProps: mergeSlotProps(pickerFieldUIContext.slotProps.textField, slotProps?.textField),
-    externalForwardedProps: otherExternalForwardedProps,
+    externalForwardedProps: sanitizedExternalForwardedProps,
     additionalProps: {
       ref,
       sx: pickerContext?.rootSx,
@@ -361,10 +316,6 @@ export function useFieldTextFieldProps(parameters) {
       }
     };
   }
-
-  // TODO: Remove when mui/material-ui#35088 will be merged
-  textFieldProps.inputProps = _extends({}, inputProps, textFieldProps.inputProps);
-  textFieldProps.InputProps = _extends({}, InputProps, textFieldProps.InputProps);
   return textFieldProps;
 }
 export function PickerFieldUIContextProvider(props) {

package/internals/components/PickerPopper/PickerPopper.js

@@ -100,6 +100,9 @@ function useClickAwayListener(active, onClickAway) {
   // Only special HTML elements have these default behaviors.
   const handleClickAway = (0, _useEventCallback.default)(event => {
     if (!activatedRef.current) {
+      // Reset syntheticEventRef to avoid stale state when a programmatic click
+      // (e.g., ButtonBase Enter key handler) sets it without a preceding mousedown.
+      syntheticEventRef.current = false;
       return;
     }
 

package/internals/components/PickerPopper/PickerPopper.mjs

@@ -93,6 +93,9 @@ function useClickAwayListener(active, onClickAway) {
   // Only special HTML elements have these default behaviors.
   const handleClickAway = useEventCallback(event => {
     if (!activatedRef.current) {
+      // Reset syntheticEventRef to avoid stale state when a programmatic click
+      // (e.g., ButtonBase Enter key handler) sets it without a preceding mousedown.
+      syntheticEventRef.current = false;
       return;
     }
 

package/internals/components/PickersToolbar.js

@@ -108,10 +108,12 @@ const PickersToolbar = exports.PickersToolbar = /*#__PURE__*/React.forwardRef(fu
     ownerState: ownerState
   }, other, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-      color: "text.secondary",
       variant: "overline",
       id: titleId,
       className: classes.title,
+      sx: {
+        color: 'text.secondary'
+      },
       children: toolbarTitle
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersToolbarContent, {
       className: classes.content,

package/internals/components/PickersToolbar.mjs

@@ -101,10 +101,12 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
     ownerState: ownerState
   }, other, {
     children: [/*#__PURE__*/_jsx(Typography, {
-      color: "text.secondary",
       variant: "overline",
       id: titleId,
       className: classes.title,
+      sx: {
+        color: 'text.secondary'
+      },
       children: toolbarTitle
     }), /*#__PURE__*/_jsx(PickersToolbarContent, {
       className: classes.content,

package/internals/demo/DemoContainer.js

@@ -50,26 +50,24 @@ function DemoItem(props) {
     label,
     children,
     component,
-    sx: sxProp,
-    alignItems = 'stretch'
+    sx: sxProp
   } = props;
   let spacing;
-  let sx = sxProp;
+  let sx = {};
   if (component && getChildTypeFromChildName(component) === 'multi-input-range-field') {
     spacing = 1.5;
-    sx = (0, _extends2.default)({}, sx, {
+    sx = {
       [`& .${_TextField.textFieldClasses.root}`]: {
         flexGrow: 1
       }
-    });
+    };
   } else {
     spacing = 1;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
     direction: "column",
-    alignItems: alignItems,
     spacing: spacing,
-    sx: sx,
+    sx: [...(Array.isArray(sxProp) ? sxProp : [sxProp]), sx],
     children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       variant: "body2",
       children: label
@@ -179,7 +177,7 @@ function DemoContainer(props) {
         // Inject sx styles to the `DemoItem` if it is a direct child of `DemoContainer`.
         // @ts-ignore
         return /*#__PURE__*/React.cloneElement(child, {
-          sx: (0, _extends2.default)({}, extraSx, demoItemSx)
+          sx: [(0, _extends2.default)({}, extraSx, demoItemSx), ...(Array.isArray(child.props.sx) ? child.props.sx : [child.props.sx])]
         });
       }
       return child;

package/internals/demo/DemoContainer.mjs

@@ -41,26 +41,24 @@ export function DemoItem(props) {
     label,
     children,
     component,
-    sx: sxProp,
-    alignItems = 'stretch'
+    sx: sxProp
   } = props;
   let spacing;
-  let sx = sxProp;
+  let sx = {};
   if (component && getChildTypeFromChildName(component) === 'multi-input-range-field') {
     spacing = 1.5;
-    sx = _extends({}, sx, {
+    sx = {
       [`& .${textFieldClasses.root}`]: {
         flexGrow: 1
       }
-    });
+    };
   } else {
     spacing = 1;
   }
   return /*#__PURE__*/_jsxs(Stack, {
     direction: "column",
-    alignItems: alignItems,
     spacing: spacing,
-    sx: sx,
+    sx: [...(Array.isArray(sxProp) ? sxProp : [sxProp]), sx],
     children: [label && /*#__PURE__*/_jsx(Typography, {
       variant: "body2",
       children: label
@@ -170,7 +168,7 @@ export function DemoContainer(props) {
         // Inject sx styles to the `DemoItem` if it is a direct child of `DemoContainer`.
         // @ts-ignore
         return /*#__PURE__*/React.cloneElement(child, {
-          sx: _extends({}, extraSx, demoItemSx)
+          sx: [_extends({}, extraSx, demoItemSx), ...(Array.isArray(child.props.sx) ? child.props.sx : [child.props.sx])]
         });
       }
       return child;

package/internals/hooks/PickerDay.types.d.mts

@@ -0,0 +1,12 @@
+import { PickerValidDate } from "../../models/index.mjs";
+export interface PickerDayOwnerState {
+  day: PickerValidDate;
+  isDaySelected: boolean;
+  isDayDisabled: boolean;
+  isDayCurrent: boolean;
+  isDayOutsideMonth: boolean;
+  isDayStartOfWeek: boolean;
+  isDayEndOfWeek: boolean;
+  disableHighlightToday: boolean;
+  showDaysOutsideCurrentMonth: boolean;
+}

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

@@ -0,0 +1,12 @@
+import { PickerValidDate } from "../../models/index.js";
+export interface PickerDayOwnerState {
+  day: PickerValidDate;
+  isDaySelected: boolean;
+  isDayDisabled: boolean;
+  isDayCurrent: boolean;
+  isDayOutsideMonth: boolean;
+  isDayStartOfWeek: boolean;
+  isDayEndOfWeek: boolean;
+  disableHighlightToday: boolean;
+  showDaysOutsideCurrentMonth: boolean;
+}

package/internals/hooks/useDesktopPicker/useDesktopPicker.d.mts

@@ -6,10 +6,10 @@ import { DateOrTimeViewWithMeridiem } from "../../models/index.mjs";
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopPickerProps<TView, any, TExternalProps>>({
   props,
   steps,
   ...pickerParams
-}: UseDesktopPickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+}: UseDesktopPickerParams<TView, TExternalProps>) => {
   renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -6,10 +6,10 @@ import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopPickerProps<TView, any, TExternalProps>>({
   props,
   steps,
   ...pickerParams
-}: UseDesktopPickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+}: UseDesktopPickerParams<TView, TExternalProps>) => {
   renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -14,10 +14,10 @@ export interface UseDesktopPickerSlots extends Pick<PickerPopperSlots, 'desktopP
    */
   field: React.ElementType;
 }
-export interface ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+export interface ExportedUseDesktopPickerSlotProps extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue>, {}, PickerOwnerState>;
 }
-export interface UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
+export interface UseDesktopPickerSlotProps extends ExportedUseDesktopPickerSlotProps, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
 export interface DesktopOnlyPickerProps extends UsePickerNonStaticProps {
   /**
    * If `true`, the `input` element is focused during the first mount.
@@ -25,7 +25,7 @@ export interface DesktopOnlyPickerProps extends UsePickerNonStaticProps {
    */
   autoFocus?: boolean;
 }
-export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerProps<PickerValue, TView, TError, any>> extends BasePickerProps<PickerValue, any, TError, TExternalProps>, MakeRequired<DesktopOnlyPickerProps, 'format'> {
+export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerValue, TView, TError, any>> extends BasePickerProps<PickerValue, any, TError, TExternalProps>, MakeRequired<DesktopOnlyPickerProps, 'format'> {
   /**
    * Overridable component slots.
    * @default {}
@@ -35,9 +35,9 @@ export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem,
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: UseDesktopPickerSlotProps;
 }
-export interface UseDesktopPickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
+export interface UseDesktopPickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopPickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
   props: TExternalProps;
   /**
    * Steps available for the picker.

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

@@ -14,10 +14,10 @@ export interface UseDesktopPickerSlots extends Pick<PickerPopperSlots, 'desktopP
    */
   field: React.ElementType;
 }
-export interface ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+export interface ExportedUseDesktopPickerSlotProps extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue>, {}, PickerOwnerState>;
 }
-export interface UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
+export interface UseDesktopPickerSlotProps extends ExportedUseDesktopPickerSlotProps, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
 export interface DesktopOnlyPickerProps extends UsePickerNonStaticProps {
   /**
    * If `true`, the `input` element is focused during the first mount.
@@ -25,7 +25,7 @@ export interface DesktopOnlyPickerProps extends UsePickerNonStaticProps {
    */
   autoFocus?: boolean;
 }
-export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerProps<PickerValue, TView, TError, any>> extends BasePickerProps<PickerValue, any, TError, TExternalProps>, MakeRequired<DesktopOnlyPickerProps, 'format'> {
+export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerValue, TView, TError, any>> extends BasePickerProps<PickerValue, any, TError, TExternalProps>, MakeRequired<DesktopOnlyPickerProps, 'format'> {
   /**
    * Overridable component slots.
    * @default {}
@@ -35,9 +35,9 @@ export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem,
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: UseDesktopPickerSlotProps;
 }
-export interface UseDesktopPickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
+export interface UseDesktopPickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopPickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
   props: TExternalProps;
   /**
    * Steps available for the picker.

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

@@ -9,7 +9,6 @@ interface BuildSectionsFromFormatParameters {
   localeText: PickersLocaleText;
   localizedDigits: string[];
   date: PickerValidDate | null;
-  enableAccessibleFieldDOMStructure: boolean;
 }
 export declare const buildSectionsFromFormat: (parameters: BuildSectionsFromFormatParameters) => FieldSection[];
 export {};

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

@@ -9,7 +9,6 @@ interface BuildSectionsFromFormatParameters {
   localeText: PickersLocaleText;
   localizedDigits: string[];
   date: PickerValidDate | null;
-  enableAccessibleFieldDOMStructure: boolean;
 }
 export declare const buildSectionsFromFormat: (parameters: BuildSectionsFromFormatParameters) => FieldSection[];
 export {};

package/internals/hooks/useField/buildSectionsFromFormat.js

@@ -247,7 +247,7 @@ const postProcessSections = ({
 };
 const buildSectionsFromFormat = parameters => {
   let expandedFormat = expandFormat(parameters);
-  if (parameters.isRtl && parameters.enableAccessibleFieldDOMStructure) {
+  if (parameters.isRtl) {
     expandedFormat = expandedFormat.split(' ').reverse().join(' ');
   }
   const escapedParts = getEscapedPartsFromFormat((0, _extends2.default)({}, parameters, {

package/internals/hooks/useField/buildSectionsFromFormat.mjs

@@ -240,7 +240,7 @@ const postProcessSections = ({
 };
 export const buildSectionsFromFormat = parameters => {
   let expandedFormat = expandFormat(parameters);
-  if (parameters.isRtl && parameters.enableAccessibleFieldDOMStructure) {
+  if (parameters.isRtl) {
     expandedFormat = expandedFormat.split(' ').reverse().join(' ');
   }
   const escapedParts = getEscapedPartsFromFormat(_extends({}, parameters, {

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

@@ -1,4 +1,4 @@
 export { useField } from "./useField.mjs";
 export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, UseFieldProps, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from "./useField.types.mjs";
-export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.mjs";
+export { createDateStrForHiddenInputFromSections } from "./useField.utils.mjs";
 export { useFieldInternalPropsWithDefaults } from "./useFieldInternalPropsWithDefaults.mjs";

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

@@ -1,4 +1,4 @@
 export { useField } from "./useField.js";
 export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, UseFieldProps, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from "./useField.types.js";
-export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.js";
+export { createDateStrForHiddenInputFromSections } from "./useField.utils.js";
 export { useFieldInternalPropsWithDefaults } from "./useFieldInternalPropsWithDefaults.js";

package/internals/hooks/useField/index.js

@@ -3,16 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "createDateStrForV6InputFromSections", {
+Object.defineProperty(exports, "createDateStrForHiddenInputFromSections", {
   enumerable: true,
   get: function () {
-    return _useField2.createDateStrForV6InputFromSections;
-  }
-});
-Object.defineProperty(exports, "createDateStrForV7HiddenInputFromSections", {
-  enumerable: true,
-  get: function () {
-    return _useField2.createDateStrForV7HiddenInputFromSections;
+    return _useField2.createDateStrForHiddenInputFromSections;
   }
 });
 Object.defineProperty(exports, "useField", {