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

package/CHANGELOG.md

@@ -1,5 +1,234 @@
 # Changelog
 
+## 9.0.0-beta.0
+
+<!-- generated comparing v9.0.0-alpha.4..master -->
+
+_Mar 27, 2026_
+
+We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔊 New Charts voiceover component for improved screen reader support
+- ⌨️ Charts keyboard navigation improvements: axis tooltip now shows when navigating with the keyboard
+- 📊 Charts axes now can be set to automatically resize to fit their content
+- 📝 New `rowCheckbox` slot in Data Grid for easier checkbox column customization
+- ⚡️ `fetchRows()` API in Data Grid Pro now defaults `start` and `end` based on scroll position with lazy loading
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @cherniavskii, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-beta.0`
+
+- [DataGrid] Add `rowCheckbox` slot for easier customization (#21797) @michelengelen
+- [DataGrid] Prevent repeated `hasScrollbar` state updates (#21820) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.0.0-beta.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.0.0-beta.0`, plus:
+
+- [DataGridPro] `fetchRows()` API's default `start` and `end` params based on scroll position with lazy loading (#21742) @arminmeh
+
+#### `@mui/x-data-grid-premium@9.0.0-beta.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.0.0-beta.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-beta.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.0.0-beta.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.0.0-beta.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-beta.0`
+
+- [charts] Add `className` prop to Pro chart plot components (#21793) @JCQuintas
+- [charts] Add experimental position-based pointer interaction for line series (#21809) @JCQuintas
+- [charts] Add l10n to the bar accessibility (#21815) @alexfauquette
+- [charts] Add localization for the basic charts (#21822) @alexfauquette
+- [charts] Add voiceover component (#21344) @alexfauquette
+- [charts] Allow axes to automatically resize to content (#21087) @JCQuintas
+- [charts] Document multiple use-cases for references (#21768) @alexfauquette
+- [charts] Remove compatibility layer for React vs native events (#21780) @JCQuintas
+- [charts] Remove deprecated `barLabel` props (#21783) @alexfauquette
+- [charts] Show axis tooltip when navigating with keyboard (#21689) @Copilot
+
+#### `@mui/x-charts-pro@9.0.0-beta.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.0.0-beta.0`.
+
+#### `@mui/x-charts-premium@9.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.0-beta.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.4` [![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.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.4`
+
+Internal changes.
+
+### Docs
+
+- [docs] Document how to customize voiceover announcement (#21833) @alexfauquette
+- [docs] Remove Discord mention from docs (#21855) @mapache-salvaje
+- [docs] Remove stabilized experimental feature from demo (#21869) @JCQuintas
+- [docs] Update telemetry guide to reflect pseudonymous data collection and license compliance (#21812) @aemartos
+- [docs] Revise the Sparkline doc (#21614) @mapache-salvaje
+- [docs] Revise the Gauge doc (#21673) @mapache-salvaje
+- [docs] Revise the Heatmap doc (#21676) @mapache-salvaje
+
+### Core
+
+- [code-infra] Remove unused deps and unify es-toolkit via catalog (#21840) @Janpot
+- [code-infra] Update @mui/internal-bundle-size-checker to canary.68 (#21836) @Janpot
+- [code-infra] Update next (#21837) @Janpot
+- [internal] Remove headless data grid packages (#21843) @cherniavskii
+
+### Miscellaneous
+
+- Add @romgrk to CODEOWNERS for `x-virtualizer` and `x-internals` (#21819) @Copilot
+- [x-license] add 2022 plan version (#21814) @aemartos
+
+## 9.0.0-alpha.4
+
+_Mar 19, 2026_
+
+We'd like to extend a big thank you to the 12 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, @Janpot, @JCQuintas, @LukasTy, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.4`
+
+- [DataGrid] Mark charts integration as stable (#21764) @JCQuintas
+- [DataGrid] Move `elementOverrides` to constants and remove duplicates (#21618) @sai6855
+- [DataGrid] Migrate from deprecated Material UI APIs (#21682) @siriwatknp
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.4` [![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.4`.
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.4` [![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.4`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.4`
+
+- [pickers] Avoid stealing focus on click away (#13434) @LukasTy
+- [pickers] Promote `fieldRef` to stable and add `clearValue` method (#21655) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.4` [![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.4`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.4`
+
+- [charts] Add v9 chart series types and helper functions migration (#21009) @bernardobelchior
+- [charts] Extract event listener to the layer container (#21751) @alexfauquette
+- [charts] Fix WebGL print export canvas stretching (#21738) @JCQuintas
+- [charts] Improve deprecation warnings (#21760) @alexfauquette
+- [charts] Improve type safety in `identifierCleaner` (#21719) @bernardobelchior
+- [charts] Make `preferStrictDomainInLineCharts` the default (#21744) @JCQuintas
+- [charts] Move title and description to the layer container (#21757) @alexfauquette
+- [charts] Refactor `FunnelChart` classes structure (#21652) @JCQuintas
+- [charts] Refactor `Heatmap` classes structure (#21653) @JCQuintas
+- [charts] Refactor `RadarChart` classes structure (#21650) @JCQuintas
+- [charts] Refactor `SankeyChart` classes structure (#21654) @JCQuintas
+- [charts] Refactor legend getters to use utility functions (#21628) @sai6855
+- [charts] Remove deprecated `ChartContainer` and `ChartDataProvider` (#21777) @alexfauquette
+- [charts] Remove deprecated `itemId` from `SeriesLegendItemContext` (#21788) @alexfauquette
+- [charts] Remove deprecated `useMouseTracker()` (#21787) @alexfauquette
+- [charts] Remove deprecated classes (#21775) @alexfauquette
+- [charts] Remove deprecated props from PieArcLabel animation (#21789) @alexfauquette
+- [charts] Remove get\*UtilityClass from public exports (#21769) @JCQuintas
+- [charts] Remove the deprecated `disableHover` property (#21785) @alexfauquette
+- [charts] Remove the deprecated `message` prop (#21784) @alexfauquette
+- [charts] Remove deprecated props about voronoi (#21796) @alexfauquette
+- [charts] Remove deprecated pieArcClasses (#21795) @alexfauquette
+- [charts] Rename `data-series-id` by `data-series` (#21761) @alexfauquette
+- [charts] Rename `voronoiMaxRadius`/`disableVoronoi` to `hitAreaRadius`/`disableHitArea` (#21750) @bernardobelchior
+- [charts] Update pt-PT locale (#21296) @bernardobelchior
+- [charts] Use different shape per series by default (#21713) @alexfauquette
+- [charts] Add className prop to Radar components (#21794) @JCQuintas
+- [charts] Add className prop to shared chart components (#21792) @JCQuintas
+- [charts] Add className prop to BarPlot (#21791) @JCQuintas
+- [charts] Portal tooltip into ChartsLayerContainer (#21801) @JCQuintas
+
+#### `@mui/x-charts-pro@9.0.0-alpha.4` [![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.4`, plus:
+
+- [charts-pro] Allow `brush` interaction to accept `requiredKeys/pointerMode` (#21716) @JCQuintas
+- [charts-pro] Remove deprecated `onAxisClick` for Heatmap (#21786) @alexfauquette
+
+#### `@mui/x-charts-premium@9.0.0-alpha.4` [![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.4`, plus:
+
+- [charts-premium] Add candlestick chart (#21129) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.4` [![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.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.4`
+
+Internal changes.
+
+### Docs
+
+- [docs-infra] Exclude `ServerSideLazyLoadingRevalidation` from argos (#21734) @sai6855
+- [docs] Update charts v9 migration guide to include premium package (#21743) @bernardobelchior
+- [docs] Update v9 migration guides to install next tag (#21741) @bernardobelchior
+- [docs] Revise the Pie chart docs (#21565) @mapache-salvaje
+- [docs] Revise the Bar Chart docs (#21482) @mapache-salvaje
+- [docs] Removed a `console.log` from an aggregation demo (#21698) @michelengelen
+
+### Core
+
+- [code-infra] Add pkg-pr-new as dev dependency (#21754) @Janpot
+- [code-infra] Prevent `combiner` to have default parameters (#21707) @JCQuintas
+- [code-infra] Remove CI coverage collection and upload to Codecov (#21671) @Janpot
+- [internal] Remove @bernardobelchior from Charts CODEOWNERS (#21776) @Copilot
+
+### Miscellaneous
+
+- [x-license] Fix process.env.MUI_VERSION not being replaced during build (#21727) @aemartos
+- [x-license] Add new watermark license status message (#21720) @aemartos
+
 ## 9.0.0-alpha.3
 
 _Mar 12, 2026_

package/DateRangeCalendar/DateRangeCalendar.js

@@ -38,8 +38,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "classes", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "focusedView", "onFocusedViewChange", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone", "availableRangePositions", "views", "view", "openTo", "onViewChange"],
   _excluded2 = ["isDragging", "rangeDragDay", "draggingDatePosition"];
 const packageInfo = {
-  releaseDate: "MTc3MzI3MzYwMDAwMA==",
-  version: process.env.MUI_VERSION,
+  releaseDate: "MTc3NDU2OTYwMDAwMA==",
+  version: "9.0.0-beta.0",
   name: 'x-date-pickers-pro'
 };
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {

package/DateRangeCalendar/DateRangeCalendar.mjs

@@ -31,8 +31,8 @@ import { useNullablePickerRangePositionContext } from "../internals/hooks/useNul
 import { dateRangePickerDay2Classes } from "../DateRangePickerDay2/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const packageInfo = {
-  releaseDate: "MTc3MzI3MzYwMDAwMA==",
-  version: process.env.MUI_VERSION,
+  releaseDate: "MTc3NDU2OTYwMDAwMA==",
+  version: "9.0.0-beta.0",
   name: 'x-date-pickers-pro'
 };
 const DateRangeCalendarRoot = styled('div', {

package/DateRangePickerDay/DateRangePickerDay.js

@@ -235,8 +235,8 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc3MzI3MzYwMDAwMA==",
-    version: process.env.MUI_VERSION,
+    releaseDate: "MTc3NDU2OTYwMDAwMA==",
+    version: "9.0.0-beta.0",
     name: 'x-date-pickers-pro'
   });
   const adapter = (0, _hooks.usePickerAdapter)();

package/DateRangePickerDay/DateRangePickerDay.mjs

@@ -228,8 +228,8 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   useLicenseVerifier({
-    releaseDate: "MTc3MzI3MzYwMDAwMA==",
-    version: process.env.MUI_VERSION,
+    releaseDate: "MTc3NDU2OTYwMDAwMA==",
+    version: "9.0.0-beta.0",
     name: 'x-date-pickers-pro'
   });
   const adapter = usePickerAdapter();

package/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -80,6 +80,10 @@ MultiInputDateRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -185,6 +189,10 @@ MultiInputDateRangeField.propTypes = {
    * @default 0
    */
   spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   style: _propTypes.default.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -198,8 +206,6 @@ MultiInputDateRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputDateRangeField/MultiInputDateRangeField.mjs

@@ -76,6 +76,10 @@ MultiInputDateRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -181,6 +185,10 @@ MultiInputDateRangeField.propTypes = {
    * @default 0
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   style: PropTypes.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -194,8 +202,6 @@ MultiInputDateRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -90,6 +90,10 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -225,6 +229,10 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default 0
    */
   spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   style: _propTypes.default.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -238,8 +246,6 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.mjs

@@ -86,6 +86,10 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -221,6 +225,10 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default 0
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   style: PropTypes.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -234,8 +242,6 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -91,6 +91,10 @@ MultiInputTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -198,6 +202,10 @@ MultiInputTimeRangeField.propTypes = {
    * @default 0
    */
   spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   style: _propTypes.default.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -211,8 +219,6 @@ MultiInputTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputTimeRangeField/MultiInputTimeRangeField.mjs

@@ -87,6 +87,10 @@ MultiInputTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -194,6 +198,10 @@ MultiInputTimeRangeField.propTypes = {
    * @default 0
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   style: PropTypes.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -207,8 +215,6 @@ MultiInputTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -114,6 +114,10 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -309,10 +313,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputDateRangeField/SingleInputDateRangeField.mjs

@@ -107,6 +107,10 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -302,10 +306,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -124,6 +124,10 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -349,10 +353,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.mjs

@@ -117,6 +117,10 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -342,10 +346,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -124,6 +124,10 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -321,10 +325,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.mjs

@@ -117,6 +117,10 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -314,10 +318,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/hooks/useMultiInputRangeField/useMultiInputRangeField.js

@@ -74,8 +74,8 @@ function useMultiInputRangeField(parameters) {
     enableAccessibleFieldDOMStructure,
     autoFocus,
     referenceDate,
-    unstableStartFieldRef,
-    unstableEndFieldRef
+    startFieldRef,
+    endFieldRef
   } = internalPropsWithDefaults;
   const {
     value,
@@ -100,8 +100,8 @@ function useMultiInputRangeField(parameters) {
   const selectedSectionsResponse = (0, _useMultiInputRangeFieldSelectedSections.useMultiInputRangeFieldSelectedSections)({
     selectedSections,
     onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
+    startFieldRef,
+    endFieldRef
   });
   const sharedInternalProps = {
     disabled,

package/hooks/useMultiInputRangeField/useMultiInputRangeField.mjs

@@ -70,8 +70,8 @@ export function useMultiInputRangeField(parameters) {
     enableAccessibleFieldDOMStructure,
     autoFocus,
     referenceDate,
-    unstableStartFieldRef,
-    unstableEndFieldRef
+    startFieldRef,
+    endFieldRef
   } = internalPropsWithDefaults;
   const {
     value,
@@ -96,8 +96,8 @@ export function useMultiInputRangeField(parameters) {
   const selectedSectionsResponse = useMultiInputRangeFieldSelectedSections({
     selectedSections,
     onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
+    startFieldRef,
+    endFieldRef
   });
   const sharedInternalProps = {
     disabled,

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.mts

@@ -4,7 +4,10 @@ import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
 import { MultiInputFieldRefs } from "../../models/index.mjs";
 interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
 export interface UseMultiInputFieldSelectedSectionsResponseItem {
-  unstableFieldRef?: React.Ref<FieldRef<PickerValue>>;
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef?: React.Ref<FieldRef<PickerValue>>;
   selectedSections: FieldSelectedSections;
   onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
 }

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts

@@ -4,7 +4,10 @@ import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
 import { MultiInputFieldRefs } from "../../models/index.js";
 interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
 export interface UseMultiInputFieldSelectedSectionsResponseItem {
-  unstableFieldRef?: React.Ref<FieldRef<PickerValue>>;
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef?: React.Ref<FieldRef<PickerValue>>;
   selectedSections: FieldSelectedSections;
   onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
 }

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.js

@@ -14,12 +14,12 @@ var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallb
  * @ignore - internal hook.
  */
 const useMultiInputRangeFieldSelectedSections = parameters => {
-  const unstableEndFieldRef = React.useRef(null);
-  const handleUnstableEndFieldRef = (0, _useForkRef.default)(parameters.unstableEndFieldRef, unstableEndFieldRef);
+  const endFieldRef = React.useRef(null);
+  const handleEndFieldRef = (0, _useForkRef.default)(parameters.endFieldRef, endFieldRef);
   const [startSelectedSection, setStartSelectedSection] = React.useState(parameters.selectedSections ?? null);
   const [endSelectedSection, setEndSelectedSection] = React.useState(null);
   const getActiveField = () => {
-    if (unstableEndFieldRef.current && unstableEndFieldRef.current.isFieldFocused()) {
+    if (endFieldRef.current && endFieldRef.current.isFieldFocused()) {
       return 'end';
     }
     return 'start';
@@ -39,12 +39,12 @@ const useMultiInputRangeFieldSelectedSections = parameters => {
   const activeField = getActiveField();
   return {
     start: {
-      unstableFieldRef: parameters.unstableStartFieldRef,
+      fieldRef: parameters.startFieldRef,
       selectedSections: activeField === 'start' && parameters.selectedSections !== undefined ? parameters.selectedSections : startSelectedSection,
       onSelectedSectionsChange: handleStartSelectedSectionChange
     },
     end: {
-      unstableFieldRef: handleUnstableEndFieldRef,
+      fieldRef: handleEndFieldRef,
       selectedSections: activeField === 'end' && parameters.selectedSections !== undefined ? parameters.selectedSections : endSelectedSection,
       onSelectedSectionsChange: handleEndSelectedSectionChange
     }

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.mjs

@@ -7,12 +7,12 @@ import useEventCallback from '@mui/utils/useEventCallback';
  * @ignore - internal hook.
  */
 export const useMultiInputRangeFieldSelectedSections = parameters => {
-  const unstableEndFieldRef = React.useRef(null);
-  const handleUnstableEndFieldRef = useForkRef(parameters.unstableEndFieldRef, unstableEndFieldRef);
+  const endFieldRef = React.useRef(null);
+  const handleEndFieldRef = useForkRef(parameters.endFieldRef, endFieldRef);
   const [startSelectedSection, setStartSelectedSection] = React.useState(parameters.selectedSections ?? null);
   const [endSelectedSection, setEndSelectedSection] = React.useState(null);
   const getActiveField = () => {
-    if (unstableEndFieldRef.current && unstableEndFieldRef.current.isFieldFocused()) {
+    if (endFieldRef.current && endFieldRef.current.isFieldFocused()) {
       return 'end';
     }
     return 'start';
@@ -32,12 +32,12 @@ export const useMultiInputRangeFieldSelectedSections = parameters => {
   const activeField = getActiveField();
   return {
     start: {
-      unstableFieldRef: parameters.unstableStartFieldRef,
+      fieldRef: parameters.startFieldRef,
       selectedSections: activeField === 'start' && parameters.selectedSections !== undefined ? parameters.selectedSections : startSelectedSection,
       onSelectedSectionsChange: handleStartSelectedSectionChange
     },
     end: {
-      unstableFieldRef: handleUnstableEndFieldRef,
+      fieldRef: handleEndFieldRef,
       selectedSections: activeField === 'end' && parameters.selectedSections !== undefined ? parameters.selectedSections : endSelectedSection,
       onSelectedSectionsChange: handleEndSelectedSectionChange
     }

package/hooks/useMultiInputRangeField/useTextFieldProps.js

@@ -121,8 +121,8 @@ function useTextFieldProps(parameters) {
     if (!pickerContext?.open || pickerContext?.variant === 'mobile') {
       return;
     }
-    fieldPrivateContext?.fieldRef.current?.focusField();
-    if (!fieldPrivateContext?.fieldRef.current || pickerContext.view === pickerContext.initialView) {
+    fieldPrivateContext?.fieldRef?.current?.focusField();
+    if (!fieldPrivateContext?.fieldRef?.current || pickerContext.view === pickerContext.initialView) {
       // could happen when the user is switching between the inputs
       previousRangePosition.current = rangePosition;
       return;

package/hooks/useMultiInputRangeField/useTextFieldProps.mjs

@@ -114,8 +114,8 @@ export function useTextFieldProps(parameters) {
     if (!pickerContext?.open || pickerContext?.variant === 'mobile') {
       return;
     }
-    fieldPrivateContext?.fieldRef.current?.focusField();
-    if (!fieldPrivateContext?.fieldRef.current || pickerContext.view === pickerContext.initialView) {
+    fieldPrivateContext?.fieldRef?.current?.focusField();
+    if (!fieldPrivateContext?.fieldRef?.current || pickerContext.view === pickerContext.initialView) {
       // could happen when the user is switching between the inputs
       previousRangePosition.current = rangePosition;
       return;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.0.0-alpha.3
+ * @mui/x-date-pickers-pro v9.0.0-beta.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.0.0-alpha.3
+ * @mui/x-date-pickers-pro v9.0.0-beta.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -26,8 +26,8 @@ const useDesktopRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc3MzI3MzYwMDAwMA==",
-    version: process.env.MUI_VERSION,
+    releaseDate: "MTc3NDU2OTYwMDAwMA==",
+    version: "9.0.0-beta.0",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs

@@ -19,8 +19,8 @@ export const useDesktopRangePicker = _ref => {
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier({
-    releaseDate: "MTc3MzI3MzYwMDAwMA==",
-    version: process.env.MUI_VERSION,
+    releaseDate: "MTc3NDU2OTYwMDAwMA==",
+    version: "9.0.0-beta.0",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.mts

@@ -1,8 +1,9 @@
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
+import { PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickerPopperSlots, PickerPopperSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots } from '@mui/x-date-pickers/PickersLayout';
 import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.mjs";
+import { PickerRangeFieldSlotProps } from "../../../models/index.mjs";
 export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -10,9 +11,7 @@ export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedP
   field: React.ElementType;
 }
 export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
-    dateSeparator?: string;
-  }, {}, PickerOwnerState>;
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
 export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
   /**

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

@@ -1,8 +1,9 @@
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
+import { PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickerPopperSlots, PickerPopperSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots } from '@mui/x-date-pickers/PickersLayout';
 import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.js";
+import { PickerRangeFieldSlotProps } from "../../../models/index.js";
 export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -10,9 +11,7 @@ export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedP
   field: React.ElementType;
 }
 export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
-    dateSeparator?: string;
-  }, {}, PickerOwnerState>;
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
 export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
   /**

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -28,8 +28,8 @@ const useMobileRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc3MzI3MzYwMDAwMA==",
-    version: process.env.MUI_VERSION,
+    releaseDate: "MTc3NDU2OTYwMDAwMA==",
+    version: "9.0.0-beta.0",
     name: 'x-date-pickers-pro'
   });
   const {

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs

@@ -21,8 +21,8 @@ export const useMobileRangePicker = _ref => {
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier({
-    releaseDate: "MTc3MzI3MzYwMDAwMA==",
-    version: process.env.MUI_VERSION,
+    releaseDate: "MTc3NDU2OTYwMDAwMA==",
+    version: "9.0.0-beta.0",
     name: 'x-date-pickers-pro'
   });
   const {

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

@@ -1,8 +1,9 @@
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
+import { PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickersModalDialogSlots, PickersModalDialogSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots, PickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
 import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.mjs";
+import { PickerRangeFieldSlotProps } from "../../../models/index.mjs";
 export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -10,9 +11,7 @@ export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, Expo
   field: React.ElementType;
 }
 export interface ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
-    dateSeparator?: string;
-  }, {}, PickerOwnerState>;
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
 export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
 export interface MobileRangeOnlyPickerProps extends NonStaticRangePickerProps {}

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

@@ -1,8 +1,9 @@
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
+import { PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickersModalDialogSlots, PickersModalDialogSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots, PickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
 import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.js";
+import { PickerRangeFieldSlotProps } from "../../../models/index.js";
 export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -10,9 +11,7 @@ export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, Expo
   field: React.ElementType;
 }
 export interface ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
-    dateSeparator?: string;
-  }, {}, PickerOwnerState>;
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
 export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
 export interface MobileRangeOnlyPickerProps extends NonStaticRangePickerProps {}

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.mts

@@ -7,7 +7,7 @@ import { FieldOwnerState } from '@mui/x-date-pickers/models';
 import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldType, MultiInputFieldRefs, RangeFieldSeparatorProps, RangePosition } from "../../../models/index.mjs";
 import { PickerAnyRangeManager } from "../../models/managers.mjs";
-export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'unstableFieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
+export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'fieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
   /**
    * If `true`, the field is focused during the first mount.
    * @default false

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.ts

@@ -7,7 +7,7 @@ import { FieldOwnerState } from '@mui/x-date-pickers/models';
 import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldType, MultiInputFieldRefs, RangeFieldSeparatorProps, RangePosition } from "../../../models/index.js";
 import { PickerAnyRangeManager } from "../../models/managers.js";
-export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'unstableFieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
+export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'fieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
   /**
    * If `true`, the field is focused during the first mount.
    * @default false

package/models/fields.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PickerValue, PickerRangeValue } from '@mui/x-date-pickers/internals';
+import { PickerRangeValue, PickerValidValue, PickerValue } from '@mui/x-date-pickers/internals';
 import { FieldRef, PickerFieldSlotProps } from '@mui/x-date-pickers/models';
 import type { UseMultiInputRangeFieldTextFieldProps } from "../hooks/useMultiInputRangeField/index.mjs";
 export type { FieldRangeSection } from '@mui/x-date-pickers/internals';
@@ -17,9 +17,15 @@ export type MultiInputFieldSlotTextFieldProps<TEnableAccessibleFieldDOMStructure
 export interface MultiInputFieldSlotRootProps {
   onBlur?: React.FocusEventHandler;
 }
-export interface MultiInputFieldRefs {
-  unstableStartFieldRef?: React.Ref<FieldRef<PickerValue>>;
-  unstableEndFieldRef?: React.Ref<FieldRef<PickerValue>>;
+export interface MultiInputFieldRefs<TValue extends PickerValidValue = PickerValue> {
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef?: React.Ref<FieldRef<TValue> | null>;
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef?: React.Ref<FieldRef<TValue> | null>;
 }
 export interface RangeFieldSeparatorProps {
   /**

package/models/fields.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PickerValue, PickerRangeValue } from '@mui/x-date-pickers/internals';
+import { PickerRangeValue, PickerValidValue, PickerValue } from '@mui/x-date-pickers/internals';
 import { FieldRef, PickerFieldSlotProps } from '@mui/x-date-pickers/models';
 import type { UseMultiInputRangeFieldTextFieldProps } from "../hooks/useMultiInputRangeField/index.js";
 export type { FieldRangeSection } from '@mui/x-date-pickers/internals';
@@ -17,9 +17,15 @@ export type MultiInputFieldSlotTextFieldProps<TEnableAccessibleFieldDOMStructure
 export interface MultiInputFieldSlotRootProps {
   onBlur?: React.FocusEventHandler;
 }
-export interface MultiInputFieldRefs {
-  unstableStartFieldRef?: React.Ref<FieldRef<PickerValue>>;
-  unstableEndFieldRef?: React.Ref<FieldRef<PickerValue>>;
+export interface MultiInputFieldRefs<TValue extends PickerValidValue = PickerValue> {
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef?: React.Ref<FieldRef<TValue> | null>;
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef?: React.Ref<FieldRef<TValue> | null>;
 }
 export interface RangeFieldSeparatorProps {
   /**

package/package.json

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