@mui/x-date-pickers 9.9.0 → 9.10.0

package/PickersTextField/PickersInput/pickersInputClasses.d.ts

@@ -6,20 +6,20 @@ export interface PickersInputClasses extends PickersInputBaseClasses {
 export type PickersInputClassKey = keyof PickersInputClasses;
 export declare function getPickersInputUtilityClass(slot: string): string;
 export declare const pickersInputClasses: {
-  root: string;
-  input: string;
-  underline: string;
-  sectionContent: string;
+  activeBar: string;
+  adornedEnd: string;
+  adornedStart: string;
   disabled: string;
-  readOnly: string;
-  focused: string;
   error: string;
+  focused: string;
+  input: string;
   inputSizeSmall: string;
   notchedOutline: string;
-  sectionsContainer: string;
-  sectionBefore: string;
+  readOnly: string;
+  root: string;
   sectionAfter: string;
-  adornedStart: string;
-  adornedEnd: string;
-  activeBar: string;
+  sectionBefore: string;
+  sectionContent: string;
+  sectionsContainer: string;
+  underline: string;
 };

package/PickersTextField/PickersInputBase/PickersInputBase.d.mts

@@ -3,8 +3,8 @@ import type { PickersInputBaseProps } from "./PickersInputBase.types.mjs";
 import type { PickerTextFieldOwnerState } from "../../models/fields.mjs";
 export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerTextFieldOwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerTextFieldOwnerState;
 }, {}, {}>;
 /**

package/PickersTextField/PickersInputBase/PickersInputBase.d.ts

@@ -3,8 +3,8 @@ import type { PickersInputBaseProps } from "./PickersInputBase.types.js";
 import type { PickerTextFieldOwnerState } from "../../models/fields.js";
 export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerTextFieldOwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerTextFieldOwnerState;
 }, {}, {}>;
 /**

package/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.d.mts

@@ -6,19 +6,19 @@ export interface PickersOutlinedInputClasses extends PickersInputBaseClasses {
 export type PickersOutlinedInputClassKey = keyof PickersOutlinedInputClasses;
 export declare function getPickersOutlinedInputUtilityClass(slot: string): string;
 export declare const pickersOutlinedInputClasses: {
-  root: string;
-  input: string;
-  notchedOutline: string;
-  sectionContent: string;
+  activeBar: string;
+  adornedEnd: string;
+  adornedStart: string;
   disabled: string;
-  readOnly: string;
-  focused: string;
   error: string;
+  focused: string;
+  input: string;
   inputSizeSmall: string;
-  sectionsContainer: string;
-  sectionBefore: string;
+  notchedOutline: string;
+  readOnly: string;
+  root: string;
   sectionAfter: string;
-  adornedStart: string;
-  adornedEnd: string;
-  activeBar: string;
+  sectionBefore: string;
+  sectionContent: string;
+  sectionsContainer: string;
 };

package/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.d.ts

@@ -6,19 +6,19 @@ export interface PickersOutlinedInputClasses extends PickersInputBaseClasses {
 export type PickersOutlinedInputClassKey = keyof PickersOutlinedInputClasses;
 export declare function getPickersOutlinedInputUtilityClass(slot: string): string;
 export declare const pickersOutlinedInputClasses: {
-  root: string;
-  input: string;
-  notchedOutline: string;
-  sectionContent: string;
+  activeBar: string;
+  adornedEnd: string;
+  adornedStart: string;
   disabled: string;
-  readOnly: string;
-  focused: string;
   error: string;
+  focused: string;
+  input: string;
   inputSizeSmall: string;
-  sectionsContainer: string;
-  sectionBefore: string;
+  notchedOutline: string;
+  readOnly: string;
+  root: string;
   sectionAfter: string;
-  adornedStart: string;
-  adornedEnd: string;
-  activeBar: string;
+  sectionBefore: string;
+  sectionContent: string;
+  sectionsContainer: string;
 };

package/PickersTextField/PickersTextField.d.mts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types.mjs").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.mjs").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.mjs").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types.mjs").PickersFilledTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.mjs").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.mjs").PickersStandardTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export { PickersTextField };

package/PickersTextField/PickersTextField.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types.js").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types.js").PickersFilledTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersStandardTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export { PickersTextField };

package/PickersTextField/PickersTextField.types.d.mts

@@ -3,6 +3,7 @@ import type { FormControlProps } from '@mui/material/FormControl';
 import type { FormHelperTextProps } from '@mui/material/FormHelperText';
 import type { InputLabelProps } from '@mui/material/InputLabel';
 import type { TextFieldVariants } from '@mui/material/TextField';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { PickersInputBaseProps, PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.mjs";
 import type { PickersInputProps } from "./PickersInput/index.mjs";
 import type { PickersOutlinedInputProps } from "./PickersOutlinedInput/index.mjs";
@@ -36,11 +37,11 @@ export interface PickersTextFieldSlots {
   formHelperText?: React.ElementType;
 }
 export interface PickersTextFieldSlotProps<InputPropsType extends PickersInputBaseProps> {
-  root?: Partial<FormControlProps>;
-  input?: Partial<InputPropsType>;
-  inputLabel?: Partial<InputLabelProps>;
-  htmlInput?: React.ComponentPropsWithRef<'input'>;
-  formHelperText?: Partial<FormHelperTextProps>;
+  root?: WithDataAttributes<Partial<FormControlProps>>;
+  input?: WithDataAttributes<Partial<InputPropsType>>;
+  inputLabel?: WithDataAttributes<Partial<InputLabelProps>>;
+  htmlInput?: WithDataAttributes<React.ComponentPropsWithRef<'input'>>;
+  formHelperText?: WithDataAttributes<Partial<FormHelperTextProps>>;
 }
 export interface PickersTextFieldSlotsAndSlotProps<InputPropsType extends PickersInputBaseProps> {
   /**

package/PickersTextField/PickersTextField.types.d.ts

@@ -3,6 +3,7 @@ import type { FormControlProps } from '@mui/material/FormControl';
 import type { FormHelperTextProps } from '@mui/material/FormHelperText';
 import type { InputLabelProps } from '@mui/material/InputLabel';
 import type { TextFieldVariants } from '@mui/material/TextField';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { PickersInputBaseProps, PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.js";
 import type { PickersInputProps } from "./PickersInput/index.js";
 import type { PickersOutlinedInputProps } from "./PickersOutlinedInput/index.js";
@@ -36,11 +37,11 @@ export interface PickersTextFieldSlots {
   formHelperText?: React.ElementType;
 }
 export interface PickersTextFieldSlotProps<InputPropsType extends PickersInputBaseProps> {
-  root?: Partial<FormControlProps>;
-  input?: Partial<InputPropsType>;
-  inputLabel?: Partial<InputLabelProps>;
-  htmlInput?: React.ComponentPropsWithRef<'input'>;
-  formHelperText?: Partial<FormHelperTextProps>;
+  root?: WithDataAttributes<Partial<FormControlProps>>;
+  input?: WithDataAttributes<Partial<InputPropsType>>;
+  inputLabel?: WithDataAttributes<Partial<InputLabelProps>>;
+  htmlInput?: WithDataAttributes<React.ComponentPropsWithRef<'input'>>;
+  formHelperText?: WithDataAttributes<Partial<FormHelperTextProps>>;
 }
 export interface PickersTextFieldSlotsAndSlotProps<InputPropsType extends PickersInputBaseProps> {
   /**

package/TimeClock/ClockNumbers.d.mts

@@ -31,7 +31,7 @@ export declare const getMinutesNumbers: ({
   isDisabled,
   getClockNumberText,
   selectedId
-}: Omit<GetHourNumbersOptions, "ampm" | "value"> & {
+}: Omit<GetHourNumbersOptions, 'ampm' | 'value'> & {
   value: number;
 }) => React.JSX.Element[];
 export {};

package/TimeClock/ClockNumbers.d.ts

@@ -31,7 +31,7 @@ export declare const getMinutesNumbers: ({
   isDisabled,
   getClockNumberText,
   selectedId
-}: Omit<GetHourNumbersOptions, "ampm" | "value"> & {
+}: Omit<GetHourNumbersOptions, 'ampm' | 'value'> & {
   value: number;
 }) => React.JSX.Element[];
 export {};

package/TimePicker/shared.d.mts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { DefaultizedProps } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { TimeClockSlots, TimeClockSlotProps } from "../TimeClock/TimeClock.types.mjs";
 import type { BasePickerInputProps } from "../internals/models/props/basePickerProps.mjs";
 import type { LocalizedComponent } from "../locales/utils/pickersLocaleTextApi.mjs";
@@ -18,7 +19,7 @@ export interface BaseTimePickerSlots extends TimeClockSlots {
   toolbar?: React.JSXElementConstructor<TimePickerToolbarProps>;
 }
 export interface BaseTimePickerSlotProps extends TimeClockSlotProps {
-  toolbar?: ExportedTimePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedTimePickerToolbarProps>;
 }
 export type TimePickerViewRenderers<TView extends TimeViewWithMeridiem> = PickerViewRendererLookup<PickerValue, TView, TimeViewRendererProps<TView, BaseClockProps<TView>>>;
 export interface BaseTimePickerProps<TView extends TimeViewWithMeridiem> extends BasePickerInputProps<PickerValue, TView, TimeValidationError>, ExportedBaseClockProps {

package/TimePicker/shared.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { DefaultizedProps } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { TimeClockSlots, TimeClockSlotProps } from "../TimeClock/TimeClock.types.js";
 import type { BasePickerInputProps } from "../internals/models/props/basePickerProps.js";
 import type { LocalizedComponent } from "../locales/utils/pickersLocaleTextApi.js";
@@ -18,7 +19,7 @@ export interface BaseTimePickerSlots extends TimeClockSlots {
   toolbar?: React.JSXElementConstructor<TimePickerToolbarProps>;
 }
 export interface BaseTimePickerSlotProps extends TimeClockSlotProps {
-  toolbar?: ExportedTimePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedTimePickerToolbarProps>;
 }
 export type TimePickerViewRenderers<TView extends TimeViewWithMeridiem> = PickerViewRendererLookup<PickerValue, TView, TimeViewRendererProps<TView, BaseClockProps<TView>>>;
 export interface BaseTimePickerProps<TView extends TimeViewWithMeridiem> extends BasePickerInputProps<PickerValue, TView, TimeValidationError>, ExportedBaseClockProps {

package/YearCalendar/yearCalendarClasses.d.mts

@@ -10,4 +10,4 @@ export interface YearCalendarClasses {
 }
 export type YearCalendarClassKey = keyof YearCalendarClasses;
 export declare function getYearCalendarUtilityClass(slot: string): string;
-export declare const yearCalendarClasses: Record<"root" | "disabled" | "button" | "selected", string>;
+export declare const yearCalendarClasses: Record<"button" | "disabled" | "root" | "selected", string>;

package/YearCalendar/yearCalendarClasses.d.ts

@@ -10,4 +10,4 @@ export interface YearCalendarClasses {
 }
 export type YearCalendarClassKey = keyof YearCalendarClasses;
 export declare function getYearCalendarUtilityClass(slot: string): string;
-export declare const yearCalendarClasses: Record<"root" | "disabled" | "button" | "selected", string>;
+export declare const yearCalendarClasses: Record<"button" | "disabled" | "root" | "selected", string>;

package/hooks/useSplitFieldProps.d.mts

@@ -1,6 +1,6 @@
 import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from "../validation/extractValidationProps.mjs";
 import type { PickerValueType } from "../models/common.mjs";
-declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "fieldRef", "startFieldRef", "endFieldRef", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"];
+declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'fieldRef', 'startFieldRef', 'endFieldRef', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus', 'focused'];
 export type InternalPropNames<TValueType extends PickerValueType> = (typeof SHARED_FIELD_INTERNAL_PROP_NAMES)[number] | (TValueType extends 'date' | 'date-time' ? (typeof DATE_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'time' | 'date-time' ? (typeof TIME_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'date-time' ? (typeof DATE_TIME_VALIDATION_PROP_NAMES)[number] : never);
 /**
  * Split the props received by the field component into:

package/hooks/useSplitFieldProps.d.ts

@@ -1,6 +1,6 @@
 import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from "../validation/extractValidationProps.js";
 import type { PickerValueType } from "../models/common.js";
-declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "fieldRef", "startFieldRef", "endFieldRef", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"];
+declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'fieldRef', 'startFieldRef', 'endFieldRef', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus', 'focused'];
 export type InternalPropNames<TValueType extends PickerValueType> = (typeof SHARED_FIELD_INTERNAL_PROP_NAMES)[number] | (TValueType extends 'date' | 'date-time' ? (typeof DATE_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'time' | 'date-time' ? (typeof TIME_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'date-time' ? (typeof DATE_TIME_VALIDATION_PROP_NAMES)[number] : never);
 /**
  * Split the props received by the field component into:

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.9.0
+ * @mui/x-date-pickers v9.10.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.9.0
+ * @mui/x-date-pickers v9.10.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickerFieldUI.d.mts

@@ -9,7 +9,7 @@ import type { UseFieldReturnValue, UseFieldProps } from "../hooks/useField/index
 import type { PickersTextFieldProps } from "../../PickersTextField/index.mjs";
 export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<UseFieldReturnValue<ExportedPickerFieldUIProps & {
   [key: string]: any;
-}>, "onClear" | "clearable">>(fieldResponse: TFieldResponse) => ExportedPickerFieldUIProps & {
+}>, 'onClear' | 'clearable'>>(fieldResponse: TFieldResponse) => ExportedPickerFieldUIProps & {
   openPickerAriaLabel: string;
   textFieldProps: Partial<PickersTextFieldProps>;
 };

package/internals/components/PickerFieldUI.d.ts

@@ -9,7 +9,7 @@ import type { UseFieldReturnValue, UseFieldProps } from "../hooks/useField/index
 import type { PickersTextFieldProps } from "../../PickersTextField/index.js";
 export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<UseFieldReturnValue<ExportedPickerFieldUIProps & {
   [key: string]: any;
-}>, "onClear" | "clearable">>(fieldResponse: TFieldResponse) => ExportedPickerFieldUIProps & {
+}>, 'onClear' | 'clearable'>>(fieldResponse: TFieldResponse) => ExportedPickerFieldUIProps & {
   openPickerAriaLabel: string;
   textFieldProps: Partial<PickersTextFieldProps>;
 };

package/internals/components/PickerPopper/PickerPopper.d.mts

@@ -4,6 +4,7 @@ import type { PopperProps as MuiPopperProps, PopperPlacementType, PopperProps }
 import type { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
 import type { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
 import type { SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { PickerPopperClasses } from "./pickerPopperClasses.mjs";
 import type { PickerOwnerState } from "../../../models/index.mjs";
 export interface PickerPopperOwnerState extends PickerOwnerState {
@@ -39,7 +40,7 @@ export interface PickerPopperSlotProps {
   /**
    * Props passed down to the desktop [Transition](https://mui.com/material-ui/transitions/) component.
    */
