@mui/x-date-pickers 8.16.0 → 8.17.0

package/CHANGELOG.md

@@ -5,6 +5,113 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.17.0
+
+_Nov 5, 2025_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- Add `colorGetter` prop to cartesian charts series
+
+  <img width="400" alt="Image" src="https://github.com/user-attachments/assets/d8b1263f-794e-4939-b17e-87350fdd1746" />
+
+- 🌎 Add Catalan (ca-ES) locale on the Data Grid
+- 🌎 Add Norwegian Bokmål (nb-NO) locale on the Charts
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@frncesc, @Methuselah96, @samuelwalk, @htollefsen
+
+The following team members contributed to this release:
+@alexfauquette, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @mnajdova, @rita-codes, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.17.0`
+
+- [DataGrid] Stop event propagation on data grid action buttons (GridActionsCellItem) (#19513) @Copilot
+- [DataGrid] Update cell editable state if `editable` prop is updated in the column definition (#20147) @arminmeh
+- [DataGrid] Wait for external model updates before resetting pagination after sort/filter (#20162) @arminmeh
+- [l10n] Add Catalan (ca-ES) locale (#20154) @frncesc
+- [l10n] Improve Arabic (ar-SD) locale (#20185) @samuelwalk
+
+#### `@mui/x-data-grid-pro@8.17.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@8.17.0`.
+
+#### `@mui/x-data-grid-premium@8.17.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@8.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.17.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.17.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@8.17.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.17.0`
+
+- [charts] Add `barLabel` to bar series. Deprecate `barLabel` in `BarPlot`. (#20184) @bernardobelchior
+- [charts] Add series color callback (#20084) @bernardobelchior
+- [charts] Expose `ChartsSurface` classes (#20180) @bernardobelchior
+- [charts] Fix chart cut off when inside `overflow: scroll` container (#20182) @bernardobelchior
+- [charts] Fix tick label overflow on multiple axes and series demo (#20152) @bernardobelchior
+- [charts] Organize series config (#20155) @bernardobelchior
+- [charts] Use selectors from `@mui/x-internals` (#20052) @alexfauquette
+- [charts] Use store from `@mui/x-internals` (#20121) @alexfauquette
+- [charts] Add `useDataset` hook (#20205) @JCQuintas
+- [l10n] Add Norwegian Bokmål (nb-NO) locale (#20197) @htollefsen
+
+#### `@mui/x-charts-pro@8.17.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@8.17.0`, plus:
+
+- [charts-pro] Fix zoom pan issue when controlled (#20163) @JCQuintas
+
+#### `@mui/x-charts-premium@8.17.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@8.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.17.0`
+
+- [tree view] Accept read only arrays in `expandedItems` prop (#20181) @Methuselah96
+- [tree view] Use `aria-checked` instead of `aria-selected` on items (#19851) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.17.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@8.17.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.17.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix focus issues in the action column demo (#20178) @arminmeh
+- [docs] Remove hidden Tree View headless page (#20119) @flaviendelangle
+- [docs] Fix some external redirects (#20211) @Janpot
+
+### Core
+
+- [code-infra] Fix cci job timeout due to buffered test output (#20193) @Janpot
+- [code-infra] Fix publish workflow (#20140) @bernardobelchior
+- [code-infra] Increase JSDOM test parallelism (#20179) @Janpot
+- [code-infra] Remove React import requirement for jsx (#20144) @brijeshb42
+- [code-infra] Replace `getInitialProps` with `getStaticProps` (#20192) @Janpot
+- [code-infra] git-ignore next-env.d.ts (#20177) @Janpot
+- [code-infra] Stabilize screenshot testing (#19868) @Janpot
+
 ## 8.16.0
 
 _Oct 29, 2025_
@@ -39,7 +146,7 @@ Same changes as in `@mui/x-data-grid@8.16.0`, plus:
 Same changes as in `@mui/x-data-grid-pro@8.16.0`, plus:
 
 - [DataGridPremium] Export and restore chart integration state (#20079) @arminmeh
-- [DataGridPremium] Fix grouping column `valueFormatter()` crash  (#20070) @sai6855
+- [DataGridPremium] Fix grouping column `valueFormatter()` crash (#20070) @sai6855
 - [DataGridPremium] Refetch aggregation data after row update with server-side aggregation (#20039) @arminmeh
 
 ### Date and Time Pickers

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): React.JSX.Element;
+export declare function DayCalendar(inProps: DayCalendarProps): import("react/jsx-runtime").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): React.JSX.Element;
+export declare function PickersFadeTransitionGroup(inProps: PickersFadeTransitionGroupProps): import("react/jsx-runtime").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): React.JSX.Element;
+export declare function PickersSlideTransition(inProps: SlideTransitionProps): import("react/jsx-runtime").JSX.Element;

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): React.JSX.Element | null;
+  (inProps: DateTimePickerTabsProps): import("react/jsx-runtime").JSX.Element | null;
   propTypes: any;
 };
 export { DateTimePickerTabs };

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): React.JSX.Element;
+declare function DateTimePickerToolbar(inProps: DateTimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DateTimePickerToolbar {
   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): React.JSX.Element;
+declare function DayCalendarSkeleton(inProps: DayCalendarSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DayCalendarSkeleton {
   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): React.JSX.Element | null;
+declare function PickersActionBarComponent(props: PickersActionBarProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PickersActionBarComponent {
   var propTypes: any;
 }

package/PickersShortcuts/PickersShortcuts.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ListProps } from '@mui/material/List';
 import { PickerValidValue } from "../internals/models/index.js";
 import { PickerChangeImportance } from "../models/pickers.js";
@@ -40,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>): React.JSX.Element | null;
+declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PickersShortcuts {
   var propTypes: any;
 }

package/PickersShortcuts/PickersShortcuts.js

@@ -2,14 +2,12 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PickersShortcuts = PickersShortcuts;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _List = _interopRequireDefault(require("@mui/material/List"));

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): React.JSX.Element;
+export default function Outline(props: OutlineProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/TimeClock/Clock.d.ts

@@ -47,4 +47,4 @@ export interface ClockOwnerState extends PickerOwnerState {
 /**
  * @ignore - internal component.
  */
-export declare function Clock(inProps: ClockProps): React.JSX.Element;
+export declare function Clock(inProps: ClockProps): import("react/jsx-runtime").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): React.JSX.Element;
+export declare function ClockNumber(inProps: ClockNumberProps): import("react/jsx-runtime").JSX.Element;

package/TimeClock/ClockNumbers.d.ts

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

package/TimeClock/ClockPointer.d.ts

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

package/TimePicker/TimePickerToolbar.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.js";
 import { TimePickerToolbarClasses } from "./timePickerToolbarClasses.js";
 export interface TimePickerToolbarProps extends BaseToolbarProps, ExportedTimePickerToolbarProps {
@@ -21,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): React.JSX.Element;
+declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TimePickerToolbar {
   var propTypes: any;
 }

package/TimePicker/TimePickerToolbar.js

@@ -2,14 +2,12 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TimePickerToolbar = TimePickerToolbar;
 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"));
 var _styles = require("@mui/material/styles");

package/dateViewRenderers/dateViewRenderers.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { DateCalendarProps } from "../DateCalendar/index.js";
 import { DateView } from "../models/index.js";
 import { DateOrTimeViewWithMeridiem } from "../internals/models/index.js";
@@ -47,4 +46,4 @@ export declare const renderDateViewCalendar: ({
   fixedWeekNumber,
   displayWeekNumber,
   timezone
-}: DateViewRendererProps<DateView>) => React.JSX.Element;
+}: DateViewRendererProps<DateView>) => import("react/jsx-runtime").JSX.Element;

package/dateViewRenderers/dateViewRenderers.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderDateViewCalendar = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _DateCalendar = require("../DateCalendar");
 var _dateUtils = require("../internals/utils/date-utils");
 var _jsxRuntime = require("react/jsx-runtime");

package/esm/DateCalendar/DayCalendar.d.ts

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

package/esm/DateCalendar/PickersFadeTransitionGroup.d.ts

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

package/esm/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): React.JSX.Element;
+export declare function PickersSlideTransition(inProps: SlideTransitionProps): import("react/jsx-runtime").JSX.Element;

package/esm/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): React.JSX.Element | null;
+  (inProps: DateTimePickerTabsProps): import("react/jsx-runtime").JSX.Element | null;
   propTypes: any;
 };
 export { DateTimePickerTabs };

package/esm/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): React.JSX.Element;
+declare function DateTimePickerToolbar(inProps: DateTimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DateTimePickerToolbar {
   var propTypes: any;
 }

package/esm/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): React.JSX.Element;
+declare function DayCalendarSkeleton(inProps: DayCalendarSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DayCalendarSkeleton {
   var propTypes: any;
 }

package/esm/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): React.JSX.Element | null;
+declare function PickersActionBarComponent(props: PickersActionBarProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PickersActionBarComponent {
   var propTypes: any;
 }

package/esm/PickersShortcuts/PickersShortcuts.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ListProps } from '@mui/material/List';
 import { PickerValidValue } from "../internals/models/index.js";
 import { PickerChangeImportance } from "../models/pickers.js";
@@ -40,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>): React.JSX.Element | null;
+declare function PickersShortcuts<TValue extends PickerValidValue>(props: PickersShortcutsProps<TValue>): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PickersShortcuts {
   var propTypes: any;
 }

package/esm/PickersShortcuts/PickersShortcuts.js

@@ -4,7 +4,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["items", "changeImportance"],
   _excluded2 = ["getValue"];
-import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import PropTypes from 'prop-types';
 import List from '@mui/material/List';

package/esm/PickersTextField/PickersOutlinedInput/Outline.d.ts

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

package/esm/TimeClock/Clock.d.ts

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

package/esm/TimeClock/ClockNumber.d.ts

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

package/esm/TimeClock/ClockNumbers.d.ts

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

package/esm/TimeClock/ClockPointer.d.ts

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

package/esm/TimePicker/TimePickerToolbar.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.js";
 import { TimePickerToolbarClasses } from "./timePickerToolbarClasses.js";
 export interface TimePickerToolbarProps extends BaseToolbarProps, ExportedTimePickerToolbarProps {
@@ -21,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): React.JSX.Element;
+declare function TimePickerToolbar(inProps: TimePickerToolbarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TimePickerToolbar {
   var propTypes: any;
 }

package/esm/TimePicker/TimePickerToolbar.js

@@ -3,7 +3,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["ampm", "ampmInClock", "className", "classes"];
-import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { styled, useThemeProps } from '@mui/material/styles';

package/esm/dateViewRenderers/dateViewRenderers.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { DateCalendarProps } from "../DateCalendar/index.js";
 import { DateView } from "../models/index.js";
 import { DateOrTimeViewWithMeridiem } from "../internals/models/index.js";
@@ -47,4 +46,4 @@ export declare const renderDateViewCalendar: ({
   fixedWeekNumber,
   displayWeekNumber,
   timezone
-}: DateViewRendererProps<DateView>) => React.JSX.Element;
+}: DateViewRendererProps<DateView>) => import("react/jsx-runtime").JSX.Element;

package/esm/dateViewRenderers/dateViewRenderers.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { DateCalendar } from "../DateCalendar/index.js";
 import { isDatePickerView } from "../internals/utils/date-utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/index.js

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

package/esm/internals/components/PickerFieldUI.d.ts

@@ -22,7 +22,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<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>>(props: PickerFieldUIProps<TEnableAccessibleFieldDOMStructure, TProps>): React.JSX.Element;
+export declare function PickerFieldUI<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>>(props: PickerFieldUIProps<TEnableAccessibleFieldDOMStructure, TProps>): import("react/jsx-runtime").JSX.Element;
 export interface ExportedPickerFieldUIProps {
   /**
    * If `true`, a clear button will be shown in the field allowing value clearing.
@@ -123,7 +123,7 @@ interface UseFieldTextFieldPropsParameters {
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;
 }
-export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): React.JSX.Element;
+export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): import("react/jsx-runtime").JSX.Element;
 interface PickerFieldUIContextProviderProps {
   children: React.ReactNode;
   inputRef: React.Ref<HTMLInputElement> | undefined;

package/esm/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): React.JSX.Element;
+export declare function PickerPopper(inProps: PickerPopperProps): import("react/jsx-runtime").JSX.Element;

package/esm/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>): React.JSX.Element;
+export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): import("react/jsx-runtime").JSX.Element;
 export interface PickerProviderProps<TValue extends PickerValidValue> {
   contextValue: PickerContextValue<any, any, any>;
   actionsContextValue: PickerActionsContextValue<any, any, any>;

package/esm/internals/components/PickersModalDialog.d.ts

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

package/esm/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): React.JSX.Element;
+export declare function DemoItem(props: DemoItemProps): import("react/jsx-runtime").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): React.JSX.Element;
+export declare function DemoContainer(props: DemoGridProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { UseDesktopPickerParams, UseDesktopPickerProps } from "./useDesktopPicker.types.js";
 import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
@@ -12,5 +11,5 @@ export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem
   steps,
   ...pickerParams
 }: UseDesktopPickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
+  renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/esm/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
-import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { PickerPopper } from "../../components/PickerPopper/PickerPopper.js";
 import { usePicker } from "../usePicker/index.js";

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { UseMobilePickerParams, UseMobilePickerProps } from "./useMobilePicker.types.js";
 import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
@@ -12,5 +11,5 @@ export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseMobilePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
+  renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/esm/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
-import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { PickersModalDialog } from "../../components/PickersModalDialog.js";
 import { usePicker } from "../usePicker/index.js";

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { UseStaticPickerParams, UseStaticPickerProps } from "./useStaticPicker.types.js";
 import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
@@ -12,5 +11,5 @@ export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseStaticPickerParams<TView, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
+  renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/esm/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["props", "steps"];
-import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import { usePicker } from "../usePicker/index.js";

package/esm/timeViewRenderers/timeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TimeClockProps } from "../TimeClock/index.js";
 import { TimeView } from "../models/index.js";
 import { DigitalClockProps } from "../DigitalClock/index.js";
@@ -40,7 +39,7 @@ export declare const renderTimeViewClock: ({
   showViewSwitcher,
   disableIgnoringDatePartForTimeValidation,
   timezone
-}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => React.JSX.Element;
+}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react/jsx-runtime").JSX.Element;
 export declare const renderDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -70,7 +69,7 @@ export declare const renderDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => React.JSX.Element;
+}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react/jsx-runtime").JSX.Element;
 export declare const renderMultiSectionDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -100,4 +99,4 @@ export declare const renderMultiSectionDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => React.JSX.Element;
+}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react/jsx-runtime").JSX.Element;

package/esm/timeViewRenderers/timeViewRenderers.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TimeClock } from "../TimeClock/index.js";
 import { DigitalClock } from "../DigitalClock/index.js";
 import { MultiSectionDigitalClock } from "../MultiSectionDigitalClock/index.js";

package/index.js

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

package/internals/components/PickerFieldUI.d.ts

@@ -22,7 +22,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<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>>(props: PickerFieldUIProps<TEnableAccessibleFieldDOMStructure, TProps>): React.JSX.Element;
+export declare function PickerFieldUI<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>>(props: PickerFieldUIProps<TEnableAccessibleFieldDOMStructure, TProps>): import("react/jsx-runtime").JSX.Element;
 export interface ExportedPickerFieldUIProps {
   /**
    * If `true`, a clear button will be shown in the field allowing value clearing.
@@ -123,7 +123,7 @@ interface UseFieldTextFieldPropsParameters {
   ref: React.Ref<HTMLDivElement>;
   externalForwardedProps: any;
 }
-export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): React.JSX.Element;
+export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): import("react/jsx-runtime").JSX.Element;
 interface PickerFieldUIContextProviderProps {
   children: React.ReactNode;
   inputRef: React.Ref<HTMLInputElement> | undefined;

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): React.JSX.Element;
+export declare function PickerPopper(inProps: PickerPopperProps): import("react/jsx-runtime").JSX.Element;

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>): React.JSX.Element;
+export declare function PickerProvider<TValue extends PickerValidValue>(props: PickerProviderProps<TValue>): import("react/jsx-runtime").JSX.Element;
 export interface PickerProviderProps<TValue extends PickerValidValue> {
   contextValue: PickerContextValue<any, any, any>;
   actionsContextValue: PickerActionsContextValue<any, any, any>;

package/internals/components/PickersModalDialog.d.ts

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

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): React.JSX.Element;
+export declare function DemoItem(props: DemoItemProps): import("react/jsx-runtime").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): React.JSX.Element;
+export declare function DemoContainer(props: DemoGridProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { UseDesktopPickerParams, UseDesktopPickerProps } from "./useDesktopPicker.types.js";
 import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
@@ -12,5 +11,5 @@ export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem
   steps,
   ...pickerParams
 }: UseDesktopPickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
+  renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -1,14 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDesktopPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _PickerPopper = require("../../components/PickerPopper/PickerPopper");
 var _usePicker = require("../usePicker");

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { UseMobilePickerParams, UseMobilePickerProps } from "./useMobilePicker.types.js";
 import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
@@ -12,5 +11,5 @@ export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseMobilePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
+  renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -1,14 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useMobilePicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _PickersModalDialog = require("../../components/PickersModalDialog");
 var _usePicker = require("../usePicker");

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { UseStaticPickerParams, UseStaticPickerProps } from "./useStaticPicker.types.js";
 import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
@@ -12,5 +11,5 @@ export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseStaticPickerParams<TView, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
+  renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -1,14 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStaticPicker = 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 _styles = require("@mui/material/styles");
 var _usePicker = require("../usePicker");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.16.0",
+  "version": "8.17.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.16.0"
+    "@mui/x-internals": "8.17.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/timeViewRenderers/timeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TimeClockProps } from "../TimeClock/index.js";
 import { TimeView } from "../models/index.js";
 import { DigitalClockProps } from "../DigitalClock/index.js";
@@ -40,7 +39,7 @@ export declare const renderTimeViewClock: ({
   showViewSwitcher,
   disableIgnoringDatePartForTimeValidation,
   timezone
-}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => React.JSX.Element;
+}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react/jsx-runtime").JSX.Element;
 export declare const renderDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -70,7 +69,7 @@ export declare const renderDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => React.JSX.Element;
+}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react/jsx-runtime").JSX.Element;
 export declare const renderMultiSectionDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -100,4 +99,4 @@ export declare const renderMultiSectionDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => React.JSX.Element;
+}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react/jsx-runtime").JSX.Element;

package/timeViewRenderers/timeViewRenderers.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderTimeViewClock = exports.renderMultiSectionDigitalClockTimeView = exports.renderDigitalClockTimeView = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _TimeClock = require("../TimeClock");
 var _DigitalClock = require("../DigitalClock");
 var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");