@mui/x-date-pickers 9.9.0 → 9.10.0

package/CHANGELOG.md

@@ -1,5 +1,116 @@
 # Changelog
 
+## 9.10.0
+
+_Jul 17, 2026_
+
+We'd like to extend a big thank you to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Provide `dataIndex` in `LinePlot` and `AreaPlot` `onItemClick` for Charts
+- ⚙️ Allow opt-in `data-*` attributes on `slotProps`. [Read more](https://mui.com/x/common-concepts/custom-components/#passing-data-attributes-to-slots)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @mustafajw07
+
+The following team members contributed to this release:
+@brijeshb42, @Janpot, @JCQuintas, @LukasTy, @noraleonte
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@9.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.10.0`.
+
+#### `@mui/x-data-grid-premium@9.10.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.10.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.10.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.10.0`
+
+- [charts] Provide `dataIndex` in `LinePlot` and `AreaPlot` `onItemClick` (#23144) @JCQuintas
+
+#### `@mui/x-charts-pro@9.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.10.0`.
+
+#### `@mui/x-charts-premium@9.10.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.10.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.10.0`, plus:
+
+- [tree-view] Fix pre-loaded items not caching (#23155) @noraleonte
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.6`
+
+- [scheduler] Carry custom event data through the edit dialog submit (#22874) @Anexus5919
+- [scheduler] Support array values for `CalendarEvent.resource` (#23109) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.6`.
+
+### Chat
+
+#### `@mui/x-chat@9.0.0-alpha.14`
+
+- [chat] Reuse `resolveComponentProps` from `@mui/utils` (#23095) @LukasTy
+
+#### `@mui/x-chat-headless@9.0.0-alpha.14`
+
+Internal changes.
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix bugs on Scheduler overview page (#23147) @noraleonte
+
+### Core
+
+- [code-infra] Fix changelog dependency exclusion and l10n routing (#23112) @LukasTy
+- [code-infra] Port codebase to use `tsgo` (#22826) @brijeshb42
+- [code-infra] Reduce `release:build` concurrency to mitigate `tsgo` OOM kills (#23139) @LukasTy
+- [core] Allow opt-in `data-*` attributes on `slotProps` (#22128) @LukasTy
+
+### Miscellaneous
+
+- [core] Ignore `code-infra-renovate[bot]` commits in changelog (#23153) @Janpot
+- [website] Fix broken `ChatBox` API link (#23149) @brijeshb42
+- [test] Fix WebGL benchmark timeout on CI (#23142) @JCQuintas
+
 ## 9.9.0
 
 _Jul 9, 2026_

package/DateCalendar/useIsDateDisabled.d.mts

@@ -10,4 +10,4 @@ export declare const useIsDateDisabled: ({
   disableFuture,
   disablePast,
   timezone
-}: ValidateDateProps & DefaultizedProps<TimezoneProps, "timezone">) => (day: PickerValidDate | null) => boolean;
+}: ValidateDateProps & DefaultizedProps<TimezoneProps, 'timezone'>) => (day: PickerValidDate | null) => boolean;

package/DateCalendar/useIsDateDisabled.d.ts

@@ -10,4 +10,4 @@ export declare const useIsDateDisabled: ({
   disableFuture,
   disablePast,
   timezone
-}: ValidateDateProps & DefaultizedProps<TimezoneProps, "timezone">) => (day: PickerValidDate | null) => boolean;
+}: ValidateDateProps & DefaultizedProps<TimezoneProps, 'timezone'>) => (day: PickerValidDate | null) => boolean;

package/DatePicker/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 { DateCalendarSlots, DateCalendarSlotProps, ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.mjs";
 import type { DateValidationError, DateView } from "../models/index.mjs";
 import type { BasePickerInputProps } from "../internals/models/props/basePickerProps.mjs";
@@ -17,7 +18,7 @@ export interface BaseDatePickerSlots extends DateCalendarSlots {
   toolbar?: React.JSXElementConstructor<DatePickerToolbarProps>;
 }
 export interface BaseDatePickerSlotProps extends DateCalendarSlotProps {
-  toolbar?: ExportedDatePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedDatePickerToolbarProps>;
 }
 export type DatePickerViewRenderers<TView extends DateView> = PickerViewRendererLookup<PickerValue, TView, DateViewRendererProps<TView>>;
 export interface BaseDatePickerProps extends BasePickerInputProps<PickerValue, DateView, DateValidationError>, ExportedDateCalendarProps {

package/DatePicker/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 { DateCalendarSlots, DateCalendarSlotProps, ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.js";
 import type { DateValidationError, DateView } from "../models/index.js";
 import type { BasePickerInputProps } from "../internals/models/props/basePickerProps.js";
@@ -17,7 +18,7 @@ export interface BaseDatePickerSlots extends DateCalendarSlots {
   toolbar?: React.JSXElementConstructor<DatePickerToolbarProps>;
 }
 export interface BaseDatePickerSlotProps extends DateCalendarSlotProps {
-  toolbar?: ExportedDatePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedDatePickerToolbarProps>;
 }
 export type DatePickerViewRenderers<TView extends DateView> = PickerViewRendererLookup<PickerValue, TView, DateViewRendererProps<TView>>;
 export interface BaseDatePickerProps extends BasePickerInputProps<PickerValue, DateView, DateValidationError>, ExportedDateCalendarProps {

package/DateTimePicker/DateTimePickerTabs.d.mts

@@ -22,18 +22,8 @@ export interface DateTimePickerTabsProps extends ExportedBaseTabsProps {
    */
   classes?: Partial<DateTimePickerTabsClasses>;
 }
-/**
- * Demos:
- *
- * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
- * - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
- *
- * API:
- *
- * - [DateTimePickerTabs API](https://mui.com/x/api/date-pickers/date-time-picker-tabs/)
- */
-declare const DateTimePickerTabs: {
-  (inProps: DateTimePickerTabsProps): React.JSX.Element | null;
-  propTypes: any;
-};
+declare function DateTimePickerTabs(inProps: DateTimePickerTabsProps): React.JSX.Element | null;
+declare namespace DateTimePickerTabs {
+  var propTypes: any;
+}
 export { DateTimePickerTabs };

package/DateTimePicker/DateTimePickerTabs.d.ts

@@ -22,18 +22,8 @@ export interface DateTimePickerTabsProps extends ExportedBaseTabsProps {
    */
   classes?: Partial<DateTimePickerTabsClasses>;
 }
-/**
- * Demos:
- *
- * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
- * - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
- *
- * API:
- *
- * - [DateTimePickerTabs API](https://mui.com/x/api/date-pickers/date-time-picker-tabs/)
- */
-declare const DateTimePickerTabs: {
-  (inProps: DateTimePickerTabsProps): React.JSX.Element | null;
-  propTypes: any;
-};
+declare function DateTimePickerTabs(inProps: DateTimePickerTabsProps): React.JSX.Element | null;
+declare namespace DateTimePickerTabs {
+  var propTypes: any;
+}
 export { DateTimePickerTabs };

package/DateTimePicker/DateTimePickerTabs.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateTimePickerTabs = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -21,6 +23,7 @@ var _dateUtils = require("../internals/utils/date-utils");
 var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["dateIcon", "timeIcon", "hidden", "className", "classes", "sx"];
 const viewToTab = view => {
   if ((0, _dateUtils.isDatePickerView)(view)) {
     return 'date';
@@ -71,13 +74,14 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     name: 'MuiDateTimePickerTabs'
   });
   const {
-    dateIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DateRangeIcon, {}),
-    timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
-    hidden = typeof window === 'undefined' || window.innerHeight < 667,
-    className,
-    classes: classesProp,
-    sx
-  } = props;
+      dateIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DateRangeIcon, {}),
+      timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
+      hidden = typeof window === 'undefined' || window.innerHeight < 667,
+      className,
+      classes: classesProp,
+      sx
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const translations = (0, _usePickerTranslations.usePickerTranslations)();
   const {
     ownerState
@@ -93,7 +97,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerTabsRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerTabsRoot, (0, _extends2.default)({}, other, {
     ownerState: ownerState,
     variant: "fullWidth",
     value: viewToTab(view),
@@ -113,7 +117,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
         children: timeIcon
       })
     })]
-  });
+  }));
 };
 if (process.env.NODE_ENV !== "production") DateTimePickerTabs.displayName = "DateTimePickerTabs";
 process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes /* remove-proptypes */ = {

package/DateTimePicker/DateTimePickerTabs.mjs

@@ -1,5 +1,8 @@
 'use client';
 
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["dateIcon", "timeIcon", "hidden", "className", "classes", "sx"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -64,13 +67,14 @@ const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
     name: 'MuiDateTimePickerTabs'
   });
   const {
-    dateIcon = /*#__PURE__*/_jsx(DateRangeIcon, {}),
-    timeIcon = /*#__PURE__*/_jsx(TimeIcon, {}),
-    hidden = typeof window === 'undefined' || window.innerHeight < 667,
-    className,
-    classes: classesProp,
-    sx
-  } = props;
+      dateIcon = /*#__PURE__*/_jsx(DateRangeIcon, {}),
+      timeIcon = /*#__PURE__*/_jsx(TimeIcon, {}),
+      hidden = typeof window === 'undefined' || window.innerHeight < 667,
+      className,
+      classes: classesProp,
+      sx
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const translations = usePickerTranslations();
   const {
     ownerState
@@ -86,7 +90,7 @@ const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(DateTimePickerTabsRoot, {
+  return /*#__PURE__*/_jsxs(DateTimePickerTabsRoot, _extends({}, other, {
     ownerState: ownerState,
     variant: "fullWidth",
     value: viewToTab(view),
@@ -106,7 +110,7 @@ const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
         children: timeIcon
       })
     })]
-  });
+  }));
 };
 if (process.env.NODE_ENV !== "production") DateTimePickerTabs.displayName = "DateTimePickerTabs";
 process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes /* remove-proptypes */ = {

package/DateTimePicker/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 { DateOrTimeView, DateTimeValidationError } from "../models/index.mjs";
 import type { DateCalendarSlots, DateCalendarSlotProps, ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.mjs";
 import type { BasePickerInputProps } from "../internals/models/props/basePickerProps.mjs";
@@ -30,11 +31,11 @@ export interface BaseDateTimePickerSlotProps extends DateCalendarSlotProps, Digi
   /**
    * Props passed down to the tabs component.
    */
-  tabs?: DateTimePickerTabsProps;
+  tabs?: WithDataAttributes<DateTimePickerTabsProps>;
   /**
    * Props passed down to the toolbar component.
    */
-  toolbar?: ExportedDateTimePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedDateTimePickerToolbarProps>;
 }
 export type DateTimePickerViewRenderers<TView extends DateOrTimeViewWithMeridiem> = PickerViewRendererLookup<PickerValue, TView, Omit<DateViewRendererProps<TView>, 'slots' | 'slotProps'> & Omit<TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>>, 'slots' | 'slotProps'>>;
 export interface BaseDateTimePickerProps extends Omit<BasePickerInputProps<PickerValue, DateOrTimeViewWithMeridiem, DateTimeValidationError>, 'views'>, Omit<ExportedDateCalendarProps, 'onViewChange' | 'views'>, DigitalTimePickerProps, ExportedValidateDateTimeProps {

package/DateTimePicker/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 { DateOrTimeView, DateTimeValidationError } from "../models/index.js";
 import type { DateCalendarSlots, DateCalendarSlotProps, ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.js";
 import type { BasePickerInputProps } from "../internals/models/props/basePickerProps.js";
@@ -30,11 +31,11 @@ export interface BaseDateTimePickerSlotProps extends DateCalendarSlotProps, Digi
   /**
    * Props passed down to the tabs component.
    */
-  tabs?: DateTimePickerTabsProps;
+  tabs?: WithDataAttributes<DateTimePickerTabsProps>;
   /**
    * Props passed down to the toolbar component.
    */
-  toolbar?: ExportedDateTimePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedDateTimePickerToolbarProps>;
 }
 export type DateTimePickerViewRenderers<TView extends DateOrTimeViewWithMeridiem> = PickerViewRendererLookup<PickerValue, TView, Omit<DateViewRendererProps<TView>, 'slots' | 'slotProps'> & Omit<TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>>, 'slots' | 'slotProps'>>;
 export interface BaseDateTimePickerProps extends Omit<BasePickerInputProps<PickerValue, DateOrTimeViewWithMeridiem, DateTimeValidationError>, 'views'>, Omit<ExportedDateCalendarProps, 'onViewChange' | 'views'>, DigitalTimePickerProps, ExportedValidateDateTimeProps {

package/DigitalClock/DigitalClock.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { DigitalClockProps } from "./DigitalClock.types.mjs";
-export declare const DigitalClockItem: import("@emotion/styled").StyledComponent<import("@mui/material/MenuItem").MenuItemOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, keyof import("@mui/material/MenuItem").MenuItemOwnProps> & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "tabIndex" | "children" | "type" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | keyof import("@mui/material/MenuItem").MenuItemOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "disabled" | "autoFocus" | "dense" | "style" | "tabIndex" | "className" | "children" | "classes" | "type" | "sx" | "disableGutters" | "divider" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const DigitalClockItem: import("@emotion/styled").StyledComponent<import("@mui/material/MenuItem").MenuItemOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, keyof import("@mui/material/MenuItem").MenuItemOwnProps> & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "LinkComponent" | "TouchRippleProps" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "nativeButton" | "onFocusVisible" | "tabIndex" | "touchRippleRef" | "type" | keyof import("@mui/material/MenuItem").MenuItemOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "LinkComponent" | "TouchRippleProps" | "action" | "autoFocus" | "centerRipple" | "children" | "className" | "classes" | "dense" | "disableGutters" | "disableRipple" | "disableTouchRipple" | "disabled" | "divider" | "focusRipple" | "focusVisibleClassName" | "nativeButton" | "onFocusVisible" | "selected" | "style" | "sx" | "tabIndex" | "touchRippleRef" | "type"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 type DigitalClockComponent = ((props: DigitalClockProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/DigitalClock/DigitalClock.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { DigitalClockProps } from "./DigitalClock.types.js";
-export declare const DigitalClockItem: import("@emotion/styled").StyledComponent<import("@mui/material/MenuItem").MenuItemOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, keyof import("@mui/material/MenuItem").MenuItemOwnProps> & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "tabIndex" | "children" | "type" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | keyof import("@mui/material/MenuItem").MenuItemOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "disabled" | "autoFocus" | "dense" | "style" | "tabIndex" | "className" | "children" | "classes" | "type" | "sx" | "disableGutters" | "divider" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const DigitalClockItem: import("@emotion/styled").StyledComponent<import("@mui/material/MenuItem").MenuItemOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, keyof import("@mui/material/MenuItem").MenuItemOwnProps> & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "LinkComponent" | "TouchRippleProps" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "nativeButton" | "onFocusVisible" | "tabIndex" | "touchRippleRef" | "type" | keyof import("@mui/material/MenuItem").MenuItemOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "LinkComponent" | "TouchRippleProps" | "action" | "autoFocus" | "centerRipple" | "children" | "className" | "classes" | "dense" | "disableGutters" | "disableRipple" | "disableTouchRipple" | "disabled" | "divider" | "focusRipple" | "focusVisibleClassName" | "nativeButton" | "onFocusVisible" | "selected" | "style" | "sx" | "tabIndex" | "touchRippleRef" | "type"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 type DigitalClockComponent = ((props: DigitalClockProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/PickersActionBar/PickersActionBar.d.mts

@@ -22,8 +22,5 @@ export interface PickersActionBarProps extends DialogActionsProps {
  * - [PickersActionBar API](https://mui.com/x/api/date-pickers/pickers-action-bar/)
  */
 declare function PickersActionBarComponent(props: PickersActionBarProps): React.JSX.Element | null;
-declare namespace PickersActionBarComponent {
-  var propTypes: any;
-}
 declare const PickersActionBar: React.MemoExoticComponent<typeof PickersActionBarComponent>;
 export { PickersActionBar };

package/PickersActionBar/PickersActionBar.d.ts

@@ -22,8 +22,5 @@ export interface PickersActionBarProps extends DialogActionsProps {
  * - [PickersActionBar API](https://mui.com/x/api/date-pickers/pickers-action-bar/)
  */
 declare function PickersActionBarComponent(props: PickersActionBarProps): React.JSX.Element | null;
-declare namespace PickersActionBarComponent {
-  var propTypes: any;
-}
 declare const PickersActionBar: React.MemoExoticComponent<typeof PickersActionBarComponent>;
 export { PickersActionBar };

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/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;
 };