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

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # Changelog
 
+## 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,7 +19,7 @@ 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 _Watermark = require("@mui/x-license/Watermark");
 var _internals = require("@mui/x-date-pickers/internals");
 var _warning = require("@mui/x-internals/warning");
 var _hooks = require("@mui/x-date-pickers/hooks");
@@ -37,7 +37,7 @@ 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 releaseInfo = "MTc3MjY2ODgwMDAwMA==";
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Root'
@@ -474,7 +474,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState
   }, other, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
       packageName: "x-date-pickers-pro",
       releaseInfo: releaseInfo
     }), calendarMonths.map(monthIndex => {

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

@@ -14,23 +14,23 @@ 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/Watermark';
 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 releaseInfo = "MTc3MjY2ODgwMDAwMA==";
 const DateRangeCalendarRoot = styled('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Root'

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:

package/DateRangePickerDay/DateRangePickerDay.js

@@ -12,7 +12,7 @@ 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 _xLicense = require("@mui/x-license");
+var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _internals = require("@mui/x-date-pickers/internals");
@@ -235,7 +235,7 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       showDaysOutsideCurrentMonth
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjA2NDAwMDAwMA==");
+  (0, _useLicenseVerifier.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
   const adapter = (0, _hooks.usePickerAdapter)();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;

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

@@ -6,13 +6,13 @@ 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';
+import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
 import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { usePickerDayOwnerState } from '@mui/x-date-pickers/internals';
 import { PickersDay } from '@mui/x-date-pickers/PickersDay';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = (classes, ownerState) => {
   const {
@@ -228,7 +228,7 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       showDaysOutsideCurrentMonth
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc3MjA2NDAwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
   const adapter = usePickerAdapter();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;

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

@@ -1,5 +1,5 @@
 import { PickerDayOwnerState, PickersDayProps } from '@mui/x-date-pickers/PickersDay';
-import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.mjs";
 export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
   /**
    * Set to `true` if the `day` is in a highlighted date range.

package/DateRangePickerDay/index.d.mts

@@ -0,0 +1,4 @@
+export { DateRangePickerDay } from "./DateRangePickerDay.mjs";
+export type { DateRangePickerDayProps, DateRangePickerDayOwnerState } from "./DateRangePickerDay.types.mjs";
+export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.mjs";
+export type { DateRangePickerDayClasses, DateRangePickerDayClassKey } from "./dateRangePickerDayClasses.mjs";

package/DateRangePickerDay/index.mjs

@@ -0,0 +1,2 @@
+export { DateRangePickerDay } from "./DateRangePickerDay.mjs";
+export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.mjs";

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

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

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

@@ -13,7 +13,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { usePickerDayOwnerState } from '@mui/x-date-pickers/internals';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { dateRangePickerDay2Classes, getDateRangePickerDay2UtilityClass } from "./dateRangePickerDay2Classes.js";
+import { dateRangePickerDay2Classes, getDateRangePickerDay2UtilityClass } from "./dateRangePickerDay2Classes.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = (ownerState, classes) => {
   const {

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

@@ -1,5 +1,5 @@
 import { PickerDay2OwnerState, PickerDay2Props } from '@mui/x-date-pickers/PickerDay2';
-import { DateRangePickerDay2Classes } from "./dateRangePickerDay2Classes.js";
+import { DateRangePickerDay2Classes } from "./dateRangePickerDay2Classes.mjs";
 export interface DateRangePickerDay2Props extends Omit<PickerDay2Props, 'classes'> {
   /**
    * Set to `true` if the `day` is in a highlighted date range.

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

@@ -1,4 +1,4 @@
-export { DateRangePickerDay2 } from "./DateRangePickerDay2.js";
-export type { DateRangePickerDay2Props, DateRangePickerDay2OwnerState } from "./DateRangePickerDay2.types.js";
-export { getDateRangePickerDay2UtilityClass, dateRangePickerDay2Classes } from "./dateRangePickerDay2Classes.js";
-export type { DateRangePickerDay2ClassKey } from "./dateRangePickerDay2Classes.js";
+export { DateRangePickerDay2 } from "./DateRangePickerDay2.mjs";
+export type { DateRangePickerDay2Props, DateRangePickerDay2OwnerState } from "./DateRangePickerDay2.types.mjs";
+export { getDateRangePickerDay2UtilityClass, dateRangePickerDay2Classes } from "./dateRangePickerDay2Classes.mjs";
+export type { DateRangePickerDay2ClassKey } from "./dateRangePickerDay2Classes.mjs";

package/DateRangePickerDay2/index.mjs

@@ -0,0 +1,2 @@
+export { DateRangePickerDay2 } from "./DateRangePickerDay2.mjs";
+export { getDateRangePickerDay2UtilityClass, dateRangePickerDay2Classes } from "./dateRangePickerDay2Classes.mjs";

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

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

package/DateTimeRangePicker/DateTimeRangePicker.js

@@ -180,6 +180,13 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.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/DateTimeRangePicker/DateTimeRangePicker.js → DateTimeRangePicker/DateTimeRangePicker.mjs}

@@ -9,8 +9,8 @@ import refType from '@mui/utils/refType';
 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 { DesktopDateTimeRangePicker } from "../DesktopDateTimeRangePicker/index.js";
-import { MobileDateTimeRangePicker } from "../MobileDateTimeRangePicker/index.js";
+import { DesktopDateTimeRangePicker } from "../DesktopDateTimeRangePicker/index.mjs";
+import { MobileDateTimeRangePicker } from "../MobileDateTimeRangePicker/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -173,6 +173,13 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.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/DateTimeRangePicker/DateTimeRangePicker.types.d.ts → DateTimeRangePicker/DateTimeRangePicker.types.d.mts}

@@ -1,7 +1,7 @@
 import { BaseSingleInputFieldProps } from '@mui/x-date-pickers/internals';
-import { DesktopDateTimeRangePickerProps, DesktopDateTimeRangePickerSlots, DesktopDateTimeRangePickerSlotProps } from "../DesktopDateTimeRangePicker/index.js";
-import { MobileDateTimeRangePickerProps, MobileDateTimeRangePickerSlots, MobileDateTimeRangePickerSlotProps } from "../MobileDateTimeRangePicker/index.js";
-import type { ValidateDateTimeRangeProps } from "../validation/index.js";
+import { DesktopDateTimeRangePickerProps, DesktopDateTimeRangePickerSlots, DesktopDateTimeRangePickerSlotProps } from "../DesktopDateTimeRangePicker/index.mjs";
+import { MobileDateTimeRangePickerProps, MobileDateTimeRangePickerSlots, MobileDateTimeRangePickerSlotProps } from "../MobileDateTimeRangePicker/index.mjs";
+import type { ValidateDateTimeRangeProps } from "../validation/index.mjs";
 export interface DateTimeRangePickerSlots extends DesktopDateTimeRangePickerSlots, MobileDateTimeRangePickerSlots {}
 export interface DateTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDateTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDateTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
 export interface DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, MobileDateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure> {

package/{esm/DateTimeRangePicker/DateTimeRangePickerTabs.d.ts → DateTimeRangePicker/DateTimeRangePickerTabs.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ExportedBaseTabsProps } from '@mui/x-date-pickers/internals';
-import { DateTimeRangePickerTabsClasses } from "./dateTimeRangePickerTabsClasses.js";
+import { DateTimeRangePickerTabsClasses } from "./dateTimeRangePickerTabsClasses.mjs";
 export interface ExportedDateTimeRangePickerTabsProps extends ExportedBaseTabsProps {
   /**
    * Toggles visibility of the tabs allowing view switching.

package/{esm/DateTimeRangePicker/DateTimeRangePickerTabs.js → DateTimeRangePicker/DateTimeRangePickerTabs.mjs}

@@ -11,8 +11,8 @@ import { isDatePickerView, usePickerPrivateContext } from '@mui/x-date-pickers/i
 import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
 import IconButton from '@mui/material/IconButton';
 import Button from '@mui/material/Button';
-import { getDateTimeRangePickerTabsUtilityClass } from "./dateTimeRangePickerTabsClasses.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
+import { getDateTimeRangePickerTabsUtilityClass } from "./dateTimeRangePickerTabsClasses.mjs";
+import { usePickerRangePositionContext } from "../hooks/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const viewToTab = (view, rangePosition) => {
   if (isDatePickerView(view)) {

package/{esm/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js → DateTimeRangePicker/DateTimeRangePickerTimeWrapper.mjs}

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["viewRenderer", "value", "onChange", "defaultValue", "onViewChange", "views", "className", "referenceDate"];
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { isRangeValid } from "../internals/utils/date-utils.js";
-import { calculateRangeChange, resolveReferenceDate } from "../internals/utils/date-range-manager.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
+import { isRangeValid } from "../internals/utils/date-utils.mjs";
+import { calculateRangeChange, resolveReferenceDate } from "../internals/utils/date-range-manager.mjs";
+import { usePickerRangePositionContext } from "../hooks/index.mjs";
 /**
  * @ignore - internal component.
  */