@mui/x-date-pickers 9.9.0 → 9.10.1

package/PickersTextField/PickersFilledInput/pickersFilledInputClasses.d.mts

@@ -6,20 +6,20 @@ export interface PickersFilledInputClasses extends PickersInputBaseClasses {
 export type PickersFilledInputClassKey = keyof PickersFilledInputClasses;
 export declare function getPickersFilledInputUtilityClass(slot: string): string;
 export declare const pickersFilledInputClasses: {
-  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/PickersFilledInput/pickersFilledInputClasses.d.ts

@@ -6,20 +6,20 @@ export interface PickersFilledInputClasses extends PickersInputBaseClasses {
 export type PickersFilledInputClassKey = keyof PickersFilledInputClasses;
 export declare function getPickersFilledInputUtilityClass(slot: string): string;
 export declare const pickersFilledInputClasses: {
-  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/PickersInput/pickersInputClasses.d.mts

@@ -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/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/PickersInputBase/PickersInputBase.js

@@ -100,39 +100,28 @@ const PickersInputBaseSectionsContainer = exports.PickersInputBaseSectionsContai
       paddingTop: 1
     }
   }, {
+    // While the field is empty and blurred, the format is shown as a placeholder.
     props: {
-      hasStartAdornment: false,
       isFieldFocused: false,
       isFieldValueEmpty: true
     },
-    style: {
-      color: 'currentColor',
-      opacity: 0
-    }
-  }, {
-    props: {
-      hasStartAdornment: false,
-      isFieldFocused: false,
-      isFieldValueEmpty: true,
-      inputHasLabel: false
-    },
     style: theme.vars ? {
       opacity: theme.vars.opacity.inputPlaceholder
     } : {
       opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
     }
   }, {
+    // ...except when a non-shrunk label sits in the notch, where the format would overlap it.
+    // A start adornment always shrinks the label, so it never triggers this case.
     props: {
-      hasStartAdornment: false,
       isFieldFocused: false,
       isFieldValueEmpty: true,
+      hasStartAdornment: false,
       inputHasLabel: true,
-      isLabelShrunk: true
+      isLabelShrunk: false
     },
-    style: theme.vars ? {
-      opacity: theme.vars.opacity.inputPlaceholder
-    } : {
-      opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
+    style: {
+      opacity: 0
     }
   }]
 }));
@@ -242,7 +231,8 @@ const useUtilityClasses = (classes, ownerState) => {
   return (0, _composeClasses.default)(slots, _pickersInputBaseClasses.getPickersInputBaseUtilityClass, classes);
 };
 function resolveSectionElementWidth(sectionElement, rootRef, index, dateRangePosition) {
-  if (sectionElement.content.id) {
+  // Only measure sections that belong to a range date.
+  if (sectionElement.content['data-range-position'] !== undefined) {
     const activeSectionElements = rootRef.current?.querySelectorAll(`[data-sectionindex="${index}"] [data-range-position="${dateRangePosition}"]`);
     if (activeSectionElements) {
       return Array.from(activeSectionElements).reduce((currentActiveBarWidth, element) => {

package/PickersTextField/PickersInputBase/PickersInputBase.mjs

@@ -93,39 +93,28 @@ export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot,
       paddingTop: 1
     }
   }, {
+    // While the field is empty and blurred, the format is shown as a placeholder.
     props: {
-      hasStartAdornment: false,
       isFieldFocused: false,
       isFieldValueEmpty: true
     },
-    style: {
-      color: 'currentColor',
-      opacity: 0
-    }
-  }, {
-    props: {
-      hasStartAdornment: false,
-      isFieldFocused: false,
-      isFieldValueEmpty: true,
-      inputHasLabel: false
-    },
     style: theme.vars ? {
       opacity: theme.vars.opacity.inputPlaceholder
     } : {
       opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
     }
   }, {
+    // ...except when a non-shrunk label sits in the notch, where the format would overlap it.
+    // A start adornment always shrinks the label, so it never triggers this case.
     props: {
-      hasStartAdornment: false,
       isFieldFocused: false,
       isFieldValueEmpty: true,
+      hasStartAdornment: false,
       inputHasLabel: true,
-      isLabelShrunk: true
+      isLabelShrunk: false
     },
-    style: theme.vars ? {
-      opacity: theme.vars.opacity.inputPlaceholder
-    } : {
-      opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
+    style: {
+      opacity: 0
     }
   }]
 }));
@@ -235,7 +224,8 @@ const useUtilityClasses = (classes, ownerState) => {
   return composeClasses(slots, getPickersInputBaseUtilityClass, classes);
 };
 function resolveSectionElementWidth(sectionElement, rootRef, index, dateRangePosition) {
-  if (sectionElement.content.id) {
+  // Only measure sections that belong to a range date.
+  if (sectionElement.content['data-range-position'] !== undefined) {
     const activeSectionElements = rootRef.current?.querySelectorAll(`[data-sectionindex="${index}"] [data-range-position="${dateRangePosition}"]`);
     if (activeSectionElements) {
       return Array.from(activeSectionElements).reduce((currentActiveBarWidth, element) => {

package/PickersTextField/PickersInputBase/pickersInputBaseClasses.js

@@ -11,4 +11,4 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
 function getPickersInputBaseUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiPickersInputBase', slot);
 }
-const pickersInputBaseClasses = exports.pickersInputBaseClasses = (0, _generateUtilityClasses.default)('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);
+const pickersInputBaseClasses = exports.pickersInputBaseClasses = (0, _generateUtilityClasses.default)('MuiPickersInputBase', ['root', 'focused', 'disabled', 'readOnly', 'error', 'notchedOutline', 'sectionsContainer', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);

package/PickersTextField/PickersInputBase/pickersInputBaseClasses.mjs

@@ -3,4 +3,4 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getPickersInputBaseUtilityClass(slot) {
   return generateUtilityClass('MuiPickersInputBase', slot);
 }
-export const pickersInputBaseClasses = generateUtilityClasses('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);
+export const pickersInputBaseClasses = generateUtilityClasses('MuiPickersInputBase', ['root', 'focused', 'disabled', 'readOnly', 'error', 'notchedOutline', 'sectionsContainer', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);

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.1
  *
  * @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.1
  *
  * @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>;