@mui/x-date-pickers 9.0.0-alpha.3 → 9.0.0-rc.0

package/internals/index.mjs

@@ -11,9 +11,9 @@ export { PickersToolbarText } from "./components/PickersToolbarText.mjs";
 export { pickersToolbarTextClasses } from "./components/pickersToolbarTextClasses.mjs";
 export { pickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.mjs";
 export { PickersToolbarButton } from "./components/PickersToolbarButton.mjs";
-export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.mjs";
+export { DAY_SIZE, DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.mjs";
 export { useControlledValue } from "./hooks/useControlledValue.mjs";
-export { useField, useFieldInternalPropsWithDefaults, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./hooks/useField/index.mjs";
+export { useField, useFieldInternalPropsWithDefaults, createDateStrForHiddenInputFromSections } from "./hooks/useField/index.mjs";
 export { useFieldOwnerState } from "./hooks/useFieldOwnerState.mjs";
 export { useNullableFieldPrivateContext } from "./hooks/useNullableFieldPrivateContext.mjs";
 export { useNullablePickerContext } from "./hooks/useNullablePickerContext.mjs";
@@ -33,10 +33,11 @@ export { resolveTimeViewsResponse, resolveDateTimeFormat } from "./utils/date-ti
 export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, mergeSx, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "./utils/utils.mjs";
 export { useReduceAnimations } from "./hooks/useReduceAnimations.mjs";
 export { applyDefaultViewProps } from "./utils/views.mjs";
+export { isElementInteractive } from "./utils/isElementInteractive.mjs";
 export { DayCalendar } from "../DateCalendar/DayCalendar.mjs";
 export { useCalendarState } from "../DateCalendar/useCalendarState.mjs";
 export { DateTimePickerToolbarOverrideContext } from "../DateTimePicker/DateTimePickerToolbar.mjs";
-export { usePickerDayOwnerState } from "../PickersDay/usePickerDayOwnerState.mjs";
+export { usePickerDayOwnerState } from "./hooks/usePickerDayOwnerState.mjs";
 export { useApplyDefaultValuesToDateValidationProps } from "../managers/useDateManager.mjs";
 export { useApplyDefaultValuesToTimeValidationProps } from "../managers/useTimeManager.mjs";
 export { useApplyDefaultValuesToDateTimeValidationProps } from "../managers/useDateTimeManager.mjs";

package/internals/models/manager.d.mts

@@ -2,10 +2,9 @@ import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate
 import type { GetDefaultReferenceDateProps } from "../utils/getDefaultReferenceDate.mjs";
 import { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.mjs";
 import type { UseFieldInternalProps } from "../hooks/useField/index.mjs";
-export type PickerAnyManager = PickerManager<any, any, any, any, any>;
-type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TEnableAccessibleFieldDOMStructure, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {
+export type PickerAnyManager = PickerManager<any, any, any, any>;
+type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {
   value: TValue;
-  enableAccessibleFieldDOMStructure: TEnableAccessibleFieldDOMStructure;
   error: TError;
   validationProps: TValidationProps;
   fieldInternalProps: TFieldInternalProps;
@@ -14,8 +13,7 @@ export type PickerManagerValue<TManager extends PickerAnyManager> = PickerManage
 export type PickerManagerError<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['error'];
 export type PickerManagerFieldInternalProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['fieldInternalProps'];
 export type PickerManagerValidationProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['validationProps'];
-export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = UseFieldInternalProps<PickerManagerValue<TManager>, PickerManagerEnableAccessibleFieldDOMStructure<TManager>, PickerManagerError<TManager>> & PickerManagerValidationProps<TManager>;
-export type PickerManagerEnableAccessibleFieldDOMStructure<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['enableAccessibleFieldDOMStructure'];
+export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = UseFieldInternalProps<PickerManagerValue<TManager>, PickerManagerError<TManager>> & PickerManagerValidationProps<TManager>;
 export interface PickerValueManager<TValue extends PickerValidValue, TError> {
   /**
    * Determines if two values are equal.

package/internals/models/manager.d.ts

@@ -2,10 +2,9 @@ import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate
 import type { GetDefaultReferenceDateProps } from "../utils/getDefaultReferenceDate.js";
 import { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.js";
 import type { UseFieldInternalProps } from "../hooks/useField/index.js";
-export type PickerAnyManager = PickerManager<any, any, any, any, any>;
-type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TEnableAccessibleFieldDOMStructure, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {
+export type PickerAnyManager = PickerManager<any, any, any, any>;
+type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {
   value: TValue;
-  enableAccessibleFieldDOMStructure: TEnableAccessibleFieldDOMStructure;
   error: TError;
   validationProps: TValidationProps;
   fieldInternalProps: TFieldInternalProps;
@@ -14,8 +13,7 @@ export type PickerManagerValue<TManager extends PickerAnyManager> = PickerManage
 export type PickerManagerError<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['error'];
 export type PickerManagerFieldInternalProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['fieldInternalProps'];
 export type PickerManagerValidationProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['validationProps'];
-export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = UseFieldInternalProps<PickerManagerValue<TManager>, PickerManagerEnableAccessibleFieldDOMStructure<TManager>, PickerManagerError<TManager>> & PickerManagerValidationProps<TManager>;
-export type PickerManagerEnableAccessibleFieldDOMStructure<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['enableAccessibleFieldDOMStructure'];
+export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = UseFieldInternalProps<PickerManagerValue<TManager>, PickerManagerError<TManager>> & PickerManagerValidationProps<TManager>;
 export interface PickerValueManager<TValue extends PickerValidValue, TError> {
   /**
    * Determines if two values are equal.

package/internals/utils/isElementInteractive.d.mts

@@ -0,0 +1 @@
+export declare function isElementInteractive(element: HTMLElement): boolean;

package/internals/utils/isElementInteractive.d.ts

@@ -0,0 +1 @@
+export declare function isElementInteractive(element: HTMLElement): boolean;

package/internals/utils/isElementInteractive.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isElementInteractive = isElementInteractive;
+/**
+ * Taken from https://github.com/matijs/is-interactive-element/
+ */
+const isInputHidden = input => input.type === 'hidden';
+function isElementInteractive(element) {
+  const {
+    nodeName
+  } = element;
+  if (['BUTTON', 'DETAILS', 'EMBED', 'IFRAME', 'KEYGEN', 'LABEL', 'SELECT', 'TEXTAREA'].includes(nodeName)) {
+    return true;
+  }
+  if (nodeName === 'A' && element.hasAttribute('href')) {
+    return true;
+  }
+  if (element instanceof HTMLInputElement && !isInputHidden(element)) {
+    return true;
+  }
+  if (['AUDIO', 'VIDEO'].includes(nodeName) && element.hasAttribute('controls')) {
+    return true;
+  }
+  if (['IMG', 'OBJECT'].includes(nodeName) && element.hasAttribute('usemap')) {
+    return true;
+  }
+  if (element.hasAttribute('tabindex') && element.tabIndex > -1) {
+    return true;
+  }
+  return false;
+}

package/internals/utils/isElementInteractive.mjs

@@ -0,0 +1,28 @@
+/**
+ * Taken from https://github.com/matijs/is-interactive-element/
+ */
+const isInputHidden = input => input.type === 'hidden';
+export function isElementInteractive(element) {
+  const {
+    nodeName
+  } = element;
+  if (['BUTTON', 'DETAILS', 'EMBED', 'IFRAME', 'KEYGEN', 'LABEL', 'SELECT', 'TEXTAREA'].includes(nodeName)) {
+    return true;
+  }
+  if (nodeName === 'A' && element.hasAttribute('href')) {
+    return true;
+  }
+  if (element instanceof HTMLInputElement && !isInputHidden(element)) {
+    return true;
+  }
+  if (['AUDIO', 'VIDEO'].includes(nodeName) && element.hasAttribute('controls')) {
+    return true;
+  }
+  if (['IMG', 'OBJECT'].includes(nodeName) && element.hasAttribute('usemap')) {
+    return true;
+  }
+  if (element.hasAttribute('tabindex') && element.tabIndex > -1) {
+    return true;
+  }
+  return false;
+}

package/internals/utils/valueManagers.js

@@ -39,8 +39,7 @@ const singleItemValueManager = exports.singleItemValueManager = {
 const singleItemFieldValueManager = exports.singleItemFieldValueManager = {
   updateReferenceValue: (adapter, value, prevReferenceValue) => adapter.isValid(value) ? value : prevReferenceValue,
   getSectionsFromValue: (date, getSectionsFromDate) => getSectionsFromDate(date),
-  getV7HiddenInputValueFromSections: _useField.createDateStrForV7HiddenInputFromSections,
-  getV6InputValueFromSections: _useField.createDateStrForV6InputFromSections,
+  getHiddenInputValueFromSections: _useField.createDateStrForHiddenInputFromSections,
   parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue),
   getDateFromSection: value => value,
   getDateSectionsFromValue: sections => sections,

package/internals/utils/valueManagers.mjs

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["value", "referenceDate"];
 import { areDatesEqual, getTodayDate, replaceInvalidDateByNull } from "./date-utils.mjs";
 import { getDefaultReferenceDate } from "./getDefaultReferenceDate.mjs";
-import { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "../hooks/useField/useField.utils.mjs";
+import { createDateStrForHiddenInputFromSections } from "../hooks/useField/useField.utils.mjs";
 export const singleItemValueManager = {
   emptyValue: null,
   getTodayValue: getTodayDate,
@@ -32,8 +32,7 @@ export const singleItemValueManager = {
 export const singleItemFieldValueManager = {
   updateReferenceValue: (adapter, value, prevReferenceValue) => adapter.isValid(value) ? value : prevReferenceValue,
   getSectionsFromValue: (date, getSectionsFromDate) => getSectionsFromDate(date),
-  getV7HiddenInputValueFromSections: createDateStrForV7HiddenInputFromSections,
-  getV6InputValueFromSections: createDateStrForV6InputFromSections,
+  getHiddenInputValueFromSections: createDateStrForHiddenInputFromSections,
   parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue),
   getDateFromSection: value => value,
   getDateSectionsFromValue: sections => sections,

package/managers/index.d.mts

@@ -1,6 +1,6 @@
 export { useDateManager } from "./useDateManager.mjs";
-export type { UseDateManagerReturnValue, UseDateManagerParameters, DateManagerFieldInternalProps } from "./useDateManager.mjs";
+export type { UseDateManagerReturnValue, DateManagerFieldInternalProps } from "./useDateManager.mjs";
 export { useTimeManager } from "./useTimeManager.mjs";
 export type { UseTimeManagerReturnValue, UseTimeManagerParameters, TimeManagerFieldInternalProps } from "./useTimeManager.mjs";
 export { useDateTimeManager } from "./useDateTimeManager.mjs";
-export type { UseDateTimeManagerReturnValue, UseDateTimeManagerParameters, DateTimeManagerFieldInternalProps } from "./useDateTimeManager.mjs";
+export type { UseDateTimeManagerReturnValue, DateTimeManagerFieldInternalProps } from "./useDateTimeManager.mjs";

package/managers/index.d.ts

@@ -1,6 +1,6 @@
 export { useDateManager } from "./useDateManager.js";
-export type { UseDateManagerReturnValue, UseDateManagerParameters, DateManagerFieldInternalProps } from "./useDateManager.js";
+export type { UseDateManagerReturnValue, DateManagerFieldInternalProps } from "./useDateManager.js";
 export { useTimeManager } from "./useTimeManager.js";
 export type { UseTimeManagerReturnValue, UseTimeManagerParameters, TimeManagerFieldInternalProps } from "./useTimeManager.js";
 export { useDateTimeManager } from "./useDateTimeManager.js";
-export type { UseDateTimeManagerReturnValue, UseDateTimeManagerParameters, DateTimeManagerFieldInternalProps } from "./useDateTimeManager.js";
+export type { UseDateTimeManagerReturnValue, DateTimeManagerFieldInternalProps } from "./useDateTimeManager.js";

package/managers/useDateManager.d.mts

@@ -3,12 +3,9 @@ import { PickerManager, DateValidationError } from "../models/index.mjs";
 import { UseFieldInternalProps } from "../internals/hooks/useField/index.mjs";
 import { ExportedValidateDateProps, ValidateDateProps } from "../validation/validateDate.mjs";
 import { PickerValue } from "../internals/models/index.mjs";
-export declare function useDateManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
+export declare function useDateManager(): UseDateManagerReturnValue;
 type SharedDateAndDateRangeValidationProps = 'disablePast' | 'disableFuture' | 'minDate' | 'maxDate';
 export declare function useApplyDefaultValuesToDateValidationProps(props: Pick<ExportedValidateDateProps, SharedDateAndDateRangeValidationProps>): Pick<ValidateDateProps, SharedDateAndDateRangeValidationProps>;
-export interface UseDateManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-}
-export type UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
-export interface DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps {}
+export type UseDateManagerReturnValue = PickerManager<PickerValue, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps>;
+export interface DateManagerFieldInternalProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateValidationError>, 'format'>, ExportedValidateDateProps {}
 export {};

package/managers/useDateManager.d.ts

@@ -3,12 +3,9 @@ import { PickerManager, DateValidationError } from "../models/index.js";
 import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
 import { ExportedValidateDateProps, ValidateDateProps } from "../validation/validateDate.js";
 import { PickerValue } from "../internals/models/index.js";
-export declare function useDateManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
+export declare function useDateManager(): UseDateManagerReturnValue;
 type SharedDateAndDateRangeValidationProps = 'disablePast' | 'disableFuture' | 'minDate' | 'maxDate';
 export declare function useApplyDefaultValuesToDateValidationProps(props: Pick<ExportedValidateDateProps, SharedDateAndDateRangeValidationProps>): Pick<ValidateDateProps, SharedDateAndDateRangeValidationProps>;
-export interface UseDateManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-}
-export type UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
-export interface DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps {}
+export type UseDateManagerReturnValue = PickerManager<PickerValue, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps>;
+export interface DateManagerFieldInternalProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateValidationError>, 'format'>, ExportedValidateDateProps {}
 export {};

package/managers/useDateManager.js

@@ -15,19 +15,15 @@ var _valueManagers = require("../internals/utils/valueManagers");
 var _validation = require("../validation");
 var _useUtils = require("../internals/hooks/useUtils");
 var _hooks = require("../hooks");
-function useDateManager(parameters = {}) {
-  const {
-    enableAccessibleFieldDOMStructure = true
-  } = parameters;
+function useDateManager() {
   return React.useMemo(() => ({
     valueType: 'date',
     validator: _validation.validateDate,
     internal_valueManager: _valueManagers.singleItemValueManager,
     internal_fieldValueManager: _valueManagers.singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
     internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
-  }), [enableAccessibleFieldDOMStructure]);
+  }), []);
 }
 function useOpenPickerButtonAriaLabel(value) {
   const adapter = (0, _hooks.usePickerAdapter)();

package/managers/useDateManager.mjs

@@ -7,19 +7,15 @@ import { singleItemFieldValueManager, singleItemValueManager } from "../internal
 import { validateDate } from "../validation/index.mjs";
 import { useDefaultDates } from "../internals/hooks/useUtils.mjs";
 import { usePickerAdapter, usePickerTranslations } from "../hooks/index.mjs";
-export function useDateManager(parameters = {}) {
-  const {
-    enableAccessibleFieldDOMStructure = true
-  } = parameters;
+export function useDateManager() {
   return React.useMemo(() => ({
     valueType: 'date',
     validator: validateDate,
     internal_valueManager: singleItemValueManager,
     internal_fieldValueManager: singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
     internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
-  }), [enableAccessibleFieldDOMStructure]);
+  }), []);
 }
 function useOpenPickerButtonAriaLabel(value) {
   const adapter = usePickerAdapter();

package/managers/useDateTimeManager.d.mts

@@ -4,12 +4,9 @@ import { UseFieldInternalProps } from "../internals/hooks/useField/index.mjs";
 import { AmPmProps } from "../internals/models/props/time.mjs";
 import { ExportedValidateDateTimeProps, ValidateDateTimeProps } from "../validation/validateDateTime.mjs";
 import { PickerValue } from "../internals/models/index.mjs";
-export declare function useDateTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
+export declare function useDateTimeManager(): UseDateTimeManagerReturnValue;
 type SharedDateTimeAndDateTimeRangeValidationProps = 'disablePast' | 'disableFuture' | 'minTime' | 'maxTime' | 'minDate' | 'maxDate';
 export declare function useApplyDefaultValuesToDateTimeValidationProps(props: Pick<ExportedValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps | 'minDateTime' | 'maxDateTime'>): Pick<ValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps>;
-export interface UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-}
-export type UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError, ValidateDateTimeProps, DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
-export interface DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, AmPmProps {}
+export type UseDateTimeManagerReturnValue = PickerManager<PickerValue, DateTimeValidationError, ValidateDateTimeProps, DateTimeManagerFieldInternalProps>;
+export interface DateTimeManagerFieldInternalProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, AmPmProps {}
 export {};

package/managers/useDateTimeManager.d.ts

@@ -4,12 +4,9 @@ import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
 import { AmPmProps } from "../internals/models/props/time.js";
 import { ExportedValidateDateTimeProps, ValidateDateTimeProps } from "../validation/validateDateTime.js";
 import { PickerValue } from "../internals/models/index.js";
-export declare function useDateTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
+export declare function useDateTimeManager(): UseDateTimeManagerReturnValue;
 type SharedDateTimeAndDateTimeRangeValidationProps = 'disablePast' | 'disableFuture' | 'minTime' | 'maxTime' | 'minDate' | 'maxDate';
 export declare function useApplyDefaultValuesToDateTimeValidationProps(props: Pick<ExportedValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps | 'minDateTime' | 'maxDateTime'>): Pick<ValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps>;
-export interface UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-}
-export type UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError, ValidateDateTimeProps, DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
-export interface DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, AmPmProps {}
+export type UseDateTimeManagerReturnValue = PickerManager<PickerValue, DateTimeValidationError, ValidateDateTimeProps, DateTimeManagerFieldInternalProps>;
+export interface DateTimeManagerFieldInternalProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, AmPmProps {}
 export {};

package/managers/useDateTimeManager.js

@@ -15,19 +15,15 @@ var _valueManagers = require("../internals/utils/valueManagers");
 var _validation = require("../validation");
 var _useUtils = require("../internals/hooks/useUtils");
 var _hooks = require("../hooks");
-function useDateTimeManager(parameters = {}) {
-  const {
-    enableAccessibleFieldDOMStructure = true
-  } = parameters;
+function useDateTimeManager() {
   return React.useMemo(() => ({
     valueType: 'date-time',
     validator: _validation.validateDateTime,
     internal_valueManager: _valueManagers.singleItemValueManager,
     internal_fieldValueManager: _valueManagers.singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
     internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateTimeFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
-  }), [enableAccessibleFieldDOMStructure]);
+  }), []);
 }
 function useOpenPickerButtonAriaLabel(value) {
   const adapter = (0, _hooks.usePickerAdapter)();

package/managers/useDateTimeManager.mjs

@@ -7,19 +7,15 @@ import { singleItemFieldValueManager, singleItemValueManager } from "../internal
 import { validateDateTime } from "../validation/index.mjs";
 import { useDefaultDates } from "../internals/hooks/useUtils.mjs";
 import { usePickerAdapter, usePickerTranslations } from "../hooks/index.mjs";
-export function useDateTimeManager(parameters = {}) {
-  const {
-    enableAccessibleFieldDOMStructure = true
-  } = parameters;
+export function useDateTimeManager() {
   return React.useMemo(() => ({
     valueType: 'date-time',
     validator: validateDateTime,
     internal_valueManager: singleItemValueManager,
     internal_fieldValueManager: singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
     internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateTimeFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
-  }), [enableAccessibleFieldDOMStructure]);
+  }), []);
 }
 function useOpenPickerButtonAriaLabel(value) {
   const adapter = usePickerAdapter();

package/managers/useTimeManager.d.mts

@@ -4,12 +4,10 @@ import { UseFieldInternalProps } from "../internals/hooks/useField/index.mjs";
 import { AmPmProps } from "../internals/models/props/time.mjs";
 import { ExportedValidateTimeProps, ValidateTimeProps } from "../validation/validateTime.mjs";
 import { PickerValue } from "../internals/models/index.mjs";
-export declare function useTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
+export declare function useTimeManager(parameters?: UseTimeManagerParameters): UseTimeManagerReturnValue;
 type SharedTimeAndTimeRangeValidationProps = 'disablePast' | 'disableFuture';
 export declare function useApplyDefaultValuesToTimeValidationProps(props: Pick<ExportedValidateTimeProps, SharedTimeAndTimeRangeValidationProps>): Pick<ValidateTimeProps, SharedTimeAndTimeRangeValidationProps>;
-export interface UseTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> extends AmPmProps {
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-}
-export type UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError, ValidateTimeProps, TimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
-export interface TimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError>, 'format'>, ExportedValidateTimeProps, AmPmProps {}
+export interface UseTimeManagerParameters extends AmPmProps {}
+export type UseTimeManagerReturnValue = PickerManager<PickerValue, TimeValidationError, ValidateTimeProps, TimeManagerFieldInternalProps>;
+export interface TimeManagerFieldInternalProps extends MakeOptional<UseFieldInternalProps<PickerValue, TimeValidationError>, 'format'>, ExportedValidateTimeProps, AmPmProps {}
 export {};

package/managers/useTimeManager.d.ts

@@ -4,12 +4,10 @@ import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
 import { AmPmProps } from "../internals/models/props/time.js";
 import { ExportedValidateTimeProps, ValidateTimeProps } from "../validation/validateTime.js";
 import { PickerValue } from "../internals/models/index.js";
-export declare function useTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
+export declare function useTimeManager(parameters?: UseTimeManagerParameters): UseTimeManagerReturnValue;
 type SharedTimeAndTimeRangeValidationProps = 'disablePast' | 'disableFuture';
 export declare function useApplyDefaultValuesToTimeValidationProps(props: Pick<ExportedValidateTimeProps, SharedTimeAndTimeRangeValidationProps>): Pick<ValidateTimeProps, SharedTimeAndTimeRangeValidationProps>;
-export interface UseTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> extends AmPmProps {
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-}
-export type UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError, ValidateTimeProps, TimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
-export interface TimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, TimeValidationError>, 'format'>, ExportedValidateTimeProps, AmPmProps {}
+export interface UseTimeManagerParameters extends AmPmProps {}
+export type UseTimeManagerReturnValue = PickerManager<PickerValue, TimeValidationError, ValidateTimeProps, TimeManagerFieldInternalProps>;
+export interface TimeManagerFieldInternalProps extends MakeOptional<UseFieldInternalProps<PickerValue, TimeValidationError>, 'format'>, ExportedValidateTimeProps, AmPmProps {}
 export {};

package/managers/useTimeManager.js

@@ -15,7 +15,6 @@ var _validation = require("../validation");
 var _hooks = require("../hooks");
 function useTimeManager(parameters = {}) {
   const {
-    enableAccessibleFieldDOMStructure = true,
     ampm
   } = parameters;
   return React.useMemo(() => ({
@@ -23,10 +22,9 @@ function useTimeManager(parameters = {}) {
     validator: _validation.validateTime,
     internal_valueManager: _valueManagers.singleItemValueManager,
     internal_fieldValueManager: _valueManagers.singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
     internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToTimeFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: createUseOpenPickerButtonAriaLabel(ampm)
-  }), [ampm, enableAccessibleFieldDOMStructure]);
+  }), [ampm]);
 }
 function createUseOpenPickerButtonAriaLabel(ampm) {
   return function useOpenPickerButtonAriaLabel(value) {

package/managers/useTimeManager.mjs

@@ -7,7 +7,6 @@ import { validateTime } from "../validation/index.mjs";
 import { usePickerAdapter, usePickerTranslations } from "../hooks/index.mjs";
 export function useTimeManager(parameters = {}) {
   const {
-    enableAccessibleFieldDOMStructure = true,
     ampm
   } = parameters;
   return React.useMemo(() => ({
@@ -15,10 +14,9 @@ export function useTimeManager(parameters = {}) {
     validator: validateTime,
     internal_valueManager: singleItemValueManager,
     internal_fieldValueManager: singleItemFieldValueManager,
-    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
     internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToTimeFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: createUseOpenPickerButtonAriaLabel(ampm)
-  }), [ampm, enableAccessibleFieldDOMStructure]);
+  }), [ampm]);
 }
 function createUseOpenPickerButtonAriaLabel(ampm) {
   return function useOpenPickerButtonAriaLabel(value) {

package/models/fields.d.mts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { TextFieldProps } from '@mui/material/TextField';
 import { FormControlOwnProps } from '@mui/material/FormControl';
 import type { ExportedPickersSectionListProps } from "../PickersSectionList/index.mjs";
 import type { UseFieldInternalProps, UseFieldReturnValue } from "../internals/hooks/useField/index.mjs";
@@ -104,6 +103,10 @@ export interface FieldRef<TValue extends PickerValidValue> {
    * @returns {boolean} `true` if the field is focused.
    */
   isFieldFocused: () => boolean;
+  /**
+   * Clears the field.
+   */
+  clearValue: () => void;
 }
 export type FieldSelectedSections = number | FieldSectionType | null | 'all';
 export interface FieldOwnerState extends PickerOwnerState {
@@ -129,18 +132,18 @@ export interface FieldOwnerState extends PickerOwnerState {
 /**
  * Props the `slotProps.field` of a Picker can receive.
  */
-export type PickerFieldSlotProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean> = ExportedPickerFieldUIProps & Pick<UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, unknown>, 'shouldRespectLeadingZeros' | 'readOnly'> & React.HTMLAttributes<HTMLDivElement> & {
+export type PickerFieldSlotProps<TValue extends PickerValidValue> = ExportedPickerFieldUIProps & Pick<UseFieldInternalProps<TValue, unknown>, 'shouldRespectLeadingZeros' | 'readOnly' | 'fieldRef'> & React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
 };
 /**
  * Props the text field receives when used inside a single input Picker.
  * Only contains what the MUI components are passing to the text field, not what users can pass using the `props.slotProps.field` and `props.slotProps.textField`.
  */
-export type BaseSingleInputPickersTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = Omit<UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, BaseSingleInputFieldProps>, 'slots' | 'slotProps' | 'clearable' | 'onClear' | 'openPickerButtonPosition' | 'clearButtonPosition' | 'openPickerAriaLabel'>;
+export type BaseSingleInputPickersTextFieldProps = Omit<UseFieldReturnValue<BaseSingleInputFieldProps>, 'slots' | 'slotProps' | 'clearable' | 'onClear' | 'openPickerButtonPosition' | 'clearButtonPosition' | 'openPickerAriaLabel'>;
 /**
  * Props the built-in text field component can receive.
  */
-export type BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? Omit<TextFieldProps, 'autoComplete' | 'error' | 'maxRows' | 'minRows' | 'multiline' | 'placeholder' | 'rows' | 'select' | 'SelectProps' | 'type'> : Partial<Omit<PickersTextFieldProps, keyof ExportedPickersSectionListProps>>;
+export type BuiltInFieldTextFieldProps = Partial<Omit<PickersTextFieldProps, keyof ExportedPickersSectionListProps>>;
 export interface PickerTextFieldOwnerState extends FieldOwnerState {
   /**
    * `true` if the value of the field is currently empty.

package/models/fields.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { TextFieldProps } from '@mui/material/TextField';
 import { FormControlOwnProps } from '@mui/material/FormControl';
 import type { ExportedPickersSectionListProps } from "../PickersSectionList/index.js";
 import type { UseFieldInternalProps, UseFieldReturnValue } from "../internals/hooks/useField/index.js";
@@ -104,6 +103,10 @@ export interface FieldRef<TValue extends PickerValidValue> {
    * @returns {boolean} `true` if the field is focused.
    */
   isFieldFocused: () => boolean;
+  /**
+   * Clears the field.
+   */
+  clearValue: () => void;
 }
 export type FieldSelectedSections = number | FieldSectionType | null | 'all';
 export interface FieldOwnerState extends PickerOwnerState {
@@ -129,18 +132,18 @@ export interface FieldOwnerState extends PickerOwnerState {
 /**
  * Props the `slotProps.field` of a Picker can receive.
  */
-export type PickerFieldSlotProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean> = ExportedPickerFieldUIProps & Pick<UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, unknown>, 'shouldRespectLeadingZeros' | 'readOnly'> & React.HTMLAttributes<HTMLDivElement> & {
+export type PickerFieldSlotProps<TValue extends PickerValidValue> = ExportedPickerFieldUIProps & Pick<UseFieldInternalProps<TValue, unknown>, 'shouldRespectLeadingZeros' | 'readOnly' | 'fieldRef'> & React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
 };
 /**
  * Props the text field receives when used inside a single input Picker.
  * Only contains what the MUI components are passing to the text field, not what users can pass using the `props.slotProps.field` and `props.slotProps.textField`.
  */
-export type BaseSingleInputPickersTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = Omit<UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, BaseSingleInputFieldProps>, 'slots' | 'slotProps' | 'clearable' | 'onClear' | 'openPickerButtonPosition' | 'clearButtonPosition' | 'openPickerAriaLabel'>;
+export type BaseSingleInputPickersTextFieldProps = Omit<UseFieldReturnValue<BaseSingleInputFieldProps>, 'slots' | 'slotProps' | 'clearable' | 'onClear' | 'openPickerButtonPosition' | 'clearButtonPosition' | 'openPickerAriaLabel'>;
 /**
  * Props the built-in text field component can receive.
  */
-export type BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? Omit<TextFieldProps, 'autoComplete' | 'error' | 'maxRows' | 'minRows' | 'multiline' | 'placeholder' | 'rows' | 'select' | 'SelectProps' | 'type'> : Partial<Omit<PickersTextFieldProps, keyof ExportedPickersSectionListProps>>;
+export type BuiltInFieldTextFieldProps = Partial<Omit<PickersTextFieldProps, keyof ExportedPickersSectionListProps>>;
 export interface PickerTextFieldOwnerState extends FieldOwnerState {
   /**
    * `true` if the value of the field is currently empty.

package/models/manager.d.mts

@@ -20,7 +20,7 @@ import type { PickerValueType } from "./common.mjs";
  * });
  * ```
  */
-export interface PickerManager<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError, TValidationProps extends {}, TFieldInternalProps extends {}> {
+export interface PickerManager<TValue extends PickerValidValue, TError, TValidationProps extends {}, TFieldInternalProps extends {}> {
   /**
    * The type of the value (e.g. 'date', 'date-time', 'time').
    */
@@ -53,12 +53,6 @@ export interface PickerManager<TValue extends PickerValidValue, TEnableAccessibl
    * This property is not part of the public API and should not be used directly.
    */
   internal_fieldValueManager: FieldValueManager<TValue>;
-  /**
-   * `true` if the field is using the accessible DOM structure.
-   * `false` if the field is using the non-accessible DOM structure.
-   * This property is not part of the public API and should not be used directly.
-   */
-  internal_enableAccessibleFieldDOMStructure: TEnableAccessibleFieldDOMStructure;
   /**
    * Applies the default values to the field internal props.
    * This usually includes:
@@ -68,7 +62,7 @@ export interface PickerManager<TValue extends PickerValidValue, TEnableAccessibl
    * @param {TFieldInternalProps<TFieldInternalProps>} internalProps The field internal props to apply the defaults to.
    * @returns {TFieldInternalPropsWithDefaults} The field internal props with the defaults applied.
    */
-  internal_useApplyDefaultValuesToFieldInternalProps: (internalProps: TFieldInternalProps) => UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, TError> & TValidationProps;
+  internal_useApplyDefaultValuesToFieldInternalProps: (internalProps: TFieldInternalProps) => UseFieldInternalProps<TValue, TError> & TValidationProps;
   /**
    * Returns a hook that creates the aria-label to apply on the button that opens the Picker.
    * @param {TValue} value The value of the Picker.

package/models/manager.d.ts

@@ -20,7 +20,7 @@ import type { PickerValueType } from "./common.js";
  * });
  * ```
  */
-export interface PickerManager<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError, TValidationProps extends {}, TFieldInternalProps extends {}> {
+export interface PickerManager<TValue extends PickerValidValue, TError, TValidationProps extends {}, TFieldInternalProps extends {}> {
   /**
    * The type of the value (e.g. 'date', 'date-time', 'time').
    */
@@ -53,12 +53,6 @@ export interface PickerManager<TValue extends PickerValidValue, TEnableAccessibl
    * This property is not part of the public API and should not be used directly.
    */
   internal_fieldValueManager: FieldValueManager<TValue>;
-  /**
-   * `true` if the field is using the accessible DOM structure.
-   * `false` if the field is using the non-accessible DOM structure.
-   * This property is not part of the public API and should not be used directly.
-   */
-  internal_enableAccessibleFieldDOMStructure: TEnableAccessibleFieldDOMStructure;
   /**
    * Applies the default values to the field internal props.
    * This usually includes:
@@ -68,7 +62,7 @@ export interface PickerManager<TValue extends PickerValidValue, TEnableAccessibl
    * @param {TFieldInternalProps<TFieldInternalProps>} internalProps The field internal props to apply the defaults to.
    * @returns {TFieldInternalPropsWithDefaults} The field internal props with the defaults applied.
    */
-  internal_useApplyDefaultValuesToFieldInternalProps: (internalProps: TFieldInternalProps) => UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, TError> & TValidationProps;
+  internal_useApplyDefaultValuesToFieldInternalProps: (internalProps: TFieldInternalProps) => UseFieldInternalProps<TValue, TError> & TValidationProps;
   /**
    * Returns a hook that creates the aria-label to apply on the button that opens the Picker.
    * @param {TValue} value The value of the Picker.