@mui/x-date-pickers-pro 9.0.0-alpha.2 → 9.0.0-alpha.3

package/CHANGELOG.md

@@ -1,5 +1,127 @@
 # Changelog
 
+## 9.0.0-alpha.3
+
+_Mar 12, 2026_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @MBilalShafi, @michelengelen, @rita-codes, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.3`
+
+- [DataGrid] Fix crash when `rows` and `rowModesModel` are updated simultaneously (#21265) @michelengelen
+- [DataGrid] Add missing `resizablePanelHandle` classes to `gridClasses` object (#21538) @sai6855
+- [DataGrid] Refactor `headerAlign` style calls (#21541) @sai6855
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.3` [![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.0.0-alpha.3`, plus:
+
+- [DataGridPro] Add `role="presentation"` to detail panel toggle header content (#21634) @michelengelen
+- [DataGridPro] Fix sorting not reflected in nested server-side data (#21619) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.3` [![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.0.0-alpha.3`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.3`
+
+- [pickers] Refactor `DateRangePickerDay` overrides to use a centralized `elementOverrides` object (#21426) @sai6855
+- [pickers] Migrate from deprecated props for `PickersModalDialog` (#21702) @siriwatknp
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.3` [![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.0.0-alpha.3`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.3`
+
+- [charts] Differentiate Line Plot roots classes (#21679) @JCQuintas
+- [charts] Enable keyboard navigation by default (#21675) @alexfauquette
+- [charts] Fix keyboard tooltip radar (#21667) @alexfauquette
+- [charts] Fix selector default parameter (#21638) @JCQuintas
+- [charts] Fix tooltip blink between node and pointer anchor (#21611) @alexfauquette
+- [charts] Let tooltip and legend reflect the line shape (#21475) @alexfauquette
+- [charts] Refactor `BarChart` classes structure (#21601) @JCQuintas
+- [charts] Refactor `LineChart` classes structure (#21648) @JCQuintas
+- [charts] Refactor `ScatterChart` classes structure (#21651) @JCQuintas
+- [charts] Refactor `PieChart` classes structure (#21649) @JCQuintas
+- [charts] Remove batch rendering checks in highlight selectors (#21646) @bernardobelchior
+- [charts] Standardize generic arg names to `SeriesType` (#21694) @alexfauquette
+- [charts] Simplify highlight hooks return types (#21695) @alexfauquette
+
+#### `@mui/x-charts-pro@9.0.0-alpha.3` [![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.0.0-alpha.3`, plus:
+
+- [charts-pro] Fix heatmap style override from `arc` to `cell` (#21693) @Copilot
+- [charts-pro] Fix image export truncated when page is zoomed out (#21685) @bernardobelchior
+- [charts-pro] Speed-up heatmap cell search with an index lookup (#21130) @alexfauquette
+- [charts-pro] Fix heatmap highlight not working (#21710) @Copilot
+
+#### `@mui/x-charts-premium@9.0.0-alpha.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.0-alpha.3`, plus:
+
+- [charts-premium] Re-enable WebGL tests (#21708) @bernardobelchior
+
+### Tree View
+
+#### Breaking changes
+
+- Remove `TreeViewBaseItem` type (use `TreeViewDefaultItemModelProperties` or a custom interface)
+- Remove `useTreeViewApiRef` hook (use `useRichTreeViewApiRef`, `useSimpleTreeViewApiRef`, or `useRichTreeViewProApiRef`)
+- Remove `status` from content slot props returned by `getContentProps()` (use `data-*` attributes; `status` on `useTreeItem` return value is unchanged)
+- Remove deprecated CSS state classes from `treeItemClasses`: `expanded`, `selected`, `focused`, `disabled`, `editable`, `editing` (use `[data-expanded]`, `[data-selected]`, etc.)
+- The `<RichTreeViewPro />` component has now virtualization enabled by default.
+- The items used inside the `<RichTreeViewPro />` now have a default height of `32px`.
+- The events of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
+
+#### `@mui/x-tree-view@9.0.0-alpha.3`
+
+- [tree view] Remove deprecated APIs (#21591) @flaviendelangle
+- [tree view] Fix collapsed children not selected with `selectionPropagation.descendants` in `SimpleTreeView` (#21253) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.3` [![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.0.0-alpha.3`, plus:
+
+- [RichTreeViewPro] Make the virtualization opt-out and port the layout doc from the data grid (#21461) @flaviendelangle
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.3`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix `AssistantWithDataSource` demo crashing (#21555) @sai6855
+- [docs] Remove `Preview` pill from Sankey (#21623) @bernardobelchior
+- [docs] Migrate internal Material UI deprecated APIs (#21680) @siriwatknp
+- [docs] Remove `New` flag on Tree View and Date and Time Pickers features released before v9 alpha (#21585) @flaviendelangle
+
+### Core
+
+- [code-infra] Remove checkout step (#21688) @Janpot
+- [code-infra] Fix contributor generation in changelog (#21718) @brijeshb42
+- [docs-infra] Do not point to non-existent v8 subdomain (#21640) @cherniavskii
+
+### Miscellaneous
+
+- [test] Add missing tests for forwarding props to filter operators in DataGrid (#21441) @siriwatknp
+- [x-license] Export additional license types and constants (#21625) @aemartos
+- [x-license] Refactor license verification to accept package info object and add v9 version gating (#21690) @aemartos
+
 ## 9.0.0-alpha.2
 
 _Mar 5, 2026_
@@ -92,7 +214,7 @@ Internal changes.
 
 - [docs] Add backticks and parentheses to all functions and hooks (DX-173) (#21496) @mapache-salvaje
 - [docs] Remove mentions of `mySvgRef` (#21559) @bernardobelchior
-- [docs] Update Roadmap section in the docs  (#20892) @alelthomas
+- [docs] Update Roadmap section in the docs (#20892) @alelthomas
 - [docs] Add tutorial and example app for aggregation with row grouping (DX-162) (#21102) @mapache-salvaje
 - [docs] Fix missing codemod docs (#21604) @JCQuintas
 

package/DateRangeCalendar/DateRangeCalendar.js

@@ -19,8 +19,8 @@ var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
-var _Watermark = require("@mui/x-license/Watermark");
-var _internals = require("@mui/x-date-pickers/internals");
+var _internals = require("@mui/x-license/internals");
+var _internals2 = require("@mui/x-date-pickers/internals");
 var _warning = require("@mui/x-internals/warning");
 var _hooks = require("@mui/x-date-pickers/hooks");
 var _dateRangeCalendarClasses = require("./dateRangeCalendarClasses");
@@ -37,7 +37,11 @@ var _DateRangePickerDay2 = require("../DateRangePickerDay2");
 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 releaseInfo = "MTc3MjY2ODgwMDAwMA==";
+const packageInfo = {
+  releaseDate: "MTc3MzI3MzYwMDAwMA==",
+  version: process.env.MUI_VERSION,
+  name: 'x-date-pickers-pro'
+};
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Root'
@@ -57,7 +61,7 @@ const DateRangeCalendarMonthContainer = (0, _styles.styled)('div', {
   }
 }));
 const weeksContainerHeight = (_dimensions.DAY_RANGE_SIZE + _dimensions.DAY_MARGIN * 2) * 6;
-const InnerDayCalendarForRange = (0, _styles.styled)(_internals.DayCalendar, {
+const InnerDayCalendarForRange = (0, _styles.styled)(_internals2.DayCalendar, {
   slot: 'internal'
 })(({
   theme
@@ -87,8 +91,8 @@ function useDateRangeCalendarDefaultizedProps(props, name) {
     props,
     name
   });
-  const reduceAnimations = (0, _internals.useReduceAnimations)(themeProps.reduceAnimations);
-  const validationProps = (0, _internals.useApplyDefaultValuesToDateValidationProps)(themeProps);
+  const reduceAnimations = (0, _internals2.useReduceAnimations)(themeProps.reduceAnimations);
+  const validationProps = (0, _internals2.useApplyDefaultValuesToDateValidationProps)(themeProps);
   return (0, _extends2.default)({}, themeProps, validationProps, {
     renderLoading: themeProps.renderLoading ?? (() => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: "..."
@@ -122,7 +126,7 @@ const useUtilityClasses = (classes, ownerState) => {
  */
 const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalendar(inProps, ref) {
   const props = useDateRangeCalendarDefaultizedProps(inProps, 'MuiDateRangeCalendar');
-  const shouldHavePreview = (0, _useMediaQuery.default)(_internals.DEFAULT_DESKTOP_MODE_MEDIA_QUERY, {
+  const shouldHavePreview = (0, _useMediaQuery.default)(_internals2.DEFAULT_DESKTOP_MODE_MEDIA_QUERY, {
     defaultMatches: false
   });
   const {
@@ -173,7 +177,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     value,
     handleValueChange,
     timezone
-  } = (0, _internals.useControlledValue)({
+  } = (0, _internals2.useControlledValue)({
     name: 'DateRangeCalendar',
     timezone: timezoneProp,
     value: valueProp,
@@ -187,7 +191,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     setFocusedView,
     focusedView,
     setValueAndGoToNextView
-  } = (0, _internals.useViews)({
+  } = (0, _internals2.useViews)({
     view: inView,
     views,
     openTo,
@@ -256,7 +260,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     dragEventHandlers = (0, _objectWithoutPropertiesLoose2.default)(_useDragRange, _excluded2);
   const {
     ownerState: pickersOwnerState
-  } = (0, _internals.usePickerPrivateContext)();
+  } = (0, _internals2.usePickerPrivateContext)();
   const ownerState = (0, _extends2.default)({}, pickersOwnerState, {
     isDraggingDay: isDragging
   });
@@ -284,7 +288,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     calendarState,
     setVisibleDate,
     onMonthSwitchingAnimationEnd
-  } = (0, _internals.useCalendarState)({
+  } = (0, _internals2.useCalendarState)({
     value: value[0] || value[1],
     referenceDate: (0, _dateRangeManager.resolveReferenceDate)(referenceDate, rangePosition),
     disableFuture,
@@ -401,7 +405,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     } else {
       cleanNewRangePreviewDay = newRangePreviewDay;
     }
-    if (!(0, _internals.areDatesEqual)(adapter, cleanNewRangePreviewDay, rangePreviewDay)) {
+    if (!(0, _internals2.areDatesEqual)(adapter, cleanNewRangePreviewDay, rangePreviewDay)) {
       setRangePreviewDay(cleanNewRangePreviewDay);
     }
   });
@@ -474,9 +478,8 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState
   }, other, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
-      packageName: "x-date-pickers-pro",
-      releaseInfo: releaseInfo
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.Watermark, {
+      packageInfo: packageInfo
     }), calendarMonths.map(monthIndex => {
       const month = visibleMonths[monthIndex];
       const labelId = `${id}-grid-${monthIndex}-label`;

package/DateRangeCalendar/DateRangeCalendar.mjs

@@ -14,7 +14,7 @@ import useSlotProps from '@mui/utils/useSlotProps';
 import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';
-import { Watermark } from '@mui/x-license/Watermark';
+import { Watermark } from '@mui/x-license/internals';
 import { DayCalendar, useReduceAnimations, useCalendarState, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, useControlledValue, useViews, usePickerPrivateContext, areDatesEqual, useApplyDefaultValuesToDateValidationProps } from '@mui/x-date-pickers/internals';
 import { warnOnce } from '@mui/x-internals/warning';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
@@ -30,7 +30,11 @@ import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.
 import { useNullablePickerRangePositionContext } from "../internals/hooks/useNullablePickerRangePositionContext.mjs";
 import { dateRangePickerDay2Classes } from "../DateRangePickerDay2/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = "MTc3MjY2ODgwMDAwMA==";
+const packageInfo = {
+  releaseDate: "MTc3MzI3MzYwMDAwMA==",
+  version: process.env.MUI_VERSION,
+  name: 'x-date-pickers-pro'
+};
 const DateRangeCalendarRoot = styled('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Root'
@@ -468,8 +472,7 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
     ownerState: ownerState
   }, other, {
     children: [/*#__PURE__*/_jsx(Watermark, {
-      packageName: "x-date-pickers-pro",
-      releaseInfo: releaseInfo
+      packageInfo: packageInfo
     }), calendarMonths.map(monthIndex => {
       const month = visibleMonths[monthIndex];
       const labelId = `${id}-grid-${monthIndex}-label`;

package/DateRangePickerDay/DateRangePickerDay.js

@@ -12,10 +12,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
+var _internals = require("@mui/x-license/internals");
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _internals = require("@mui/x-date-pickers/internals");
+var _internals2 = require("@mui/x-date-pickers/internals");
 var _PickersDay = require("@mui/x-date-pickers/PickersDay");
 var _hooks = require("@mui/x-date-pickers/hooks");
 var _dateRangePickerDayClasses = require("./dateRangePickerDayClasses");
@@ -55,28 +55,23 @@ const startBorderStyle = {
   borderTopLeftRadius: '50%',
   borderBottomLeftRadius: '50%'
 };
+const elementOverrides = {
+  root: ['rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'firstVisibleCell', 'lastVisibleCell', 'startOfMonth', 'endOfMonth', 'outsideCurrentMonth', 'hiddenDayFiller'],
+  rangeIntervalPreview: ['rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd'],
+  day: ['notSelectedDate', 'dayOutsideRangeInterval', 'dayInsideRangeInterval']
+};
 const DateRangePickerDayRoot = (0, _styles.styled)('div', {
   name: 'MuiDateRangePickerDay',
   slot: 'Root',
-  overridesResolver: (_, styles) => [{
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlight}`]: styles.rangeIntervalDayHighlight
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlightStart}`]: styles.rangeIntervalDayHighlightStart
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlightEnd}`]: styles.rangeIntervalDayHighlightEnd
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.firstVisibleCell}`]: styles.firstVisibleCell
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.lastVisibleCell}`]: styles.lastVisibleCell
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.startOfMonth}`]: styles.startOfMonth
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.endOfMonth}`]: styles.endOfMonth
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.outsideCurrentMonth}`]: styles.outsideCurrentMonth
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.hiddenDayFiller}`]: styles.hiddenDayFiller
-  }, styles.root]
+  overridesResolver: (_, styles) => {
+    const overrides = [styles.root];
+    elementOverrides.root.forEach(key => {
+      overrides.push({
+        [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses[key]}`]: styles[key]
+      });
+    });
+    return overrides;
+  }
 })(({
   theme
 }) => ({
@@ -131,13 +126,15 @@ const DateRangePickerDayRoot = (0, _styles.styled)('div', {
 const DateRangePickerDayRangeIntervalPreview = (0, _styles.styled)('div', {
   name: 'MuiDateRangePickerDay',
   slot: 'RangeIntervalPreview',
-  overridesResolver: (_, styles) => [{
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreview}`]: styles.rangeIntervalDayPreview
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreviewStart}`]: styles.rangeIntervalDayPreviewStart
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreviewEnd}`]: styles.rangeIntervalDayPreviewEnd
-  }, styles.rangeIntervalPreview]
+  overridesResolver: (_, styles) => {
+    const overrides = [styles.rangeIntervalPreview];
+    elementOverrides.rangeIntervalPreview.forEach(key => {
+      overrides.push({
+        [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses[key]}`]: styles[key]
+      });
+    });
+    return overrides;
+  }
 })(({
   theme
 }) => ({
@@ -183,13 +180,15 @@ const DateRangePickerDayRangeIntervalPreview = (0, _styles.styled)('div', {
 const DateRangePickerDayDay = (0, _styles.styled)(_PickersDay.PickersDay, {
   name: 'MuiDateRangePickerDay',
   slot: 'Day',
-  overridesResolver: (_, styles) => [{
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.dayInsideRangeInterval}`]: styles.dayInsideRangeInterval
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.dayOutsideRangeInterval}`]: styles.dayOutsideRangeInterval
-  }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.notSelectedDate}`]: styles.notSelectedDate
-  }, styles.day]
+  overridesResolver: (_, styles) => {
+    const overrides = [styles.day];
+    elementOverrides.day.forEach(key => {
+      overrides.push({
+        [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses[key]}`]: styles[key]
+      });
+    });
+    return overrides;
+  }
 })({
   // Required to overlap preview border
   transform: 'scale(1.1)',
@@ -235,11 +234,15 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       showDaysOutsideCurrentMonth
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  (0, _useLicenseVerifier.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  (0, _internals.useLicenseVerifier)({
+    releaseDate: "MTc3MzI3MzYwMDAwMA==",
+    version: process.env.MUI_VERSION,
+    name: 'x-date-pickers-pro'
+  });
   const adapter = (0, _hooks.usePickerAdapter)();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
-  const pickersDayOwnerState = (0, _internals.usePickerDayOwnerState)({
+  const pickersDayOwnerState = (0, _internals2.usePickerDayOwnerState)({
     day,
     selected,
     disabled,

package/DateRangePickerDay/DateRangePickerDay.mjs

@@ -6,7 +6,7 @@ const _excluded = ["className", "classes", "isEndOfHighlighting", "isEndOfPrevie
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
+import { useLicenseVerifier } from '@mui/x-license/internals';
 import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { usePickerDayOwnerState } from '@mui/x-date-pickers/internals';
@@ -48,28 +48,23 @@ const startBorderStyle = {
   borderTopLeftRadius: '50%',
   borderBottomLeftRadius: '50%'
 };
+const elementOverrides = {
+  root: ['rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'firstVisibleCell', 'lastVisibleCell', 'startOfMonth', 'endOfMonth', 'outsideCurrentMonth', 'hiddenDayFiller'],
+  rangeIntervalPreview: ['rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd'],
+  day: ['notSelectedDate', 'dayOutsideRangeInterval', 'dayInsideRangeInterval']
+};
 const DateRangePickerDayRoot = styled('div', {
   name: 'MuiDateRangePickerDay',
   slot: 'Root',
-  overridesResolver: (_, styles) => [{
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlight}`]: styles.rangeIntervalDayHighlight
-  }, {
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlightStart}`]: styles.rangeIntervalDayHighlightStart
-  }, {
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlightEnd}`]: styles.rangeIntervalDayHighlightEnd
-  }, {
-    [`&.${dateRangePickerDayClasses.firstVisibleCell}`]: styles.firstVisibleCell
-  }, {
-    [`&.${dateRangePickerDayClasses.lastVisibleCell}`]: styles.lastVisibleCell
-  }, {
-    [`&.${dateRangePickerDayClasses.startOfMonth}`]: styles.startOfMonth
-  }, {
-    [`&.${dateRangePickerDayClasses.endOfMonth}`]: styles.endOfMonth
-  }, {
-    [`&.${dateRangePickerDayClasses.outsideCurrentMonth}`]: styles.outsideCurrentMonth
-  }, {
-    [`&.${dateRangePickerDayClasses.hiddenDayFiller}`]: styles.hiddenDayFiller
-  }, styles.root]
+  overridesResolver: (_, styles) => {
+    const overrides = [styles.root];
+    elementOverrides.root.forEach(key => {
+      overrides.push({
+        [`&.${dateRangePickerDayClasses[key]}`]: styles[key]
+      });
+    });
+    return overrides;
+  }
 })(({
   theme
 }) => ({
@@ -124,13 +119,15 @@ const DateRangePickerDayRoot = styled('div', {
 const DateRangePickerDayRangeIntervalPreview = styled('div', {
   name: 'MuiDateRangePickerDay',
   slot: 'RangeIntervalPreview',
-  overridesResolver: (_, styles) => [{
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: styles.rangeIntervalDayPreview
-  }, {
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreviewStart}`]: styles.rangeIntervalDayPreviewStart
-  }, {
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreviewEnd}`]: styles.rangeIntervalDayPreviewEnd
-  }, styles.rangeIntervalPreview]
+  overridesResolver: (_, styles) => {
+    const overrides = [styles.rangeIntervalPreview];
+    elementOverrides.rangeIntervalPreview.forEach(key => {
+      overrides.push({
+        [`&.${dateRangePickerDayClasses[key]}`]: styles[key]
+      });
+    });
+    return overrides;
+  }
 })(({
   theme
 }) => ({
@@ -176,13 +173,15 @@ const DateRangePickerDayRangeIntervalPreview = styled('div', {
 const DateRangePickerDayDay = styled(PickersDay, {
   name: 'MuiDateRangePickerDay',
   slot: 'Day',
-  overridesResolver: (_, styles) => [{
-    [`&.${dateRangePickerDayClasses.dayInsideRangeInterval}`]: styles.dayInsideRangeInterval
-  }, {
-    [`&.${dateRangePickerDayClasses.dayOutsideRangeInterval}`]: styles.dayOutsideRangeInterval
-  }, {
-    [`&.${dateRangePickerDayClasses.notSelectedDate}`]: styles.notSelectedDate
-  }, styles.day]
+  overridesResolver: (_, styles) => {
+    const overrides = [styles.day];
+    elementOverrides.day.forEach(key => {
+      overrides.push({
+        [`&.${dateRangePickerDayClasses[key]}`]: styles[key]
+      });
+    });
+    return overrides;
+  }
 })({
   // Required to overlap preview border
   transform: 'scale(1.1)',
@@ -228,7 +227,11 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       showDaysOutsideCurrentMonth
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  useLicenseVerifier({
+    releaseDate: "MTc3MzI3MzYwMDAwMA==",
+    version: process.env.MUI_VERSION,
+    name: 'x-date-pickers-pro'
+  });
   const adapter = usePickerAdapter();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.0.0-alpha.2
+ * @mui/x-date-pickers-pro v9.0.0-alpha.3
  *
  * @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.0.0-alpha.2
+ * @mui/x-date-pickers-pro v9.0.0-alpha.3
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
+var _internals = require("@mui/x-license/internals");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
-var _internals = require("@mui/x-date-pickers/internals");
+var _internals2 = require("@mui/x-date-pickers/internals");
 var _useRangePosition = require("../useRangePosition");
 var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
 var _dateFieldsUtils = require("../../utils/date-fields-utils");
@@ -25,7 +25,11 @@ const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _useLicenseVerifier.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  (0, _internals.useLicenseVerifier)({
+    releaseDate: "MTc3MzI3MzYwMDAwMA==",
+    version: process.env.MUI_VERSION,
+    name: 'x-date-pickers-pro'
+  });
   const {
     slots,
     slotProps,
@@ -47,7 +51,7 @@ const useDesktopRangePicker = _ref => {
     providerProps,
     renderCurrentView,
     ownerState
-  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
+  } = (0, _internals2.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     variant: 'desktop',
     autoFocusView: viewContainerRole === 'dialog',
@@ -67,7 +71,7 @@ const useDesktopRangePicker = _ref => {
     }),
     fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const Layout = slots?.layout ?? _PickersLayout.PickersLayout;
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_usePickerRangePositionContext.PickerRangePositionContext.Provider, {
       value: rangePositionResponse,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
@@ -75,7 +79,7 @@ const useDesktopRangePicker = _ref => {
         slotProps: (0, _extends2.default)({}, slotProps, fieldProps.slotProps)
       }, isSingleInput && {
         inputRef
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerPopper, {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.PickerPopper, {
         slots: slots,
         slotProps: slotProps,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs

@@ -4,7 +4,7 @@ const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
 import useSlotProps from '@mui/utils/useSlotProps';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
+import { useLicenseVerifier } from '@mui/x-license/internals';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickerPopper, PickerProvider } from '@mui/x-date-pickers/internals';
 import { useRangePosition } from "../useRangePosition.mjs";
@@ -18,7 +18,11 @@ export const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  useLicenseVerifier({
+    releaseDate: "MTc3MzI3MzYwMDAwMA==",
+    version: process.env.MUI_VERSION,
+    name: 'x-date-pickers-pro'
+  });
   const {
     slots,
     slotProps,

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -10,9 +10,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
+var _internals = require("@mui/x-license/internals");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
-var _internals = require("@mui/x-date-pickers/internals");
+var _internals2 = require("@mui/x-date-pickers/internals");
 var _hooks = require("@mui/x-date-pickers/hooks");
 var _useRangePosition = require("../useRangePosition");
 var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
@@ -27,7 +27,11 @@ const useMobileRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _useLicenseVerifier.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  (0, _internals.useLicenseVerifier)({
+    releaseDate: "MTc3MzI3MzYwMDAwMA==",
+    version: process.env.MUI_VERSION,
+    name: 'x-date-pickers-pro'
+  });
   const {
     slots,
     slotProps: innerSlotProps,
@@ -47,7 +51,7 @@ const useMobileRangePicker = _ref => {
     providerProps,
     renderCurrentView,
     ownerState
-  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
+  } = (0, _internals2.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     variant: 'mobile',
     autoFocusView: true,
@@ -99,7 +103,7 @@ const useMobileRangePicker = _ref => {
       });
     }
   });
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_usePickerRangePositionContext.PickerRangePositionContext.Provider, {
       value: rangePositionResponse,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
@@ -107,7 +111,7 @@ const useMobileRangePicker = _ref => {
         slotProps: (0, _extends2.default)({}, slotProps, fieldProps.slotProps)
       }, isSingleInput && {
         inputRef
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersModalDialog, {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.PickersModalDialog, {
         slots: slots,
         slotProps: slotProps,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs

@@ -5,7 +5,7 @@ const _excluded = ["props", "steps"],
 import useSlotProps from '@mui/utils/useSlotProps';
 import useEventCallback from '@mui/utils/useEventCallback';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
+import { useLicenseVerifier } from '@mui/x-license/internals';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickersModalDialog, PickerProvider } from '@mui/x-date-pickers/internals';
 import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
@@ -20,7 +20,11 @@ export const useMobileRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  useLicenseVerifier({
+    releaseDate: "MTc3MzI3MzYwMDAwMA==",
+    version: process.env.MUI_VERSION,
+    name: 'x-date-pickers-pro'
+  });
   const {
     slots,
     slotProps: innerSlotProps,

package/package.json

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