@mui/x-date-pickers-pro 9.9.0 → 9.10.1

package/CHANGELOG.md

@@ -1,5 +1,222 @@
 # Changelog
 
+## 9.10.1
+
+_Jul 23, 2026_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🦮 Improve accessibility of the Charts and Pickers components.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@kevincorizi-sbt, @mustafajw07, @SamanPandey-in
+
+The following team members contributed to this release:
+@brijeshb42, @hasdfa, @JCQuintas, @LukasTy, @michelengelen, @noraleonte, @rita-codes, @silviuaavram
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.1`
+
+- [data grid] Fix `getColumn` return type not reflecting that it can return undefined (#23165) @JCQuintas
+
+#### `@mui/x-data-grid-pro@9.10.1` [![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.1`.
+
+#### `@mui/x-data-grid-premium@9.10.1` [![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.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.1`
+
+- [pickers] Fix format placeholder brightness with a start adornment (#23189) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.10.1` [![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.1`, plus:
+
+- [DateRangePicker] Fix broken active range position underline in single input range fields (#23166) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.10.1`
+
+- [charts] Fix pie chart disappearing when an arc spans almost the full circle (#23145) @JCQuintas
+- [charts] Set `aria-hidden` on accessibility proxy divs at initialization (#23186) @kevincorizi-sbt
+- [charts] Fix keyboard navigation on series with different lengths (#23182) @JCQuintas
+- [charts] Fix out of bounds keyboard navigation (#23180) @silviuaavram
+
+#### `@mui/x-charts-pro@9.10.1` [![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.1`, plus:
+
+- [charts-pro] Fix highlight shifting on sampled bar charts (#23190) @noraleonte
+- [charts-pro] Sampled band highlight falls back to single-band width for Date/object values (#23024) @SamanPandey-in
+
+#### `@mui/x-charts-premium@9.10.1` [![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.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.1`
+
+- [TreeView] Fix selection propagation to exclude disabled items (#23012) @michelengelen
+
+#### `@mui/x-tree-view-pro@9.10.1` [![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.1`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.7`
+
+- [scheduler] Polish `EventCalendar` rendering for multi-resource events (#23161) @mustafajw07
+- [scheduler] Responsive header (#22954) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.7` [![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.7`, plus:
+
+- [scheduler-premium] Add the dependencies data model (#23117) @rita-codes
+- [scheduler-premium] Dependencies - Render the FS arrow (#23162) @rita-codes
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix clearing, layout shift, and prop leak in Pickers demos (#23191) @LukasTy
+
+### Core
+
+- [code-infra] Validate working of specific code-infra canary (#23207) @brijeshb42
+
+### Miscellaneous
+
+- [chat] Normalize message part link URLs (#23187) @hasdfa
+- [x-chat] Fix object URL leaks for submitted attachments (#23198) @hasdfa
+- [internals] Make disposable types self-contained without `esnext.disposable` lib (#23164) @JCQuintas
+
+## 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/DateRangeCalendar/DateRangeCalendar.js

@@ -37,8 +37,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "classes", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "focusedView", "onFocusedViewChange", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone", "availableRangePositions", "views", "view", "openTo", "onViewChange"],
   _excluded2 = ["isDragging", "rangeDragDay", "draggingDatePosition"];
 const packageInfo = {
-  releaseDate: "MTc4MzU1NTIwMDAwMA==",
-  version: "9.9.0",
+  releaseDate: "MTc4NDc2NDgwMDAwMA==",
+  version: "9.10.1",
   name: 'x-date-pickers-pro'
 };
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {

package/DateRangeCalendar/DateRangeCalendar.mjs

@@ -30,8 +30,8 @@ import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.
 import { useNullablePickerRangePositionContext } from "../internals/hooks/useNullablePickerRangePositionContext.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const packageInfo = {
-  releaseDate: "MTc4MzU1NTIwMDAwMA==",
-  version: "9.9.0",
+  releaseDate: "MTc4NDc2NDgwMDAwMA==",
+  version: "9.10.1",
   name: 'x-date-pickers-pro'
 };
 const DateRangeCalendarRoot = styled('div', {

package/DateRangeCalendar/useDragRange.d.mts

@@ -28,5 +28,5 @@ export declare const useDragRange: ({
   onDrop,
   dateRange,
   timezone
-}: Omit<UseDragRangeParams, "setRangeDragDay" | "setIsDragging">) => UseDragRangeResponse;
+}: Omit<UseDragRangeParams, 'setRangeDragDay' | 'setIsDragging'>) => UseDragRangeResponse;
 export {};

package/DateRangeCalendar/useDragRange.d.ts

@@ -28,5 +28,5 @@ export declare const useDragRange: ({
   onDrop,
   dateRange,
   timezone
-}: Omit<UseDragRangeParams, "setRangeDragDay" | "setIsDragging">) => UseDragRangeResponse;
+}: Omit<UseDragRangeParams, 'setRangeDragDay' | 'setIsDragging'>) => UseDragRangeResponse;
 export {};

package/DateRangePicker/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 { LocalizedComponent } from '@mui/x-date-pickers/locales';
 import type { BasePickerInputProps, PickerViewRendererLookup, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import type { DateRangeValidationError } from "../models/index.mjs";
@@ -15,7 +16,7 @@ export interface BaseDateRangePickerSlots extends DateRangeCalendarSlots {
   toolbar?: React.JSXElementConstructor<DateRangePickerToolbarProps>;
 }
 export interface BaseDateRangePickerSlotProps extends DateRangeCalendarSlotProps {
-  toolbar?: ExportedDateRangePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedDateRangePickerToolbarProps>;
 }
 export interface BaseDateRangePickerProps extends Omit<BasePickerInputProps<PickerRangeValue, 'day', DateRangeValidationError>, 'view' | 'views' | 'openTo' | 'onViewChange' | 'orientation'>, ExportedDateRangeCalendarProps {
   /**

package/DateRangePicker/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 { LocalizedComponent } from '@mui/x-date-pickers/locales';
 import type { BasePickerInputProps, PickerViewRendererLookup, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import type { DateRangeValidationError } from "../models/index.js";
@@ -15,7 +16,7 @@ export interface BaseDateRangePickerSlots extends DateRangeCalendarSlots {
   toolbar?: React.JSXElementConstructor<DateRangePickerToolbarProps>;
 }
 export interface BaseDateRangePickerSlotProps extends DateRangeCalendarSlotProps {
-  toolbar?: ExportedDateRangePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedDateRangePickerToolbarProps>;
 }
 export interface BaseDateRangePickerProps extends Omit<BasePickerInputProps<PickerRangeValue, 'day', DateRangeValidationError>, 'view' | 'views' | 'openTo' | 'onViewChange' | 'orientation'>, ExportedDateRangeCalendarProps {
   /**

package/DateRangePickerDay/DateRangePickerDay.js

@@ -328,8 +328,8 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     name: 'MuiDateRangePickerDay'
   });
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc4MzU1NTIwMDAwMA==",
-    version: "9.9.0",
+    releaseDate: "MTc4NDc2NDgwMDAwMA==",
+    version: "9.10.1",
     name: 'x-date-pickers-pro'
   });
   const adapter = (0, _hooks.usePickerAdapter)();

package/DateRangePickerDay/DateRangePickerDay.mjs

@@ -321,8 +321,8 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     name: 'MuiDateRangePickerDay'
   });
   useLicenseVerifier({
-    releaseDate: "MTc4MzU1NTIwMDAwMA==",
-    version: "9.9.0",
+    releaseDate: "MTc4NDc2NDgwMDAwMA==",
+    version: "9.10.1",
     name: 'x-date-pickers-pro'
   });
   const adapter = usePickerAdapter();

package/DateTimeRangePicker/DateTimeRangePickerTabs.d.mts

@@ -23,8 +23,8 @@ export interface ExportedDateTimeRangePickerTabsProps extends ExportedBaseTabsPr
   classes?: Partial<DateTimeRangePickerTabsClasses>;
 }
 export interface DateTimeRangePickerTabsProps extends ExportedDateTimeRangePickerTabsProps {}
-declare const DateTimeRangePickerTabs: {
-  (inProps: DateTimeRangePickerTabsProps): React.JSX.Element | null;
-  propTypes: any;
-};
+declare function DateTimeRangePickerTabs(inProps: DateTimeRangePickerTabsProps): React.JSX.Element | null;
+declare namespace DateTimeRangePickerTabs {
+  var propTypes: any;
+}
 export { DateTimeRangePickerTabs };

package/DateTimeRangePicker/DateTimeRangePickerTabs.d.ts

@@ -23,8 +23,8 @@ export interface ExportedDateTimeRangePickerTabsProps extends ExportedBaseTabsPr
   classes?: Partial<DateTimeRangePickerTabsClasses>;
 }
 export interface DateTimeRangePickerTabsProps extends ExportedDateTimeRangePickerTabsProps {}
-declare const DateTimeRangePickerTabs: {
-  (inProps: DateTimeRangePickerTabsProps): React.JSX.Element | null;
-  propTypes: any;
-};
+declare function DateTimeRangePickerTabs(inProps: DateTimeRangePickerTabsProps): React.JSX.Element | null;
+declare namespace DateTimeRangePickerTabs {
+  var propTypes: any;
+}
 export { DateTimeRangePickerTabs };

package/DateTimeRangePicker/DateTimeRangePickerTabs.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateTimeRangePickerTabs = 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 _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _dateTimeRangePickerTabsClasses = require("./dateTimeRangePickerTabsClasses");
 var _hooks2 = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["dateIcon", "timeIcon", "hidden", "className", "classes", "sx"];
 const viewToTab = (view, rangePosition) => {
   if ((0, _internals.isDatePickerView)(view)) {
     return rangePosition === 'start' ? 'start-date' : 'end-date';
@@ -73,13 +76,14 @@ const DateTimeRangePickerTabs = exports.DateTimeRangePickerTabs = function DateT
     name: 'MuiDateTimeRangePickerTabs'
   });
   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, _hooks.usePickerTranslations)();
   const {
     ownerState
@@ -138,7 +142,7 @@ const DateTimeRangePickerTabs = exports.DateTimeRangePickerTabs = function DateT
   } else {
     startIcon = timeIcon;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimeRangePickerTabsRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimeRangePickerTabsRoot, (0, _extends2.default)({}, other, {
     ownerState: ownerState,
     className: (0, _clsx.default)(classes.root, className),
     sx: sx,
@@ -162,7 +166,7 @@ const DateTimeRangePickerTabs = exports.DateTimeRangePickerTabs = function DateT
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeRangePickerTabFiller, {
       className: classes.filler
     })]
-  });
+  }));
 };
 if (process.env.NODE_ENV !== "production") DateTimeRangePickerTabs.displayName = "DateTimeRangePickerTabs";
 process.env.NODE_ENV !== "production" ? DateTimeRangePickerTabs.propTypes /* remove-proptypes */ = {

package/DateTimeRangePicker/DateTimeRangePickerTabs.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';
@@ -66,13 +69,14 @@ const DateTimeRangePickerTabs = function DateTimeRangePickerTabs(inProps) {
     name: 'MuiDateTimeRangePickerTabs'
   });
   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
@@ -131,7 +135,7 @@ const DateTimeRangePickerTabs = function DateTimeRangePickerTabs(inProps) {
   } else {
     startIcon = timeIcon;
   }
-  return /*#__PURE__*/_jsxs(DateTimeRangePickerTabsRoot, {
+  return /*#__PURE__*/_jsxs(DateTimeRangePickerTabsRoot, _extends({}, other, {
     ownerState: ownerState,
     className: clsx(classes.root, className),
     sx: sx,
@@ -155,7 +159,7 @@ const DateTimeRangePickerTabs = function DateTimeRangePickerTabs(inProps) {
     }) : /*#__PURE__*/_jsx(DateTimeRangePickerTabFiller, {
       className: classes.filler
     })]
-  });
+  }));
 };
 if (process.env.NODE_ENV !== "production") DateTimeRangePickerTabs.displayName = "DateTimeRangePickerTabs";
 process.env.NODE_ENV !== "production" ? DateTimeRangePickerTabs.propTypes /* remove-proptypes */ = {

package/DateTimeRangePicker/shared.d.mts

@@ -1,5 +1,6 @@
 import type * as React from 'react';
 import type { DefaultizedProps } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { LocalizedComponent } from '@mui/x-date-pickers/locales';
 import type { BasePickerInputProps, PickerViewRendererLookup, BaseClockProps, DigitalTimePickerProps, TimeViewWithMeridiem, UseViewsOptions, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import type { TimeViewRendererProps } from '@mui/x-date-pickers/timeViewRenderers';
@@ -28,11 +29,11 @@ export interface BaseDateTimeRangePickerSlotProps extends DateRangeCalendarSlotP
   /**
    * Props passed down to the tabs component.
    */
-  tabs?: ExportedDateTimeRangePickerTabsProps;
+  tabs?: WithDataAttributes<ExportedDateTimeRangePickerTabsProps>;
   /**
    * Props passed down to the toolbar component.
    */
-  toolbar?: ExportedDateTimeRangePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedDateTimeRangePickerToolbarProps>;
 }
 type DateTimeRangePickerRenderers<TView extends DateOrTimeViewWithMeridiem> = PickerViewRendererLookup<PickerRangeValue, TView, Omit<DateRangeViewRendererProps<'day'>, 'view' | 'slots' | 'slotProps'> & Omit<TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>>, 'view' | 'slots' | 'slotProps'> & {
   view: TView;

package/DateTimeRangePicker/shared.d.ts

@@ -1,5 +1,6 @@
 import type * as React from 'react';
 import type { DefaultizedProps } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { LocalizedComponent } from '@mui/x-date-pickers/locales';
 import type { BasePickerInputProps, PickerViewRendererLookup, BaseClockProps, DigitalTimePickerProps, TimeViewWithMeridiem, UseViewsOptions, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import type { TimeViewRendererProps } from '@mui/x-date-pickers/timeViewRenderers';
@@ -28,11 +29,11 @@ export interface BaseDateTimeRangePickerSlotProps extends DateRangeCalendarSlotP
   /**
    * Props passed down to the tabs component.
    */
-  tabs?: ExportedDateTimeRangePickerTabsProps;
+  tabs?: WithDataAttributes<ExportedDateTimeRangePickerTabsProps>;
   /**
    * Props passed down to the toolbar component.
    */
-  toolbar?: ExportedDateTimeRangePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedDateTimeRangePickerToolbarProps>;
 }
 type DateTimeRangePickerRenderers<TView extends DateOrTimeViewWithMeridiem> = PickerViewRendererLookup<PickerRangeValue, TView, Omit<DateRangeViewRendererProps<'day'>, 'view' | 'slots' | 'slotProps'> & Omit<TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>>, 'view' | 'slots' | 'slotProps'> & {
   view: TView;

package/TimeRangePicker/TimeRangePickerTabs.d.mts

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

package/TimeRangePicker/TimeRangePickerTabs.d.ts

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

package/TimeRangePicker/TimeRangePickerTabs.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TimeRangePickerTabs = 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"));
@@ -19,6 +21,7 @@ var _hooks = require("@mui/x-date-pickers/hooks");
 var _timeRangePickerTabsClasses = require("./timeRangePickerTabsClasses");
 var _hooks2 = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["timeIcon", "hidden", "className", "sx", "classes"];
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root'],
@@ -67,12 +70,13 @@ const TimeRangePickerTabs = exports.TimeRangePickerTabs = function TimeRangePick
     name: 'MuiTimeRangePickerTabs'
   });
   const {
-    timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
-    hidden = typeof window === 'undefined' || window.innerHeight < 667,
-    className,
-    sx,
-    classes: classesProp
-  } = props;
+      timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
+      hidden = typeof window === 'undefined' || window.innerHeight < 667,
+      className,
+      sx,
+      classes: classesProp
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const translations = (0, _hooks.usePickerTranslations)();
   const {
     view,
@@ -94,7 +98,7 @@ const TimeRangePickerTabs = exports.TimeRangePickerTabs = function TimeRangePick
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimeRangePickerTabsRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimeRangePickerTabsRoot, (0, _extends2.default)({}, other, {
     variant: "fullWidth",
     value: rangePosition,
     onChange: handleChange,
@@ -113,7 +117,7 @@ const TimeRangePickerTabs = exports.TimeRangePickerTabs = function TimeRangePick
       icon: timeIcon,
       className: classes.tab
     })]
-  });
+  }));
 };
 if (process.env.NODE_ENV !== "production") TimeRangePickerTabs.displayName = "TimeRangePickerTabs";
 process.env.NODE_ENV !== "production" ? TimeRangePickerTabs.propTypes /* remove-proptypes */ = {

package/TimeRangePicker/TimeRangePickerTabs.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 = ["timeIcon", "hidden", "className", "sx", "classes"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -60,12 +63,13 @@ const TimeRangePickerTabs = function TimeRangePickerTabs(inProps) {
     name: 'MuiTimeRangePickerTabs'
   });
   const {
-    timeIcon = /*#__PURE__*/_jsx(TimeIcon, {}),
-    hidden = typeof window === 'undefined' || window.innerHeight < 667,
-    className,
-    sx,
-    classes: classesProp
-  } = props;
+      timeIcon = /*#__PURE__*/_jsx(TimeIcon, {}),
+      hidden = typeof window === 'undefined' || window.innerHeight < 667,
+      className,
+      sx,
+      classes: classesProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const translations = usePickerTranslations();
   const {
     view,
@@ -87,7 +91,7 @@ const TimeRangePickerTabs = function TimeRangePickerTabs(inProps) {
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(TimeRangePickerTabsRoot, {
+  return /*#__PURE__*/_jsxs(TimeRangePickerTabsRoot, _extends({}, other, {
     variant: "fullWidth",
     value: rangePosition,
     onChange: handleChange,
@@ -106,7 +110,7 @@ const TimeRangePickerTabs = function TimeRangePickerTabs(inProps) {
       icon: timeIcon,
       className: classes.tab
     })]
-  });
+  }));
 };
 if (process.env.NODE_ENV !== "production") TimeRangePickerTabs.displayName = "TimeRangePickerTabs";
 process.env.NODE_ENV !== "production" ? TimeRangePickerTabs.propTypes /* remove-proptypes */ = {

package/TimeRangePicker/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 { LocalizedComponent } from '@mui/x-date-pickers/locales';
 import type { TimeStepOptions, TimeView } from '@mui/x-date-pickers/models';
 import type { BasePickerInputProps, PickerViewRendererLookup, BaseTimeValidationProps, BaseClockProps, ExportedBaseClockProps, TimeViewWithMeridiem, UseViewsOptions, PickerRangeValue, PickerValue } from '@mui/x-date-pickers/internals';
@@ -26,11 +27,11 @@ export interface BaseTimeRangePickerSlotProps extends TimeClockSlotProps, Digita
   /**
    * Props passed down to the tabs component.
    */
-  tabs?: ExportedTimeRangePickerTabsProps;
+  tabs?: WithDataAttributes<ExportedTimeRangePickerTabsProps>;
   /**
    * Props passed down to the toolbar component.
    */
-  toolbar?: ExportedTimeRangePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedTimeRangePickerToolbarProps>;
 }
 export type TimeRangePickerRenderers = PickerViewRendererLookup<PickerValue, TimeViewWithMeridiem, TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>> & {
   view: TimeViewWithMeridiem;

package/TimeRangePicker/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 { LocalizedComponent } from '@mui/x-date-pickers/locales';
 import type { TimeStepOptions, TimeView } from '@mui/x-date-pickers/models';
 import type { BasePickerInputProps, PickerViewRendererLookup, BaseTimeValidationProps, BaseClockProps, ExportedBaseClockProps, TimeViewWithMeridiem, UseViewsOptions, PickerRangeValue, PickerValue } from '@mui/x-date-pickers/internals';
@@ -26,11 +27,11 @@ export interface BaseTimeRangePickerSlotProps extends TimeClockSlotProps, Digita
   /**
    * Props passed down to the tabs component.
    */
-  tabs?: ExportedTimeRangePickerTabsProps;
+  tabs?: WithDataAttributes<ExportedTimeRangePickerTabsProps>;
   /**
    * Props passed down to the toolbar component.
    */
-  toolbar?: ExportedTimeRangePickerToolbarProps;
+  toolbar?: WithDataAttributes<ExportedTimeRangePickerToolbarProps>;
 }
 export type TimeRangePickerRenderers = PickerViewRendererLookup<PickerValue, TimeViewWithMeridiem, TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>> & {
   view: TimeViewWithMeridiem;

package/dateRangeViewRenderers/dateRangeViewRenderers.d.mts

@@ -45,4 +45,4 @@ export declare const renderDateRangeViewCalendar: ({
   displayWeekNumber,
   timezone,
   availableRangePositions
-}: DateRangeViewRendererProps<"day">) => import("react").JSX.Element;
+}: DateRangeViewRendererProps<'day'>) => import("react").JSX.Element;

package/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -45,4 +45,4 @@ export declare const renderDateRangeViewCalendar: ({
   displayWeekNumber,
   timezone,
   availableRangePositions
-}: DateRangeViewRendererProps<"day">) => import("react").JSX.Element;
+}: DateRangeViewRendererProps<'day'>) => import("react").JSX.Element;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.9.0
+ * @mui/x-date-pickers-pro v9.10.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.9.0
+ * @mui/x-date-pickers-pro v9.10.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -26,8 +26,8 @@ const useDesktopRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc4MzU1NTIwMDAwMA==",
-    version: "9.9.0",
+    releaseDate: "MTc4NDc2NDgwMDAwMA==",
+    version: "9.10.1",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs

@@ -19,8 +19,8 @@ export const useDesktopRangePicker = _ref => {
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier({
-    releaseDate: "MTc4MzU1NTIwMDAwMA==",
-    version: "9.9.0",
+    releaseDate: "MTc4NDc2NDgwMDAwMA==",
+    version: "9.10.1",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -28,8 +28,8 @@ const useMobileRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc4MzU1NTIwMDAwMA==",
-    version: "9.9.0",
+    releaseDate: "MTc4NDc2NDgwMDAwMA==",
+    version: "9.10.1",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs

@@ -21,8 +21,8 @@ export const useMobileRangePicker = _ref => {
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier({
-    releaseDate: "MTc4MzU1NTIwMDAwMA==",
-    version: "9.9.0",
+    releaseDate: "MTc4NDc2NDgwMDAwMA==",
+    version: "9.10.1",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.mts

@@ -1,10 +1,11 @@
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { BasePickerProps, UsePickerParameters, ExportedBaseToolbarProps, StaticOnlyPickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import type { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
 import type { UseRangePositionProps } from "../useRangePosition.mjs";
 import type { PickerRangeStep } from "../../utils/createRangePickerStepNavigation.mjs";
 export interface UseStaticRangePickerSlots extends ExportedPickersLayoutSlots<PickerRangeValue> {}
 export interface UseStaticRangePickerSlotProps extends ExportedPickersLayoutSlotProps<PickerRangeValue> {
-  toolbar?: ExportedBaseToolbarProps;
+  toolbar?: WithDataAttributes<ExportedBaseToolbarProps>;
 }
 export interface StaticRangeOnlyPickerProps extends StaticOnlyPickerProps, UseRangePositionProps {}
 export interface UseStaticRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UseStaticRangePickerProps<TView, any, TExternalProps>> extends BasePickerProps<PickerRangeValue, TView, TError, TExternalProps>, StaticRangeOnlyPickerProps {

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts

@@ -1,10 +1,11 @@
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { BasePickerProps, UsePickerParameters, ExportedBaseToolbarProps, StaticOnlyPickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import type { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
 import type { UseRangePositionProps } from "../useRangePosition.js";
 import type { PickerRangeStep } from "../../utils/createRangePickerStepNavigation.js";
 export interface UseStaticRangePickerSlots extends ExportedPickersLayoutSlots<PickerRangeValue> {}
 export interface UseStaticRangePickerSlotProps extends ExportedPickersLayoutSlotProps<PickerRangeValue> {
-  toolbar?: ExportedBaseToolbarProps;
+  toolbar?: WithDataAttributes<ExportedBaseToolbarProps>;
 }
 export interface StaticRangeOnlyPickerProps extends StaticOnlyPickerProps, UseRangePositionProps {}
 export interface UseStaticRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UseStaticRangePickerProps<TView, any, TExternalProps>> extends BasePickerProps<PickerRangeValue, TView, TError, TExternalProps>, StaticRangeOnlyPickerProps {

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

@@ -4,7 +4,6 @@ export declare const splitDateRangeSections: (sections: FieldRangeSection[]) =>
   endDate: FieldRangeSection[];
 };
 export declare const removeLastSeparator: (dateSections: FieldRangeSection[]) => (FieldRangeSection | {
-  separator: null;
   dateName: import("@mui/x-date-pickers/internals").RangePosition;
   value: string;
   format: string;
@@ -18,7 +17,8 @@ export declare const removeLastSeparator: (dateSections: FieldRangeSection[]) =>
   startSeparator: string;
   endSeparator: string;
   isEndFormatSeparator?: boolean;
+  separator: null;
 })[];
 export declare function getRangeFieldType(field: React.ElementType & {
   fieldType?: 'single-input' | 'multi-input';
-}): "single-input" | "multi-input";
+}): "multi-input" | "single-input";

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

@@ -4,7 +4,6 @@ export declare const splitDateRangeSections: (sections: FieldRangeSection[]) =>
   endDate: FieldRangeSection[];
 };
 export declare const removeLastSeparator: (dateSections: FieldRangeSection[]) => (FieldRangeSection | {
-  separator: null;
   dateName: import("@mui/x-date-pickers/internals").RangePosition;
   value: string;
   format: string;
@@ -18,7 +17,8 @@ export declare const removeLastSeparator: (dateSections: FieldRangeSection[]) =>
   startSeparator: string;
   endSeparator: string;
   isEndFormatSeparator?: boolean;
+  separator: null;
 })[];
 export declare function getRangeFieldType(field: React.ElementType & {
   fieldType?: 'single-input' | 'multi-input';
-}): "single-input" | "multi-input";
+}): "multi-input" | "single-input";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "9.9.0",
+  "version": "9.10.1",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Date and Time Picker components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -35,9 +35,9 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-license": "^9.9.0",
-    "@mui/x-date-pickers": "^9.9.0",
-    "@mui/x-internals": "^9.9.0"
+    "@mui/x-date-pickers": "^9.10.1",
+    "@mui/x-license": "^9.10.1",
+    "@mui/x-internals": "^9.10.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",