@mui/x-date-pickers-pro 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/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: "MTc4Mjk1MDQwMDAwMA==",
-  version: "9.8.0",
+  releaseDate: "MTc4NDI0NjQwMDAwMA==",
+  version: "9.10.0",
   name: 'x-date-pickers-pro'
 };
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {
@@ -348,10 +348,17 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
       return;
     }
     const displayingMonthRange = calendars - currentMonthCalendarPosition;
-    // Use absolute months (year * 12 + month) so the comparison stays correct across year boundaries.
-    const currentMonthNumber = adapter.getYear(calendarState.currentMonth) * 12 + adapter.getMonth(calendarState.currentMonth);
-    const requestedMonthNumber = adapter.getYear(date) * 12 + adapter.getMonth(date);
-    if (requestedMonthNumber < currentMonthNumber || requestedMonthNumber > currentMonthNumber + displayingMonthRange) {
+
+    // Compare absolute month indices (year * 12 + month). This is time-insensitive (unlike a
+    // date range check) and stays correct across year boundaries. The visible window spans the
+    // `currentMonthCalendarPosition - 1` calendars rendered before the current month and the
+    // `calendars - currentMonthCalendarPosition` rendered after it.
+    // See https://github.com/mui/mui-x/issues/22980
+    const currentMonthIndex = adapter.getYear(calendarState.currentMonth) * 12 + adapter.getMonth(calendarState.currentMonth);
+    const requestedMonthIndex = adapter.getYear(date) * 12 + adapter.getMonth(date);
+    const firstVisibleMonthIndex = currentMonthIndex - (currentMonthCalendarPosition - 1);
+    const lastVisibleMonthIndex = currentMonthIndex + displayingMonthRange;
+    if (requestedMonthIndex < firstVisibleMonthIndex || requestedMonthIndex > lastVisibleMonthIndex) {
       const newMonth = rangePosition === 'start' ? date :
       // If need to focus end, scroll to the state when "end" is displaying in the last calendar
       adapter.addMonths(date, -displayingMonthRange);

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: "MTc4Mjk1MDQwMDAwMA==",
-  version: "9.8.0",
+  releaseDate: "MTc4NDI0NjQwMDAwMA==",
+  version: "9.10.0",
   name: 'x-date-pickers-pro'
 };
 const DateRangeCalendarRoot = styled('div', {
@@ -341,10 +341,17 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
       return;
     }
     const displayingMonthRange = calendars - currentMonthCalendarPosition;
-    // Use absolute months (year * 12 + month) so the comparison stays correct across year boundaries.
-    const currentMonthNumber = adapter.getYear(calendarState.currentMonth) * 12 + adapter.getMonth(calendarState.currentMonth);
-    const requestedMonthNumber = adapter.getYear(date) * 12 + adapter.getMonth(date);
-    if (requestedMonthNumber < currentMonthNumber || requestedMonthNumber > currentMonthNumber + displayingMonthRange) {
+
+    // Compare absolute month indices (year * 12 + month). This is time-insensitive (unlike a
+    // date range check) and stays correct across year boundaries. The visible window spans the
+    // `currentMonthCalendarPosition - 1` calendars rendered before the current month and the
+    // `calendars - currentMonthCalendarPosition` rendered after it.
+    // See https://github.com/mui/mui-x/issues/22980
+    const currentMonthIndex = adapter.getYear(calendarState.currentMonth) * 12 + adapter.getMonth(calendarState.currentMonth);
+    const requestedMonthIndex = adapter.getYear(date) * 12 + adapter.getMonth(date);
+    const firstVisibleMonthIndex = currentMonthIndex - (currentMonthCalendarPosition - 1);
+    const lastVisibleMonthIndex = currentMonthIndex + displayingMonthRange;
+    if (requestedMonthIndex < firstVisibleMonthIndex || requestedMonthIndex > lastVisibleMonthIndex) {
       const newMonth = rangePosition === 'start' ? date :
       // If need to focus end, scroll to the state when "end" is displaying in the last calendar
       adapter.addMonths(date, -displayingMonthRange);

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: "MTc4Mjk1MDQwMDAwMA==",
-    version: "9.8.0",
+    releaseDate: "MTc4NDI0NjQwMDAwMA==",
+    version: "9.10.0",
     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: "MTc4Mjk1MDQwMDAwMA==",
-    version: "9.8.0",
+    releaseDate: "MTc4NDI0NjQwMDAwMA==",
+    version: "9.10.0",
     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): import("react/jsx-runtime").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): import("react/jsx-runtime").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/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -205,7 +205,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes /* re
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * While CSS `gap` removes the known limitations,
    * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
    *
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.

package/MultiInputDateRangeField/MultiInputDateRangeField.mjs

@@ -201,7 +201,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes /* re
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * While CSS `gap` removes the known limitations,
    * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
    *
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -245,7 +245,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes /
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * While CSS `gap` removes the known limitations,
    * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
    *
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.mjs

@@ -241,7 +241,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes /
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * While CSS `gap` removes the known limitations,
    * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
    *
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.

package/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -218,7 +218,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes /* re
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * While CSS `gap` removes the known limitations,
    * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
    *
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.

package/MultiInputTimeRangeField/MultiInputTimeRangeField.mjs

@@ -214,7 +214,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes /* re
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *
-   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * While CSS `gap` removes the known limitations,
    * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
    *
    * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.

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): import("react/jsx-runtime").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): import("react/jsx-runtime").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-runtime").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-runtime").JSX.Element;
+}: DateRangeViewRendererProps<'day'>) => import("react").JSX.Element;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.8.0
+ * @mui/x-date-pickers-pro v9.10.0
  *
  * @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.8.0
+ * @mui/x-date-pickers-pro v9.10.0
  *
  * @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.d.mts

@@ -5,5 +5,5 @@ export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMer
   steps,
   ...pickerParams
 }: UseDesktopRangePickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -5,5 +5,5 @@ export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMer
   steps,
   ...pickerParams
 }: UseDesktopRangePickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -26,8 +26,8 @@ const useDesktopRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc4Mjk1MDQwMDAwMA==",
-    version: "9.8.0",
+    releaseDate: "MTc4NDI0NjQwMDAwMA==",
+    version: "9.10.0",
     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: "MTc4Mjk1MDQwMDAwMA==",
-    version: "9.8.0",
+    releaseDate: "MTc4NDI0NjQwMDAwMA==",
+    version: "9.10.0",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.mts

@@ -5,5 +5,5 @@ export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeri
   steps,
   ...pickerParams
 }: UseMobileRangePickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -5,5 +5,5 @@ export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeri
   steps,
   ...pickerParams
 }: UseMobileRangePickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -28,8 +28,8 @@ const useMobileRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc4Mjk1MDQwMDAwMA==",
-    version: "9.8.0",
+    releaseDate: "MTc4NDI0NjQwMDAwMA==",
+    version: "9.10.0",
     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: "MTc4Mjk1MDQwMDAwMA==",
-    version: "9.8.0",
+    releaseDate: "MTc4NDI0NjQwMDAwMA==",
+    version: "9.10.0",
     name: 'x-date-pickers-pro'
   });
   const {

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

@@ -9,5 +9,5 @@ export declare const useStaticRangePicker: <TView extends DateOrTimeViewWithMeri
   steps,
   ...pickerParams
 }: UseStaticRangePickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

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

@@ -9,5 +9,5 @@ export declare const useStaticRangePicker: <TView extends DateOrTimeViewWithMeri
   steps,
   ...pickerParams
 }: UseStaticRangePickerParams<TView, TExternalProps>) => {
-  renderPicker: () => import("react/jsx-runtime").JSX.Element;
+  renderPicker: () => import("react").JSX.Element;
 };

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.8.0",
+  "version": "9.10.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Date and Time Picker components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,13 +31,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "^9.1.1",
+    "@mui/utils": "^9.2.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "^9.8.0",
-    "@mui/x-license": "^9.8.0",
-    "@mui/x-date-pickers": "^9.8.0"
+    "@mui/x-date-pickers": "^9.10.0",
+    "@mui/x-license": "^9.10.0",
+    "@mui/x-internals": "^9.10.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",