-  desktopTransition?: Partial<MuiTransitionProps>;
+  desktopTransition?: WithDataAttributes<Partial<MuiTransitionProps>>;
   /**
    * Props passed down to the [FocusTrap](https://mui.com/base-ui/react-focus-trap/) component on desktop.
    */

package/internals/components/PickerPopper/PickerPopper.d.ts

@@ -4,6 +4,7 @@ import type { PopperProps as MuiPopperProps, PopperPlacementType, PopperProps }
 import type { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
 import type { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
 import type { SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { PickerPopperClasses } from "./pickerPopperClasses.js";
 import type { PickerOwnerState } from "../../../models/index.js";
 export interface PickerPopperOwnerState extends PickerOwnerState {
@@ -39,7 +40,7 @@ export interface PickerPopperSlotProps {
   /**
    * Props passed down to the desktop [Transition](https://mui.com/material-ui/transitions/) component.
    */
-  desktopTransition?: Partial<MuiTransitionProps>;
+  desktopTransition?: WithDataAttributes<Partial<MuiTransitionProps>>;
   /**
    * Props passed down to the [FocusTrap](https://mui.com/base-ui/react-focus-trap/) component on desktop.
    */

package/internals/components/PickerPopper/pickerPopperClasses.d.mts

@@ -6,4 +6,4 @@ export interface PickerPopperClasses {
 }
 export type PickerPopperClassKey = keyof PickerPopperClasses;
 export declare function getPickerPopperUtilityClass(slot: string): string;
-export declare const pickerPopperClasses: Record<"root" | "paper", string>;
+export declare const pickerPopperClasses: Record<"paper" | "root", string>;

package/internals/components/PickerPopper/pickerPopperClasses.d.ts

@@ -6,4 +6,4 @@ export interface PickerPopperClasses {
 }
 export type PickerPopperClassKey = keyof PickerPopperClasses;
 export declare function getPickerPopperUtilityClass(slot: string): string;
-export declare const pickerPopperClasses: Record<"root" | "paper", string>;
+export declare const pickerPopperClasses: Record<"paper" | "root", string>;

package/internals/components/PickerViewRoot/PickerViewRoot.d.mts

@@ -1 +1 @@
-export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;

package/internals/components/PickerViewRoot/PickerViewRoot.d.ts

@@ -1 +1 @@
-export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;

package/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.d.mts

@@ -16,4 +16,4 @@ export interface PickersArrowSwitcherClasses {
 }
 export type PickersArrowSwitcherClassKey = keyof PickersArrowSwitcherClasses;
 export declare function getPickersArrowSwitcherUtilityClass(slot: string): string;
-export declare const pickersArrowSwitcherClasses: Record<"root" | "button" | "spacer" | "previousIconButton" | "nextIconButton" | "leftArrowIcon" | "rightArrowIcon", string>;
+export declare const pickersArrowSwitcherClasses: Record<"button" | "leftArrowIcon" | "nextIconButton" | "previousIconButton" | "rightArrowIcon" | "root" | "spacer", string>;

package/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.d.ts

@@ -16,4 +16,4 @@ export interface PickersArrowSwitcherClasses {
 }
 export type PickersArrowSwitcherClassKey = keyof PickersArrowSwitcherClasses;
 export declare function getPickersArrowSwitcherUtilityClass(slot: string): string;
-export declare const pickersArrowSwitcherClasses: Record<"root" | "button" | "spacer" | "previousIconButton" | "nextIconButton" | "leftArrowIcon" | "rightArrowIcon", string>;
+export declare const pickersArrowSwitcherClasses: Record<"button" | "leftArrowIcon" | "nextIconButton" | "previousIconButton" | "rightArrowIcon" | "root" | "spacer", string>;

package/internals/components/PickersModalDialog.d.mts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import type { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
 import type { PaperProps as MuiPaperProps } from '@mui/material/Paper';
 import type { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
+import type { WithDataAttributes } from '@mui/utils/types';
 export interface PickersModalDialogSlots {
   /**
    * Custom component for the dialog inside which the views are rendered on mobile.
@@ -23,15 +24,15 @@ export interface PickersModalDialogSlotProps {
   /**
    * Props passed down to the [`Dialog`](https://mui.com/material-ui/api/dialog/) component.
    */
-  dialog?: Partial<MuiDialogProps>;
+  dialog?: WithDataAttributes<Partial<MuiDialogProps>>;
   /**
    * Props passed down to the mobile [Paper](https://mui.com/material-ui/api/paper/) component.
    */
-  mobilePaper?: Partial<MuiPaperProps>;
+  mobilePaper?: WithDataAttributes<Partial<MuiPaperProps>>;
   /**
    * Props passed down to the mobile [Transition](https://mui.com/material-ui/transitions/) component.
    */
-  mobileTransition?: Partial<MuiTransitionProps>;
+  mobileTransition?: WithDataAttributes<Partial<MuiTransitionProps>>;
 }
 export interface PickersModalDialogProps {
   /**

package/internals/components/PickersModalDialog.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import type { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
 import type { PaperProps as MuiPaperProps } from '@mui/material/Paper';
 import type { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
+import type { WithDataAttributes } from '@mui/utils/types';
 export interface PickersModalDialogSlots {
   /**
    * Custom component for the dialog inside which the views are rendered on mobile.
@@ -23,15 +24,15 @@ export interface PickersModalDialogSlotProps {
   /**
    * Props passed down to the [`Dialog`](https://mui.com/material-ui/api/dialog/) component.
    */
-  dialog?: Partial<MuiDialogProps>;
+  dialog?: WithDataAttributes<Partial<MuiDialogProps>>;
   /**
    * Props passed down to the mobile [Paper](https://mui.com/material-ui/api/paper/) component.
    */
-  mobilePaper?: Partial<MuiPaperProps>;
+  mobilePaper?: WithDataAttributes<Partial<MuiPaperProps>>;
   /**
    * Props passed down to the mobile [Transition](https://mui.com/material-ui/transitions/) component.
    */
-  mobileTransition?: Partial<MuiTransitionProps>;
+  mobileTransition?: WithDataAttributes<Partial<MuiTransitionProps>>;
 }
 export interface PickersModalDialogProps {
   /**

package/internals/components/pickersToolbarClasses.d.mts

@@ -8,4 +8,4 @@ export interface PickersToolbarClasses {
 }
 export type PickersToolbarClassKey = keyof PickersToolbarClasses;
 export declare function getPickersToolbarUtilityClass(slot: string): string;
-export declare const pickersToolbarClasses: Record<"root" | "title" | "content", string>;
+export declare const pickersToolbarClasses: Record<"content" | "root" | "title", string>;

package/internals/components/pickersToolbarClasses.d.ts

@@ -8,4 +8,4 @@ export interface PickersToolbarClasses {
 }
 export type PickersToolbarClassKey = keyof PickersToolbarClasses;
 export declare function getPickersToolbarUtilityClass(slot: string): string;
-export declare const pickersToolbarClasses: Record<"root" | "title" | "content", string>;
+export declare const pickersToolbarClasses: Record<"content" | "root" | "title", string>;

package/internals/hooks/date-helpers-hooks.d.mts

@@ -20,5 +20,5 @@ export declare function usePreviousMonthDisabled(month: PickerValidDate, {
 }: Pick<MonthValidationOptions, 'disablePast' | 'minDate' | 'timezone'>): boolean;
 export declare function useMeridiemMode(date: PickerValidDate | null, ampm: boolean | undefined, onChange: PickerOnChangeFn, selectionState?: PickerSelectionState): {
   meridiemMode: import("../utils/time-utils.mjs").Meridiem | null;
-  handleMeridiemChange: (mode: "am" | "pm") => void;
+  handleMeridiemChange: (mode: 'am' | 'pm') => void;
 };

package/internals/hooks/date-helpers-hooks.d.ts

@@ -20,5 +20,5 @@ export declare function usePreviousMonthDisabled(month: PickerValidDate, {
 }: Pick<MonthValidationOptions, 'disablePast' | 'minDate' | 'timezone'>): boolean;
 export declare function useMeridiemMode(date: PickerValidDate | null, ampm: boolean | undefined, onChange: PickerOnChangeFn, selectionState?: PickerSelectionState): {
   meridiemMode: import("../utils/time-utils.js").Meridiem | null;
-  handleMeridiemChange: (mode: "am" | "pm") => void;
+  handleMeridiemChange: (mode: 'am' | 'pm') => void;
 };

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

@@ -1,7 +1,7 @@
 import type { FieldSectionsValueBoundaries, SectionOrdering, FieldSectionValueBoundaries, FieldParsedSelectedSections } from "./useField.types.mjs";
 import type { FieldSectionType, FieldSection, MuiPickersAdapter, FieldSectionContentType, PickersTimezone, PickerValidDate, FieldSelectedSections, PickerValueType, InferFieldSection } from "../../../models/index.mjs";
 import type { PickerValidValue } from "../../models/index.mjs";
-export declare const getDateSectionConfigFromFormatToken: (adapter: MuiPickersAdapter, formatToken: string) => Pick<FieldSection, "type" | "contentType"> & {
+export declare const getDateSectionConfigFromFormatToken: (adapter: MuiPickersAdapter, formatToken: string) => Pick<FieldSection, 'type' | 'contentType'> & {
   maxLength: number | undefined;
 };
 export declare const getDaysInWeekStr: (adapter: MuiPickersAdapter, format: string) => string[];
@@ -16,8 +16,8 @@ export declare const isStringNumber: (valueStr: string, localizedDigits: string[
  * Warning: Should only be called with non-localized digits. Call `removeLocalizedDigits` with your value if needed.
  */
 export declare const cleanLeadingZeros: (valueStr: string, size: number) => string;
-export declare const cleanDigitSectionValue: (adapter: MuiPickersAdapter, value: number, sectionBoundaries: FieldSectionValueBoundaries<any>, localizedDigits: string[], section: Pick<FieldSection, "format" | "type" | "contentType" | "hasLeadingZerosInFormat" | "hasLeadingZerosInInput" | "maxLength">) => string;
-export declare const getSectionVisibleValue: (section: FieldSection, target: "input-rtl" | "input-ltr" | "non-input", localizedDigits: string[]) => string;
+export declare const cleanDigitSectionValue: (adapter: MuiPickersAdapter, value: number, sectionBoundaries: FieldSectionValueBoundaries<any>, localizedDigits: string[], section: Pick<FieldSection, 'format' | 'type' | 'contentType' | 'hasLeadingZerosInFormat' | 'hasLeadingZerosInInput' | 'maxLength'>) => string;
+export declare const getSectionVisibleValue: (section: FieldSection, target: 'input-rtl' | 'input-ltr' | 'non-input', localizedDigits: string[]) => string;
 export declare const changeSectionValueFormat: (adapter: MuiPickersAdapter, valueStr: string, currentFormat: string, newFormat: string) => string;
 export declare const doesSectionFormatHaveLeadingZeros: (adapter: MuiPickersAdapter, contentType: FieldSectionContentType, sectionType: FieldSectionType, format: string) => boolean;
 /**

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

@@ -1,7 +1,7 @@
 import type { FieldSectionsValueBoundaries, SectionOrdering, FieldSectionValueBoundaries, FieldParsedSelectedSections } from "./useField.types.js";
 import type { FieldSectionType, FieldSection, MuiPickersAdapter, FieldSectionContentType, PickersTimezone, PickerValidDate, FieldSelectedSections, PickerValueType, InferFieldSection } from "../../../models/index.js";
 import type { PickerValidValue } from "../../models/index.js";
-export declare const getDateSectionConfigFromFormatToken: (adapter: MuiPickersAdapter, formatToken: string) => Pick<FieldSection, "type" | "contentType"> & {
+export declare const getDateSectionConfigFromFormatToken: (adapter: MuiPickersAdapter, formatToken: string) => Pick<FieldSection, 'type' | 'contentType'> & {
   maxLength: number | undefined;
 };
 export declare const getDaysInWeekStr: (adapter: MuiPickersAdapter, format: string) => string[];
@@ -16,8 +16,8 @@ export declare const isStringNumber: (valueStr: string, localizedDigits: string[
  * Warning: Should only be called with non-localized digits. Call `removeLocalizedDigits` with your value if needed.
  */
 export declare const cleanLeadingZeros: (valueStr: string, size: number) => string;
-export declare const cleanDigitSectionValue: (adapter: MuiPickersAdapter, value: number, sectionBoundaries: FieldSectionValueBoundaries<any>, localizedDigits: string[], section: Pick<FieldSection, "format" | "type" | "contentType" | "hasLeadingZerosInFormat" | "hasLeadingZerosInInput" | "maxLength">) => string;
-export declare const getSectionVisibleValue: (section: FieldSection, target: "input-rtl" | "input-ltr" | "non-input", localizedDigits: string[]) => string;
+export declare const cleanDigitSectionValue: (adapter: MuiPickersAdapter, value: number, sectionBoundaries: FieldSectionValueBoundaries<any>, localizedDigits: string[], section: Pick<FieldSection, 'format' | 'type' | 'contentType' | 'hasLeadingZerosInFormat' | 'hasLeadingZerosInInput' | 'maxLength'>) => string;
+export declare const getSectionVisibleValue: (section: FieldSection, target: 'input-rtl' | 'input-ltr' | 'non-input', localizedDigits: string[]) => string;
 export declare const changeSectionValueFormat: (adapter: MuiPickersAdapter, valueStr: string, currentFormat: string, newFormat: string) => string;
 export declare const doesSectionFormatHaveLeadingZeros: (adapter: MuiPickersAdapter, contentType: FieldSectionContentType, sectionType: FieldSectionType, format: string) => boolean;
 /**

package/internals/utils/date-utils.d.mts

@@ -26,8 +26,8 @@ export declare const applyDefaultDate: (adapter: MuiPickersAdapter, value: Picke
 export declare const areDatesEqual: (adapter: MuiPickersAdapter, a: PickerValidDate | null, b: PickerValidDate | null) => boolean;
 export declare const getMonthsInYear: (adapter: MuiPickersAdapter, year: PickerValidDate) => PickerValidDate[];
 export declare const getTodayDate: (adapter: MuiPickersAdapter, timezone: PickersTimezone, valueType?: PickerValueType) => PickerValidDate;
-export declare const formatMeridiem: (adapter: MuiPickersAdapter, meridiem: "am" | "pm") => string;
-export declare const DATE_VIEWS: readonly ["year", "month", "day"];
+export declare const formatMeridiem: (adapter: MuiPickersAdapter, meridiem: 'am' | 'pm') => string;
+export declare const DATE_VIEWS: readonly ['year', 'month', 'day'];
 export declare const isDatePickerView: (view: DateOrTimeViewWithMeridiem) => view is DateView;
 export declare const resolveDateFormat: (adapter: MuiPickersAdapter, {
   format,

package/internals/utils/date-utils.d.ts

@@ -26,8 +26,8 @@ export declare const applyDefaultDate: (adapter: MuiPickersAdapter, value: Picke
 export declare const areDatesEqual: (adapter: MuiPickersAdapter, a: PickerValidDate | null, b: PickerValidDate | null) => boolean;
 export declare const getMonthsInYear: (adapter: MuiPickersAdapter, year: PickerValidDate) => PickerValidDate[];
 export declare const getTodayDate: (adapter: MuiPickersAdapter, timezone: PickersTimezone, valueType?: PickerValueType) => PickerValidDate;
-export declare const formatMeridiem: (adapter: MuiPickersAdapter, meridiem: "am" | "pm") => string;
-export declare const DATE_VIEWS: readonly ["year", "month", "day"];
+export declare const formatMeridiem: (adapter: MuiPickersAdapter, meridiem: 'am' | 'pm') => string;
+export declare const DATE_VIEWS: readonly ['year', 'month', 'day'];
 export declare const isDatePickerView: (view: DateOrTimeViewWithMeridiem) => view is DateView;
 export declare const resolveDateFormat: (adapter: MuiPickersAdapter, {
   format,

package/internals/utils/time-utils.d.mts

@@ -1,7 +1,7 @@
 import type { MuiPickersAdapter, PickerValidDate } from "../../models/index.mjs";
 import type { DateOrTimeViewWithMeridiem, TimeViewWithMeridiem } from "../models/index.mjs";
-export declare const EXPORTED_TIME_VIEWS: readonly ["hours", "minutes", "seconds"];
-export declare const TIME_VIEWS: readonly ["hours", "minutes", "seconds", "meridiem"];
+export declare const EXPORTED_TIME_VIEWS: readonly ['hours', 'minutes', 'seconds'];
+export declare const TIME_VIEWS: readonly ['hours', 'minutes', 'seconds', 'meridiem'];
 export declare const isTimeView: (view: DateOrTimeViewWithMeridiem) => boolean;
 export declare const isInternalTimeView: (view: DateOrTimeViewWithMeridiem) => view is TimeViewWithMeridiem;
 export type Meridiem = 'am' | 'pm';

package/internals/utils/time-utils.d.ts

@@ -1,7 +1,7 @@
 import type { MuiPickersAdapter, PickerValidDate } from "../../models/index.js";
 import type { DateOrTimeViewWithMeridiem, TimeViewWithMeridiem } from "../models/index.js";
-export declare const EXPORTED_TIME_VIEWS: readonly ["hours", "minutes", "seconds"];
-export declare const TIME_VIEWS: readonly ["hours", "minutes", "seconds", "meridiem"];
+export declare const EXPORTED_TIME_VIEWS: readonly ['hours', 'minutes', 'seconds'];
+export declare const TIME_VIEWS: readonly ['hours', 'minutes', 'seconds', 'meridiem'];
 export declare const isTimeView: (view: DateOrTimeViewWithMeridiem) => boolean;
 export declare const isInternalTimeView: (view: DateOrTimeViewWithMeridiem) => view is TimeViewWithMeridiem;
 export type Meridiem = 'am' | 'pm';