@mui/x-date-pickers 9.8.0 → 9.10.0

package/CHANGELOG.md

@@ -1,5 +1,235 @@
 # 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_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 [Data sampling](https://mui.com/x/react-charts/performance/#sampling) for better performance with large bar and line charts
+- 🗺️ [Maps zoom support](https://mui.com/x/react-charts/map/#zoom)
+- ☑️ Support [applying filters on demand](https://mui.com/x/react-data-grid/filtering/customization/#apply-filters-on-demand) in the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@mustafajw07, @sebastianfrey
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @brijeshb42, @hasdfa, @Janpot, @JCQuintas, @LukasTy, @rita-codes, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.9.0`
+
+- [DataGrid] Add `dataSourceKeepPreviousData` prop (#22554) @LukasTy
+- [DataGrid] Add controlled filter panel for applying filters on demand (#23023) @sebastianfrey
+
+#### `@mui/x-data-grid-pro@9.9.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.9.0`.
+
+#### `@mui/x-data-grid-premium@9.9.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.9.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.9.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.9.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.9.0`, plus:
+
+- [DateRangeCalendar] Avoid unnecessary month switch when the value is already visible (#22996) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.9.0`
+
+- [charts] Optimize and de-duplicate sampled axis-highlight band lookup (#23052) @JCQuintas
+- [charts] Unify tooltip item position getter and selector into a single selector API (#23041) @alexfauquette
+- [charts] Fix impossible condition in axis text angle warning (#23102) @sai6855
+
+#### `@mui/x-charts-pro@9.9.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.9.0`, plus:
+
+- [charts-pro] Add data sampling for large bar and line charts (#22830) @JCQuintas
+- [charts-pro] Allow sampling on non-zoomable charts (#23051) @JCQuintas
+
+#### `@mui/x-charts-premium@9.9.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+#### Breaking changes
+
+The API of the `Unstable_ChartsGeoDataProviderPremium` got modified.
+Props `scale`, `rotation`, and `translation` are replaced by props `view` and `initialView`.
+Same behavior can be obtained with `view.zoomLevel`, `view.center`, and `view.translation`.
+See the [zoom view section](https://mui.com/x/react-charts/map/#control) for detailed information
+
+Same changes as in `@mui/x-charts-pro@9.9.0`, plus:
+
+- [charts-premium] Maps zoom support (#22709) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.9.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.9.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.9.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.5`
+
+- [scheduler] Introduce event resource helper utilities (#23022) @mustafajw07
+- [scheduler] Preserve multi-day event continuity across overflow (#22797) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.5` [![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.5`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.9.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix broken social preview image on shared docs links (#23055) @sai6855
+- [docs] Review and clean up react-chat docs demos & gallery; fix actions-bar layout (#22993) @hasdfa
+- [docs] Update the Pickers recommended date library bundle sizes (#23087) @LukasTy
+
+### Core
+
+- [mcp] Add `@mui/mcp` server and `@mui/x-agent-tools`. See the [README](https://github.com/mui/mui-x/blob/master/packages/mcp/README.md) for setup (#22947) @aemartos
+- [code-infra] Avoid OOM in the Netlify docs build and CircleCI lint step (#23086) @LukasTy
+- [code-infra] Group `@atlaskit/pragmatic-drag-and-drop` renovate updates (#23105) @LukasTy
+- [code-infra] Validate npm publishing through dry run (#23038) @brijeshb42
+- [docs-infra] Enable `webpackBuildWorker` to bound docs build memory (#23100) @Janpot
+
+### Miscellaneous
+
+- [test] Fix flaky "should render only the pageSize" Data Grid virtualization test (#23090) @LukasTy
+- [test] Track `@mui/x-chat` bundle size via native expand (#23049) @Janpot
+
 ## 9.8.0
 
 _Jul 2, 2026_

package/DateCalendar/DayCalendar.d.mts

@@ -82,4 +82,4 @@ export interface DayCalendarProps extends ExportedDayCalendarProps, DayValidatio
 /**
  * @ignore - do not document.
  */
-export declare function DayCalendar(inProps: DayCalendarProps): import("react/jsx-runtime").JSX.Element;
+export declare function DayCalendar(inProps: DayCalendarProps): React.JSX.Element;

package/DateCalendar/DayCalendar.d.ts

@@ -82,4 +82,4 @@ export interface DayCalendarProps extends ExportedDayCalendarProps, DayValidatio
 /**
  * @ignore - do not document.
  */
-export declare function DayCalendar(inProps: DayCalendarProps): import("react/jsx-runtime").JSX.Element;
+export declare function DayCalendar(inProps: DayCalendarProps): React.JSX.Element;

package/DateCalendar/PickersFadeTransitionGroup.d.mts

@@ -15,4 +15,4 @@ export interface PickersFadeTransitionGroupProps extends ExportedPickersFadeTran
 /**
  * @ignore - do not document.
  */
-export declare function PickersFadeTransitionGroup(inProps: PickersFadeTransitionGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickersFadeTransitionGroup(inProps: PickersFadeTransitionGroupProps): React.JSX.Element;

package/DateCalendar/PickersFadeTransitionGroup.d.ts

@@ -15,4 +15,4 @@ export interface PickersFadeTransitionGroupProps extends ExportedPickersFadeTran
 /**
  * @ignore - do not document.
  */
-export declare function PickersFadeTransitionGroup(inProps: PickersFadeTransitionGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickersFadeTransitionGroup(inProps: PickersFadeTransitionGroupProps): React.JSX.Element;

package/DateCalendar/PickersSlideTransition.d.mts

@@ -22,4 +22,4 @@ export interface SlideTransitionProps extends Omit<CSSTransitionProps, 'timeout'
 /**
  * @ignore - do not document.
  */
-export declare function PickersSlideTransition(inProps: SlideTransitionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickersSlideTransition(inProps: SlideTransitionProps): React.JSX.Element;

package/DateCalendar/PickersSlideTransition.d.ts

@@ -22,4 +22,4 @@ export interface SlideTransitionProps extends Omit<CSSTransitionProps, 'timeout'
 /**
  * @ignore - do not document.
  */
-export declare function PickersSlideTransition(inProps: SlideTransitionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickersSlideTransition(inProps: SlideTransitionProps): React.JSX.Element;

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): import("react/jsx-runtime").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): import("react/jsx-runtime").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/DateTimePickerToolbar.d.mts

@@ -40,7 +40,7 @@ export declare const DateTimePickerToolbarOverrideContext: React.Context<{
  *
  * - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
  */
-declare function DateTimePickerToolbar(inProps: DateTimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function DateTimePickerToolbar(inProps: DateTimePickerToolbarProps): React.JSX.Element;
 declare namespace DateTimePickerToolbar {
   var propTypes: any;
 }

package/DateTimePicker/DateTimePickerToolbar.d.ts

@@ -40,7 +40,7 @@ export declare const DateTimePickerToolbarOverrideContext: React.Context<{
  *
  * - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
  */
-declare function DateTimePickerToolbar(inProps: DateTimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function DateTimePickerToolbar(inProps: DateTimePickerToolbarProps): React.JSX.Element;
 declare namespace DateTimePickerToolbar {
   var propTypes: any;
 }

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

@@ -23,7 +23,7 @@ export interface DayCalendarSkeletonProps extends HTMLDivProps {
  *
  * - [CalendarPickerSkeleton API](https://mui.com/x/api/date-pickers/calendar-picker-skeleton/)
  */
-declare function DayCalendarSkeleton(inProps: DayCalendarSkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare function DayCalendarSkeleton(inProps: DayCalendarSkeletonProps): React.JSX.Element;
 declare namespace DayCalendarSkeleton {
   var propTypes: any;
 }

package/DayCalendarSkeleton/DayCalendarSkeleton.d.ts

@@ -23,7 +23,7 @@ export interface DayCalendarSkeletonProps extends HTMLDivProps {
  *
  * - [CalendarPickerSkeleton API](https://mui.com/x/api/date-pickers/calendar-picker-skeleton/)
  */
-declare function DayCalendarSkeleton(inProps: DayCalendarSkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare function DayCalendarSkeleton(inProps: DayCalendarSkeletonProps): React.JSX.Element;
 declare namespace DayCalendarSkeleton {
   var propTypes: any;
 }

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

@@ -21,4 +21,4 @@ export interface MonthCalendarButtonProps {
 /**
  * @ignore - do not document.
  */
-export declare const MonthCalendarButton: React.MemoExoticComponent<(props: MonthCalendarButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MonthCalendarButton: React.MemoExoticComponent<(props: MonthCalendarButtonProps) => React.JSX.Element>;

package/MonthCalendar/MonthCalendarButton.d.ts

@@ -21,4 +21,4 @@ export interface MonthCalendarButtonProps {
 /**
  * @ignore - do not document.
  */
-export declare const MonthCalendarButton: React.MemoExoticComponent<(props: MonthCalendarButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MonthCalendarButton: React.MemoExoticComponent<(props: MonthCalendarButtonProps) => React.JSX.Element>;

package/PickersActionBar/PickersActionBar.d.mts

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

package/PickersActionBar/PickersActionBar.d.ts

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