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

package/CHANGELOG.md

@@ -1,5 +1,124 @@
 # Changelog
 
+## 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: "MTc4MzU1NTIwMDAwMA==",
+  version: "9.9.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: "MTc4MzU1NTIwMDAwMA==",
+  version: "9.9.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/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: "MTc4MzU1NTIwMDAwMA==",
+    version: "9.9.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: "MTc4MzU1NTIwMDAwMA==",
+    version: "9.9.0",
     name: 'x-date-pickers-pro'
   });
   const adapter = usePickerAdapter();

package/DateTimeRangePicker/DateTimeRangePickerTabs.d.mts

@@ -24,7 +24,7 @@ export interface ExportedDateTimeRangePickerTabsProps extends ExportedBaseTabsPr
 }
 export interface DateTimeRangePickerTabsProps extends ExportedDateTimeRangePickerTabsProps {}
 declare const DateTimeRangePickerTabs: {
-  (inProps: DateTimeRangePickerTabsProps): import("react/jsx-runtime").JSX.Element | null;
+  (inProps: DateTimeRangePickerTabsProps): React.JSX.Element | null;
   propTypes: any;
 };
 export { DateTimeRangePickerTabs };

package/DateTimeRangePicker/DateTimeRangePickerTabs.d.ts

@@ -24,7 +24,7 @@ export interface ExportedDateTimeRangePickerTabsProps extends ExportedBaseTabsPr
 }
 export interface DateTimeRangePickerTabsProps extends ExportedDateTimeRangePickerTabsProps {}
 declare const DateTimeRangePickerTabs: {
-  (inProps: DateTimeRangePickerTabsProps): import("react/jsx-runtime").JSX.Element | null;
+  (inProps: DateTimeRangePickerTabsProps): React.JSX.Element | null;
   propTypes: any;
 };
 export { DateTimeRangePickerTabs };

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

@@ -29,7 +29,7 @@ export interface TimeRangePickerTabsProps extends ExportedTimeRangePickerTabsPro
  * - [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;
+  (inProps: TimeRangePickerTabsProps): React.JSX.Element | null;
   propTypes: any;
 };
 export { TimeRangePickerTabs };

package/TimeRangePicker/TimeRangePickerTabs.d.ts

@@ -29,7 +29,7 @@ export interface TimeRangePickerTabsProps extends ExportedTimeRangePickerTabsPro
  * - [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;
+  (inProps: TimeRangePickerTabsProps): React.JSX.Element | null;
   propTypes: any;
 };
 export { TimeRangePickerTabs };

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.9.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.9.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: "MTc4MzU1NTIwMDAwMA==",
+    version: "9.9.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: "MTc4MzU1NTIwMDAwMA==",
+    version: "9.9.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: "MTc4MzU1NTIwMDAwMA==",
+    version: "9.9.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: "MTc4MzU1NTIwMDAwMA==",
+    version: "9.9.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "9.8.0",
+  "version": "9.9.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-license": "^9.9.0",
+    "@mui/x-date-pickers": "^9.9.0",
+    "@mui/x-internals": "^9.9.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",