@mui/x-date-pickers 9.8.0 → 9.10.0

package/PickersLayout/PickersLayout.d.mts

@@ -3,10 +3,10 @@ import type { PickerLayoutOwnerState, PickersLayoutProps } from "./PickersLayout
 import type { PickerValidValue } from "../internals/models/index.mjs";
 export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerLayoutOwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerLayoutOwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 type PickersLayoutComponent = (<TValue extends PickerValidValue>(props: PickersLayoutProps<TValue> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/PickersLayout/PickersLayout.d.ts

@@ -3,10 +3,10 @@ import type { PickerLayoutOwnerState, PickersLayoutProps } from "./PickersLayout
 import type { PickerValidValue } from "../internals/models/index.js";
 export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerLayoutOwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerLayoutOwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 type PickersLayoutComponent = (<TValue extends PickerValidValue>(props: PickersLayoutProps<TValue> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/PickersLayout/PickersLayout.types.d.mts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 import type { SxProps, Theme } from '@mui/material/styles';
-import type { SlotComponentProps } from '@mui/utils/types';
+import type { SlotComponentProps, WithDataAttributes } from '@mui/utils/types';
 import type { PickersActionBar, PickersActionBarProps } from "../PickersActionBar/index.mjs";
 import type { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.mjs";
 import type { ExportedBaseTabsProps } from "../internals/models/props/tabs.mjs";
@@ -51,7 +51,7 @@ export interface ExportedPickersLayoutSlotProps<TValue extends PickerValidValue>
   /**
    * Props passed down to the layoutRoot component.
    */
-  layout?: Partial<PickersLayoutProps<TValue>>;
+  layout?: WithDataAttributes<Partial<PickersLayoutProps<TValue>>>;
 }
 export interface PickersLayoutSlots<TValue extends PickerValidValue> extends ExportedPickersLayoutSlots<TValue> {
   /**
@@ -68,11 +68,11 @@ export interface PickersLayoutSlotProps<TValue extends PickerValidValue> extends
   /**
    * Props passed down to the tabs component.
    */
-  tabs?: ExportedBaseTabsProps;
+  tabs?: WithDataAttributes<ExportedBaseTabsProps>;
   /**
    * Props passed down to the toolbar component.
    */
-  toolbar?: ExportedBaseToolbarProps;
+  toolbar?: WithDataAttributes<ExportedBaseToolbarProps>;
 }
 export interface PickersLayoutProps<TValue extends PickerValidValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {
   className?: string;

package/PickersLayout/PickersLayout.types.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 import type { SxProps, Theme } from '@mui/material/styles';
-import type { SlotComponentProps } from '@mui/utils/types';
+import type { SlotComponentProps, WithDataAttributes } from '@mui/utils/types';
 import type { PickersActionBar, PickersActionBarProps } from "../PickersActionBar/index.js";
 import type { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.js";
 import type { ExportedBaseTabsProps } from "../internals/models/props/tabs.js";
@@ -51,7 +51,7 @@ export interface ExportedPickersLayoutSlotProps<TValue extends PickerValidValue>
   /**
    * Props passed down to the layoutRoot component.
    */
-  layout?: Partial<PickersLayoutProps<TValue>>;
+  layout?: WithDataAttributes<Partial<PickersLayoutProps<TValue>>>;
 }
 export interface PickersLayoutSlots<TValue extends PickerValidValue> extends ExportedPickersLayoutSlots<TValue> {
   /**
@@ -68,11 +68,11 @@ export interface PickersLayoutSlotProps<TValue extends PickerValidValue> extends
   /**
    * Props passed down to the tabs component.
    */
-  tabs?: ExportedBaseTabsProps;
+  tabs?: WithDataAttributes<ExportedBaseTabsProps>;
   /**
    * Props passed down to the toolbar component.
    */
-  toolbar?: ExportedBaseToolbarProps;
+  toolbar?: WithDataAttributes<ExportedBaseToolbarProps>;
 }
 export interface PickersLayoutProps<TValue extends PickerValidValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {
   className?: string;

package/PickersSectionList/PickersSectionList.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { PickersSectionListProps } from "./PickersSectionList.types.mjs";
-export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<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 PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 export declare const PickersSectionListSectionContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;

package/PickersSectionList/PickersSectionList.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { PickersSectionListProps } from "./PickersSectionList.types.js";
-export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<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 PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 export declare const PickersSectionListSectionContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;

package/PickersShortcuts/PickersShortcuts.d.mts

@@ -39,7 +39,7 @@ export interface PickersShortcutsProps<TValue extends PickerValidValue> extends
  *
  * - [PickersShortcuts API](https://mui.com/x/api/date-pickers/pickers-shortcuts/)
  */
-declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react/jsx-runtime").JSX.Element | null;
+declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react").JSX.Element | null;
 declare namespace PickersShortcuts {
   var propTypes: any;
 }

package/PickersShortcuts/PickersShortcuts.d.ts

@@ -39,7 +39,7 @@ export interface PickersShortcutsProps<TValue extends PickerValidValue> extends
  *
  * - [PickersShortcuts API](https://mui.com/x/api/date-pickers/pickers-shortcuts/)
  */
-declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react/jsx-runtime").JSX.Element | null;
+declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react").JSX.Element | null;
 declare namespace PickersShortcuts {
   var propTypes: any;
 }

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/PickersOutlinedInput/Outline.d.mts

@@ -7,5 +7,5 @@ interface OutlineProps extends React.HTMLAttributes<HTMLFieldSetElement> {
 /**
  * @ignore - internal component.
  */
-export default function Outline(props: OutlineProps): import("react/jsx-runtime").JSX.Element;
+export default function Outline(props: OutlineProps): React.JSX.Element;
 export {};

package/PickersTextField/PickersOutlinedInput/Outline.d.ts

@@ -7,5 +7,5 @@ interface OutlineProps extends React.HTMLAttributes<HTMLFieldSetElement> {
 /**
  * @ignore - internal component.
  */
-export default function Outline(props: OutlineProps): import("react/jsx-runtime").JSX.Element;
+export default function Outline(props: OutlineProps): React.JSX.Element;
 export {};

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/Clock.d.mts

@@ -47,4 +47,4 @@ export interface ClockOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function Clock(inProps: ClockProps): import("react/jsx-runtime").JSX.Element;
+export declare function Clock(inProps: ClockProps): React.JSX.Element;

package/TimeClock/Clock.d.ts

@@ -47,4 +47,4 @@ export interface ClockOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function Clock(inProps: ClockProps): import("react/jsx-runtime").JSX.Element;
+export declare function Clock(inProps: ClockProps): React.JSX.Element;

package/TimeClock/ClockNumber.d.mts

@@ -34,4 +34,4 @@ export interface ClockNumberOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function ClockNumber(inProps: ClockNumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClockNumber(inProps: ClockNumberProps): React.JSX.Element;

package/TimeClock/ClockNumber.d.ts

@@ -34,4 +34,4 @@ export interface ClockNumberOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function ClockNumber(inProps: ClockNumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClockNumber(inProps: ClockNumberProps): React.JSX.Element;

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;
-}) => import("react/jsx-runtime").JSX.Element[];
+}) => 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;
-}) => import("react/jsx-runtime").JSX.Element[];
+}) => React.JSX.Element[];
 export {};

package/TimeClock/ClockPointer.d.mts

@@ -28,4 +28,4 @@ export interface ClockPointerOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function ClockPointer(inProps: ClockPointerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClockPointer(inProps: ClockPointerProps): React.JSX.Element;

package/TimeClock/ClockPointer.d.ts

@@ -28,4 +28,4 @@ export interface ClockPointerOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function ClockPointer(inProps: ClockPointerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClockPointer(inProps: ClockPointerProps): React.JSX.Element;

package/TimePicker/TimePickerToolbar.d.mts

@@ -20,7 +20,7 @@ export interface ExportedTimePickerToolbarProps extends ExportedBaseToolbarProps
  *
  * - [TimePickerToolbar API](https://mui.com/x/api/date-pickers/time-picker-toolbar/)
  */
-declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react").JSX.Element;
 declare namespace TimePickerToolbar {
   var propTypes: any;
 }

package/TimePicker/TimePickerToolbar.d.ts

@@ -20,7 +20,7 @@ export interface ExportedTimePickerToolbarProps extends ExportedBaseToolbarProps
  *
  * - [TimePickerToolbar API](https://mui.com/x/api/date-pickers/time-picker-toolbar/)
  */
-declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react").JSX.Element;
 declare namespace TimePickerToolbar {
   var propTypes: any;
 }

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/YearCalendarButton.d.mts

@@ -20,4 +20,4 @@ export interface YearCalendarButtonProps {
 /**
  * @ignore - internal component.
  */
-export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => React.JSX.Element>;

package/YearCalendar/YearCalendarButton.d.ts

@@ -20,4 +20,4 @@ export interface YearCalendarButtonProps {
 /**
  * @ignore - internal component.
  */
-export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => React.JSX.Element>;

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/dateViewRenderers/dateViewRenderers.d.mts

@@ -46,4 +46,4 @@ export declare const renderDateViewCalendar: ({
   fixedWeekNumber,
   displayWeekNumber,
   timezone
-}: DateViewRendererProps<DateView>) => import("react/jsx-runtime").JSX.Element;
+}: DateViewRendererProps<DateView>) => import("react").JSX.Element;

package/dateViewRenderers/dateViewRenderers.d.ts

@@ -46,4 +46,4 @@ export declare const renderDateViewCalendar: ({
   fixedWeekNumber,
   displayWeekNumber,
   timezone
-}: DateViewRendererProps<DateView>) => import("react/jsx-runtime").JSX.Element;
+}: DateViewRendererProps<DateView>) => import("react").JSX.Element;