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

package/CHANGELOG.md

@@ -1,5 +1,245 @@
 # 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_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- ✅ Stabilize Sankey chart
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.2`
+
+- [dataGrid] Fix keyboard nav with single-row checkbox selection (#21149) @mj12albert
+- [DataGrid] Add `checkboxColDef` prop to customize the selection column (#21331) @michelengelen
+- [DataGrid] Format pagination numbers by default (#21117) @siriwatknp
+- [DataGrid] Prevent unnecessary row selection checkbox rerendering (#21570) @arminmeh
+- [DataGrid] Make GridScrollArea overrides resolver dynamic (#21532) @sai6855
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.2` [![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.2`, plus:
+
+- [DataGridPro] Use `getRowId` prop to calculate the tree data row update (#21540) @arminmeh
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.2` [![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.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.2`
+
+- [pickers] Add `keepOpenDuringFieldFocus` prop (#20782) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.2` [![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.2`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.2`
+
+- [charts] Add `ChartsLayerContainer` component (#21264) @bernardobelchior
+- [charts] Add codemod for `ChartsContainer` rename (#21504) @JCQuintas
+- [charts] Add codemod for `ChartsDataProvider` rename (#21552) @JCQuintas
+- [charts] Add codemod for `ChartsZoomSlider` rename (#21597) @JCQuintas
+- [charts] Base the highlight items on the item identifiers (#21161) @alexfauquette
+- [charts] Deprecate `ChartDataProvider` in favour of `ChartsDataProvider` (#21191) @JCQuintas
+- [charts] Deprecate `highlighted` and `faded` classes (#21476) @alexfauquette
+- [charts] Migrate to latest v8 warning (#21518) @JCQuintas
+- [charts] Rename `ChartZoomSlider` to `ChartsZoomSlider` (#21553) @JCQuintas
+- [charts] Rename `WebGl` to `WebGL` (#21524) @JCQuintas
+- [charts] Rename `useSvgRef()` by `useChartsLayerContainerRef()` (#21494) @alexfauquette
+- [charts] Restore focus on last focused item (#21522) @alexfauquette
+- [charts] Warn users when controlled tooltip state does not match the trigger (#21520) @Copilot
+- [charts] Fix controlled tooltip position (#21603) @bernardobelchior
+
+#### `@mui/x-charts-pro@9.0.0-alpha.2` [![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.2`, plus:
+
+- [charts-pro] Center the watermark (#21550) @alexfauquette
+- [charts-pro] Stabilize `SankeyChart` API (#21133) @Copilot
+
+#### `@mui/x-charts-premium@9.0.0-alpha.2` [![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.2`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.2`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.2` [![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.2`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.2`
+
+Internal changes.
+
+### Docs
+
+- [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] Add tutorial and example app for aggregation with row grouping (DX-162) (#21102) @mapache-salvaje
+- [docs] Fix missing codemod docs (#21604) @JCQuintas
+
+### Core
+
+- [code-infra] Add eslint rule to prevent `Math.random` in docs (#21505) @JCQuintas
+- [code-infra] Avoid static props for pageContent (#21038) @Janpot
+- [code-infra] Isolate `date-pickers-pro` in the browser tests (#21383) @Janpot
+- [code-infra] Remove `--coverage` (#21410) @Janpot
+- [code-infra] Remove unneeded `skipIf`s (#21569) @JCQuintas
+- [code-infra] Remove vale as a workspace dependency (#21489) @brijeshb42
+- [code-infra] Remove x-charts-vendor from nextjs processing (#21534) @brijeshb42
+- [code-infra] Set BASE_BRANCH env var in CircleCI config (#21548) @brijeshb42
+- [code-infra] Setup error code extraction (#21469) @brijeshb42
+- [code-infra] Setup flat build for packages (#21029) @brijeshb42
+- [code-infra] Upgrade test_unit to large resource class (#21558) @Janpot
+- [code-infra] Removed getTeamMembers function and usage from release script (#21605) @michelengelen
+
+### Miscellaneous
+
+- [x-license] Add Q1-2026 plan version with quantity and appType support (#21574) @aemartos
+- [x-license] Add v3 key format support, centralize test keys, and trim public API (#21485) @aemartos
+- [x-telemetry] telemetry opt-out by default, remove conf dependency (#21470) @aemartos
+- [x-telemetry] test: mock context module directly in sender tests (#21546) @aemartos
+
 ## 9.0.0-alpha.1
 
 _Feb 26, 2026_

package/{esm/DateRangeCalendar/DateRangeCalendar.d.ts → DateRangeCalendar/DateRangeCalendar.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DateRangeCalendarProps } from "./DateRangeCalendar.types.js";
+import { DateRangeCalendarProps } from "./DateRangeCalendar.types.mjs";
 type DateRangeCalendarComponent = ((props: DateRangeCalendarProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

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 _xLicense = require("@mui/x-license");
-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 = "MTc3MjA2NDAwMDAwMA==";
+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)(_xLicense.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/{esm/DateRangeCalendar/DateRangeCalendar.js → DateRangeCalendar/DateRangeCalendar.mjs}

@@ -14,23 +14,27 @@ 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';
+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';
-import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from "./dateRangeCalendarClasses.js";
-import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from "../internals/utils/date-utils.js";
-import { calculateRangeChange, calculateRangePreview, resolveReferenceDate } from "../internals/utils/date-range-manager.js";
-import { DateRangePickerDay, dateRangePickerDayClasses as dayClasses } from "../DateRangePickerDay/index.js";
-import { rangeValueManager } from "../internals/utils/valueManagers.js";
-import { useDragRange } from "./useDragRange.js";
-import { useRangePosition } from "../internals/hooks/useRangePosition.js";
-import { DAY_RANGE_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.js";
-import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.js";
-import { useNullablePickerRangePositionContext } from "../internals/hooks/useNullablePickerRangePositionContext.js";
-import { dateRangePickerDay2Classes } from "../DateRangePickerDay2/index.js";
+import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from "./dateRangeCalendarClasses.mjs";
+import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from "../internals/utils/date-utils.mjs";
+import { calculateRangeChange, calculateRangePreview, resolveReferenceDate } from "../internals/utils/date-range-manager.mjs";
+import { DateRangePickerDay, dateRangePickerDayClasses as dayClasses } from "../DateRangePickerDay/index.mjs";
+import { rangeValueManager } from "../internals/utils/valueManagers.mjs";
+import { useDragRange } from "./useDragRange.mjs";
+import { useRangePosition } from "../internals/hooks/useRangePosition.mjs";
+import { DAY_RANGE_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.mjs";
+import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.mjs";
+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 = "MTc3MjA2NDAwMDAwMA==";
+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/{esm/DateRangeCalendar/DateRangeCalendar.types.d.ts → DateRangeCalendar/DateRangeCalendar.types.d.mts}

@@ -7,12 +7,12 @@ import { PickerOwnerState, PickerValidDate, TimezoneProps } from '@mui/x-date-pi
 import { PickersCalendarHeader, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps } from '@mui/x-date-pickers/PickersCalendarHeader';
 import { PickerDayOwnerState } from '@mui/x-date-pickers/PickersDay';
 import { BaseDateValidationProps, ExportedDayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps, ExportedUseViewsOptions, PickerRangeValue, FormProps } from '@mui/x-date-pickers/internals';
-import { RangePosition } from "../models/index.js";
-import { DateRangeCalendarClasses } from "./dateRangeCalendarClasses.js";
-import { DateRangePickerDay, DateRangePickerDayProps } from "../DateRangePickerDay/index.js";
-import { UseRangePositionProps } from "../internals/hooks/useRangePosition.js";
-import { PickersRangeCalendarHeaderProps } from "../PickersRangeCalendarHeader/index.js";
-import { ExportedValidateDateRangeProps } from "../validation/validateDateRange.js";
+import { RangePosition } from "../models/index.mjs";
+import { DateRangeCalendarClasses } from "./dateRangeCalendarClasses.mjs";
+import { DateRangePickerDay, DateRangePickerDayProps } from "../DateRangePickerDay/index.mjs";
+import { UseRangePositionProps } from "../internals/hooks/useRangePosition.mjs";
+import { PickersRangeCalendarHeaderProps } from "../PickersRangeCalendarHeader/index.mjs";
+import { ExportedValidateDateRangeProps } from "../validation/validateDateRange.mjs";
 export interface DateRangeCalendarSlots extends PickersArrowSwitcherSlots, Omit<DayCalendarSlots, 'day'>, PickersCalendarHeaderSlots {
   /**
    * Custom component for calendar header.

package/{esm/DateRangeCalendar/index.d.ts → DateRangeCalendar/index.d.mts}

@@ -1,4 +1,4 @@
-export { DateRangeCalendar } from "./DateRangeCalendar.js";
-export type { DateRangeCalendarProps, DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from "./DateRangeCalendar.types.js";
-export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses } from "./dateRangeCalendarClasses.js";
-export type { DateRangeCalendarClassKey, DateRangeCalendarClasses } from "./dateRangeCalendarClasses.js";
+export { DateRangeCalendar } from "./DateRangeCalendar.mjs";
+export type { DateRangeCalendarProps, DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from "./DateRangeCalendar.types.mjs";
+export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses } from "./dateRangeCalendarClasses.mjs";
+export type { DateRangeCalendarClassKey, DateRangeCalendarClasses } from "./dateRangeCalendarClasses.mjs";

package/DateRangeCalendar/index.mjs

@@ -0,0 +1,2 @@
+export { DateRangeCalendar } from "./DateRangeCalendar.mjs";
+export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses } from "./dateRangeCalendarClasses.mjs";

package/{esm/DateRangeCalendar/useDragRange.d.ts → DateRangeCalendar/useDragRange.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { MuiPickersAdapter, PickersTimezone, PickerValidDate } from '@mui/x-date-pickers/models';
 import { PickerRangeValue } from '@mui/x-date-pickers/internals';
-import { RangePosition } from "../models/index.js";
+import { RangePosition } from "../models/index.mjs";
 interface UseDragRangeParams {
   disableDragEditing?: boolean;
   adapter: MuiPickersAdapter;

package/{esm/DateRangeCalendar/useDragRange.js → DateRangeCalendar/useDragRange.mjs}

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { isEndOfRange, isStartOfRange } from "../internals/utils/date-utils.js";
+import { isEndOfRange, isStartOfRange } from "../internals/utils/date-utils.mjs";
 const resolveDateFromTarget = (target, adapter, timezone) => {
   const timestampString = target.dataset.timestamp;
   if (!timestampString) {

package/{esm/DateRangePicker/DateRangePicker.d.ts → DateRangePicker/DateRangePicker.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DateRangePickerProps } from "./DateRangePicker.types.js";
+import { DateRangePickerProps } from "./DateRangePicker.types.mjs";
 type DatePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DateRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/DateRangePicker/DateRangePicker.js

@@ -170,6 +170,13 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
    * Pass a ref to the `input` element.
    */
   inputRef: _refType.default,
+  /**
+   * If `true`, keep the picker open when the value is edited from the field.
+   * Useful to prevent the popper/dialog from closing while typing in the input.
+   * This only affects changes with `source = "field"` and does not alter view interactions.
+   * @default false
+   */
+  keepOpenDuringFieldFocus: _propTypes.default.bool,
   /**
    * The label content.
    */

package/{esm/DateRangePicker/DateRangePicker.js → DateRangePicker/DateRangePicker.mjs}

@@ -9,8 +9,8 @@ import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
 import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from '@mui/x-date-pickers/internals';
 import refType from '@mui/utils/refType';
-import { DesktopDateRangePicker } from "../DesktopDateRangePicker/index.js";
-import { MobileDateRangePicker } from "../MobileDateRangePicker/index.js";
+import { DesktopDateRangePicker } from "../DesktopDateRangePicker/index.mjs";
+import { MobileDateRangePicker } from "../MobileDateRangePicker/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -163,6 +163,13 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
    * Pass a ref to the `input` element.
    */
   inputRef: refType,
+  /**
+   * If `true`, keep the picker open when the value is edited from the field.
+   * Useful to prevent the popper/dialog from closing while typing in the input.
+   * This only affects changes with `source = "field"` and does not alter view interactions.
+   * @default false
+   */
+  keepOpenDuringFieldFocus: PropTypes.bool,
   /**
    * The label content.
    */

package/{esm/DateRangePicker/DateRangePicker.types.d.ts → DateRangePicker/DateRangePicker.types.d.mts}

@@ -1,7 +1,7 @@
 import { BaseSingleInputFieldProps } from '@mui/x-date-pickers/internals';
-import { DesktopDateRangePickerProps, DesktopDateRangePickerSlots, DesktopDateRangePickerSlotProps } from "../DesktopDateRangePicker/index.js";
-import { MobileDateRangePickerProps, MobileDateRangePickerSlots, MobileDateRangePickerSlotProps } from "../MobileDateRangePicker/index.js";
-import { ValidateDateRangeProps } from "../validation/index.js";
+import { DesktopDateRangePickerProps, DesktopDateRangePickerSlots, DesktopDateRangePickerSlotProps } from "../DesktopDateRangePicker/index.mjs";
+import { MobileDateRangePickerProps, MobileDateRangePickerSlots, MobileDateRangePickerSlotProps } from "../MobileDateRangePicker/index.mjs";
+import { ValidateDateRangeProps } from "../validation/index.mjs";
 export interface DateRangePickerSlots extends DesktopDateRangePickerSlots, MobileDateRangePickerSlots {}
 export interface DateRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDateRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDateRangePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
 export interface DateRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDateRangePickerProps<TEnableAccessibleFieldDOMStructure>, MobileDateRangePickerProps<TEnableAccessibleFieldDOMStructure> {

package/{esm/DateRangePicker/DateRangePickerToolbar.d.ts → DateRangePicker/DateRangePickerToolbar.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
-import { DateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.js";
+import { DateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.mjs";
 export interface DateRangePickerToolbarProps extends ExportedDateRangePickerToolbarProps, Omit<BaseToolbarProps, 'onChange' | 'isLandscape'> {}
 export interface ExportedDateRangePickerToolbarProps extends ExportedBaseToolbarProps {
   /**

package/{esm/DateRangePicker/DateRangePickerToolbar.js → DateRangePicker/DateRangePickerToolbar.mjs}

@@ -11,8 +11,8 @@ import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { PickersToolbar, PickersToolbarButton, useToolbarOwnerState } from '@mui/x-date-pickers/internals';
 import { usePickerAdapter, usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { getDateRangePickerToolbarUtilityClass } from "./dateRangePickerToolbarClasses.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
+import { getDateRangePickerToolbarUtilityClass } from "./dateRangePickerToolbarClasses.mjs";
+import { usePickerRangePositionContext } from "../hooks/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {

package/{esm/DateRangePicker/index.d.ts → DateRangePicker/index.d.mts}

@@ -1,6 +1,6 @@
-export { DateRangePicker } from "./DateRangePicker.js";
-export type { DateRangePickerProps, DateRangePickerSlots, DateRangePickerSlotProps, DateRangePickerFieldProps } from "./DateRangePicker.types.js";
-export { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
-export type { DateRangePickerToolbarProps } from "./DateRangePickerToolbar.js";
-export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.js";
-export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey } from "./dateRangePickerToolbarClasses.js";
+export { DateRangePicker } from "./DateRangePicker.mjs";
+export type { DateRangePickerProps, DateRangePickerSlots, DateRangePickerSlotProps, DateRangePickerFieldProps } from "./DateRangePicker.types.mjs";
+export { DateRangePickerToolbar } from "./DateRangePickerToolbar.mjs";
+export type { DateRangePickerToolbarProps } from "./DateRangePickerToolbar.mjs";
+export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.mjs";
+export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey } from "./dateRangePickerToolbarClasses.mjs";

package/{esm/DateRangePicker/index.js → DateRangePicker/index.mjs}

@@ -1,3 +1,3 @@
-export { DateRangePicker } from "./DateRangePicker.js";
-export { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
-export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.js";
+export { DateRangePicker } from "./DateRangePicker.mjs";
+export { DateRangePickerToolbar } from "./DateRangePickerToolbar.mjs";
+export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses.mjs";

package/{esm/DateRangePicker/shared.d.ts → DateRangePicker/shared.d.mts}

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { DefaultizedProps } from '@mui/x-internals/types';
 import { LocalizedComponent } from '@mui/x-date-pickers/locales';
 import { BasePickerInputProps, PickerViewRendererLookup, PickerRangeValue } from '@mui/x-date-pickers/internals';
-import { DateRangeValidationError } from "../models/index.js";
-import { DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from "../DateRangeCalendar/index.js";
-import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from "./DateRangePickerToolbar.js";
-import { DateRangeViewRendererProps } from "../dateRangeViewRenderers/index.js";
-import { ValidateDateRangePropsToDefault } from "../validation/validateDateRange.js";
+import { DateRangeValidationError } from "../models/index.mjs";
+import { DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from "../DateRangeCalendar/index.mjs";
+import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from "./DateRangePickerToolbar.mjs";
+import { DateRangeViewRendererProps } from "../dateRangeViewRenderers/index.mjs";
+import { ValidateDateRangePropsToDefault } from "../validation/validateDateRange.mjs";
 export interface BaseDateRangePickerSlots extends DateRangeCalendarSlots {
   /**
    * Custom component for the toolbar rendered above the views.

package/{esm/DateRangePicker/shared.js → DateRangePicker/shared.mjs}

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { useApplyDefaultValuesToDateValidationProps } from '@mui/x-date-pickers/internals';
-import { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
+import { DateRangePickerToolbar } from "./DateRangePickerToolbar.mjs";
 export function useDateRangePickerDefaultizedProps(props, name) {
   const themeProps = useThemeProps({
     props,

package/{esm/DateRangePickerDay/DateRangePickerDay.d.ts → DateRangePickerDay/DateRangePickerDay.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DateRangePickerDayProps } from "./DateRangePickerDay.types.js";
+import { DateRangePickerDayProps } from "./DateRangePickerDay.types.mjs";
 type DateRangePickerDayComponent = (props: DateRangePickerDayProps & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element;
 /**
  * Demos: