@mui/x-date-pickers 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/DateCalendar/DayCalendar.d.mts

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

package/DateCalendar/DayCalendar.d.ts

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

package/DateCalendar/PickersFadeTransitionGroup.d.mts

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

package/DateCalendar/PickersFadeTransitionGroup.d.ts

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

package/DateCalendar/PickersSlideTransition.d.mts

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

package/DateCalendar/PickersSlideTransition.d.ts

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

package/DateTimePicker/DateTimePickerTabs.d.mts

@@ -33,7 +33,7 @@ export interface DateTimePickerTabsProps extends ExportedBaseTabsProps {
  * - [DateTimePickerTabs API](https://mui.com/x/api/date-pickers/date-time-picker-tabs/)
  */
 declare const DateTimePickerTabs: {
-  (inProps: DateTimePickerTabsProps): import("react/jsx-runtime").JSX.Element | null;
+  (inProps: DateTimePickerTabsProps): React.JSX.Element | null;
   propTypes: any;
 };
 export { DateTimePickerTabs };

package/DateTimePicker/DateTimePickerTabs.d.ts

@@ -33,7 +33,7 @@ export interface DateTimePickerTabsProps extends ExportedBaseTabsProps {
  * - [DateTimePickerTabs API](https://mui.com/x/api/date-pickers/date-time-picker-tabs/)
  */
 declare const DateTimePickerTabs: {
-  (inProps: DateTimePickerTabsProps): import("react/jsx-runtime").JSX.Element | null;
+  (inProps: DateTimePickerTabsProps): React.JSX.Element | null;
   propTypes: any;
 };
 export { DateTimePickerTabs };

package/DateTimePicker/DateTimePickerToolbar.d.mts

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

package/DateTimePicker/DateTimePickerToolbar.d.ts

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

package/DayCalendarSkeleton/DayCalendarSkeleton.d.mts

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

package/DayCalendarSkeleton/DayCalendarSkeleton.d.ts

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

package/MonthCalendar/MonthCalendarButton.d.mts

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

package/MonthCalendar/MonthCalendarButton.d.ts

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

package/PickersActionBar/PickersActionBar.d.mts

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

package/PickersActionBar/PickersActionBar.d.ts

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

package/PickersShortcuts/PickersShortcuts.d.mts

@@ -39,7 +39,7 @@ export interface PickersShortcutsProps<TValue extends PickerValidValue> extends
  *
  * - [PickersShortcuts API](https://mui.com/x/api/date-pickers/pickers-shortcuts/)
  */
-declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react/jsx-runtime").JSX.Element | null;
+declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react").JSX.Element | null;
 declare namespace PickersShortcuts {
   var propTypes: any;
 }

package/PickersShortcuts/PickersShortcuts.d.ts

@@ -39,7 +39,7 @@ export interface PickersShortcutsProps<TValue extends PickerValidValue> extends
  *
  * - [PickersShortcuts API](https://mui.com/x/api/date-pickers/pickers-shortcuts/)
  */
-declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react/jsx-runtime").JSX.Element | null;
+declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react").JSX.Element | null;
 declare namespace PickersShortcuts {
   var propTypes: any;
 }

package/PickersTextField/PickersOutlinedInput/Outline.d.mts

@@ -7,5 +7,5 @@ interface OutlineProps extends React.HTMLAttributes<HTMLFieldSetElement> {
 /**
  * @ignore - internal component.
  */
-export default function Outline(props: OutlineProps): import("react/jsx-runtime").JSX.Element;
+export default function Outline(props: OutlineProps): React.JSX.Element;
 export {};

package/PickersTextField/PickersOutlinedInput/Outline.d.ts

@@ -7,5 +7,5 @@ interface OutlineProps extends React.HTMLAttributes<HTMLFieldSetElement> {
 /**
  * @ignore - internal component.
  */
-export default function Outline(props: OutlineProps): import("react/jsx-runtime").JSX.Element;
+export default function Outline(props: OutlineProps): React.JSX.Element;
 export {};

package/TimeClock/Clock.d.mts

@@ -47,4 +47,4 @@ export interface ClockOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function Clock(inProps: ClockProps): import("react/jsx-runtime").JSX.Element;
+export declare function Clock(inProps: ClockProps): React.JSX.Element;

package/TimeClock/Clock.d.ts

@@ -47,4 +47,4 @@ export interface ClockOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function Clock(inProps: ClockProps): import("react/jsx-runtime").JSX.Element;
+export declare function Clock(inProps: ClockProps): React.JSX.Element;

package/TimeClock/ClockNumber.d.mts

@@ -34,4 +34,4 @@ export interface ClockNumberOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function ClockNumber(inProps: ClockNumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClockNumber(inProps: ClockNumberProps): React.JSX.Element;

package/TimeClock/ClockNumber.d.ts

@@ -34,4 +34,4 @@ export interface ClockNumberOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function ClockNumber(inProps: ClockNumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClockNumber(inProps: ClockNumberProps): React.JSX.Element;

package/TimeClock/ClockNumbers.d.mts

@@ -33,5 +33,5 @@ export declare const getMinutesNumbers: ({
   selectedId
 }: Omit<GetHourNumbersOptions, "ampm" | "value"> & {
   value: number;
-}) => import("react/jsx-runtime").JSX.Element[];
+}) => React.JSX.Element[];
 export {};

package/TimeClock/ClockNumbers.d.ts

@@ -33,5 +33,5 @@ export declare const getMinutesNumbers: ({
   selectedId
 }: Omit<GetHourNumbersOptions, "ampm" | "value"> & {
   value: number;
-}) => import("react/jsx-runtime").JSX.Element[];
+}) => React.JSX.Element[];
 export {};

package/TimeClock/ClockPointer.d.mts

@@ -28,4 +28,4 @@ export interface ClockPointerOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function ClockPointer(inProps: ClockPointerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClockPointer(inProps: ClockPointerProps): React.JSX.Element;

package/TimeClock/ClockPointer.d.ts

@@ -28,4 +28,4 @@ export interface ClockPointerOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function ClockPointer(inProps: ClockPointerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClockPointer(inProps: ClockPointerProps): React.JSX.Element;

package/TimePicker/TimePickerToolbar.d.mts

@@ -20,7 +20,7 @@ export interface ExportedTimePickerToolbarProps extends ExportedBaseToolbarProps
  *
  * - [TimePickerToolbar API](https://mui.com/x/api/date-pickers/time-picker-toolbar/)
  */
-declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react").JSX.Element;
 declare namespace TimePickerToolbar {
   var propTypes: any;
 }

package/TimePicker/TimePickerToolbar.d.ts

@@ -20,7 +20,7 @@ export interface ExportedTimePickerToolbarProps extends ExportedBaseToolbarProps
  *
  * - [TimePickerToolbar API](https://mui.com/x/api/date-pickers/time-picker-toolbar/)
  */
-declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react").JSX.Element;
 declare namespace TimePickerToolbar {
   var propTypes: any;
 }

package/YearCalendar/YearCalendarButton.d.mts

@@ -20,4 +20,4 @@ export interface YearCalendarButtonProps {
 /**
  * @ignore - internal component.
  */
-export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => React.JSX.Element>;

package/YearCalendar/YearCalendarButton.d.ts

@@ -20,4 +20,4 @@ export interface YearCalendarButtonProps {
 /**
  * @ignore - internal component.
  */
-export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const YearCalendarButton: React.MemoExoticComponent<(props: YearCalendarButtonProps) => React.JSX.Element>;

package/dateViewRenderers/dateViewRenderers.d.mts

@@ -46,4 +46,4 @@ export declare const renderDateViewCalendar: ({
   fixedWeekNumber,
   displayWeekNumber,
   timezone
-}: DateViewRendererProps<DateView>) => import("react/jsx-runtime").JSX.Element;
+}: DateViewRendererProps<DateView>) => import("react").JSX.Element;

package/dateViewRenderers/dateViewRenderers.d.ts

@@ -46,4 +46,4 @@ export declare const renderDateViewCalendar: ({
   fixedWeekNumber,
   displayWeekNumber,
   timezone
-}: DateViewRendererProps<DateView>) => import("react/jsx-runtime").JSX.Element;
+}: DateViewRendererProps<DateView>) => import("react").JSX.Element;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.8.0
+ * @mui/x-date-pickers v9.9.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.8.0
+ * @mui/x-date-pickers v9.9.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickerFieldUI.d.mts

@@ -18,7 +18,7 @@ export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextVal
  * Adds the button to open the Picker and the button to clear the value of the field.
  * @ignore - internal component.
  */
-export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): React.JSX.Element;
 export interface ExportedPickerFieldUIProps {
   /**
    * If `true`, a clear button will be shown in the field allowing value clearing.
@@ -116,7 +116,7 @@ interface UseFieldTextFieldPropsParameters {
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;
 }
-export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): React.JSX.Element;
 interface PickerFieldUIContextProviderProps {
   children: React.ReactNode;
   inputRef: React.Ref<HTMLInputElement> | undefined;

package/internals/components/PickerFieldUI.d.ts

@@ -18,7 +18,7 @@ export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextVal
  * Adds the button to open the Picker and the button to clear the value of the field.
  * @ignore - internal component.
  */
-export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUI<TProps extends UseFieldProps>(props: PickerFieldUIProps<TProps>): React.JSX.Element;
 export interface ExportedPickerFieldUIProps {
   /**
    * If `true`, a clear button will be shown in the field allowing value clearing.
@@ -116,7 +116,7 @@ interface UseFieldTextFieldPropsParameters {
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;
 }
-export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): React.JSX.Element;
 interface PickerFieldUIContextProviderProps {
   children: React.ReactNode;
   inputRef: React.Ref<HTMLInputElement> | undefined;

package/internals/components/PickerPopper/PickerPopper.d.mts

@@ -64,4 +64,4 @@ export interface PickerPopperProps extends ExportedPickerPopperProps {
   slots?: PickerPopperSlots;
   slotProps?: PickerPopperSlotProps;
 }
-export declare function PickerPopper(inProps: PickerPopperProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerPopper(inProps: PickerPopperProps): React.JSX.Element;

package/internals/components/PickerPopper/PickerPopper.d.ts

@@ -64,4 +64,4 @@ export interface PickerPopperProps extends ExportedPickerPopperProps {
   slots?: PickerPopperSlots;
   slotProps?: PickerPopperSlotProps;
 }
-export declare function PickerPopper(inProps: PickerPopperProps): import("react/jsx-runtime").JSX.Element;
+export declare function PickerPopper(inProps: PickerPopperProps): React.JSX.Element;

package/internals/components/PickerProvider.d.mts

@@ -16,7 +16,7 @@ export declare const PickerPrivateContext: React.Context<PickerPrivateContextVal
  *
  * @ignore - do not document.
  */
-export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): React.JSX.Element;
 export interface PickerProviderProps<TValue extends PickerValidValue> {
   contextValue: PickerContextValue<any, any, any>;
   actionsContextValue: PickerActionsContextValue<any, any, any>;

package/internals/components/PickerProvider.d.ts

@@ -16,7 +16,7 @@ export declare const PickerPrivateContext: React.Context<PickerPrivateContextVal
  *
  * @ignore - do not document.
  */
-export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): React.JSX.Element;
 export interface PickerProviderProps<TValue extends PickerValidValue> {
   contextValue: PickerContextValue<any, any, any>;
   actionsContextValue: PickerActionsContextValue<any, any, any>;

package/internals/components/PickersModalDialog.d.mts

@@ -45,4 +45,4 @@ export interface PickersModalDialogProps {
    */
   slotProps?: PickersModalDialogSlotProps;
 }
-export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): React.JSX.Element;

package/internals/components/PickersModalDialog.d.ts

@@ -45,4 +45,4 @@ export interface PickersModalDialogProps {
    */
   slotProps?: PickersModalDialogSlotProps;
 }
-export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): React.JSX.Element;

package/internals/demo/DemoContainer.d.mts

@@ -14,7 +14,7 @@ interface DemoItemProps extends Omit<StackProps, 'component'> {
  * WARNING: This is an internal component used in documentation to achieve a desired layout.
  * Please do not use it in your application.
  */
-export declare function DemoItem(props: DemoItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoItem(props: DemoItemProps): React.JSX.Element;
 export declare namespace DemoItem {
   var displayName: string;
 }
@@ -22,5 +22,5 @@ export declare namespace DemoItem {
  * WARNING: This is an internal component used in documentation to achieve a desired layout.
  * Please do not use it in your application.
  */
-export declare function DemoContainer(props: DemoGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoContainer(props: DemoGridProps): React.JSX.Element;
 export {};

package/internals/demo/DemoContainer.d.ts

@@ -14,7 +14,7 @@ interface DemoItemProps extends Omit<StackProps, 'component'> {
  * WARNING: This is an internal component used in documentation to achieve a desired layout.
  * Please do not use it in your application.
  */
-export declare function DemoItem(props: DemoItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoItem(props: DemoItemProps): React.JSX.Element;
 export declare namespace DemoItem {
   var displayName: string;
 }
@@ -22,5 +22,5 @@ export declare namespace DemoItem {
  * WARNING: This is an internal component used in documentation to achieve a desired layout.
  * Please do not use it in your application.
  */
-export declare function DemoContainer(props: DemoGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function DemoContainer(props: DemoGridProps): React.JSX.Element;
 export {};

package/internals/hooks/useDesktopPicker/useDesktopPicker.d.mts

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

package/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts

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

package/internals/hooks/useMobilePicker/useMobilePicker.d.mts

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

package/internals/hooks/useMobilePicker/useMobilePicker.d.ts

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

package/internals/hooks/useStaticPicker/useStaticPicker.d.mts

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

package/internals/hooks/useStaticPicker/useStaticPicker.d.ts

@@ -11,5 +11,5 @@ export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseStaticPickerParams<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",
-  "version": "9.8.0",
+  "version": "9.9.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",
@@ -34,12 +34,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "^9.1.1",
+    "@mui/utils": "^9.2.0",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "^9.8.0"
+    "@mui/x-internals": "^9.9.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/timeViewRenderers/timeViewRenderers.d.mts

@@ -39,7 +39,7 @@ export declare const renderTimeViewClock: ({
   showViewSwitcher,
   disableIgnoringDatePartForTimeValidation,
   timezone
-}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react").JSX.Element;
 export declare const renderDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -69,7 +69,7 @@ export declare const renderDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react").JSX.Element;
 export declare const renderMultiSectionDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -99,4 +99,4 @@ export declare const renderMultiSectionDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react").JSX.Element;

package/timeViewRenderers/timeViewRenderers.d.ts

@@ -39,7 +39,7 @@ export declare const renderTimeViewClock: ({
   showViewSwitcher,
   disableIgnoringDatePartForTimeValidation,
   timezone
-}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react").JSX.Element;
 export declare const renderDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -69,7 +69,7 @@ export declare const renderDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react").JSX.Element;
 export declare const renderMultiSectionDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -99,4 +99,4 @@ export declare const renderMultiSectionDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react/jsx-runtime").JSX.Element;
+}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react").JSX.Element;