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

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.
  */

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
-import { DateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.js";
+import { DateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.mjs";
 export interface DateTimeRangePickerToolbarProps extends BaseToolbarProps, ExportedDateTimeRangePickerToolbarProps {
   ampm?: boolean;
 }

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

@@ -11,9 +11,9 @@ import composeClasses from '@mui/utils/composeClasses';
 import { useToolbarOwnerState, DateTimePickerToolbarOverrideContext } from '@mui/x-date-pickers/internals';
 import { usePickerAdapter, usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
 import { DateTimePickerToolbar } from '@mui/x-date-pickers/DateTimePicker';
-import { getDateTimeRangePickerToolbarUtilityClass } from "./dateTimeRangePickerToolbarClasses.js";
-import { calculateRangeChange } from "../internals/utils/date-range-manager.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
+import { getDateTimeRangePickerToolbarUtilityClass } from "./dateTimeRangePickerToolbarClasses.mjs";
+import { calculateRangeChange } from "../internals/utils/date-range-manager.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/DateTimeRangePicker/index.d.ts → DateTimeRangePicker/index.d.mts}

@@ -1,10 +1,10 @@
-export { DateTimeRangePicker } from "./DateTimeRangePicker.js";
-export type { DateTimeRangePickerProps, DateTimeRangePickerSlots, DateTimeRangePickerSlotProps, DateTimeRangePickerFieldProps } from "./DateTimeRangePicker.types.js";
-export { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.js";
-export type { ExportedDateTimeRangePickerTabsProps } from "./DateTimeRangePickerTabs.js";
-export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses } from "./dateTimeRangePickerTabsClasses.js";
-export type { DateTimeRangePickerTabsClasses, DateTimeRangePickerTabsClassKey } from "./dateTimeRangePickerTabsClasses.js";
-export { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.js";
-export type { DateTimeRangePickerToolbarProps } from "./DateTimeRangePickerToolbar.js";
-export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.js";
-export type { DateTimeRangePickerToolbarClasses, DateTimeRangePickerToolbarClassKey } from "./dateTimeRangePickerToolbarClasses.js";
+export { DateTimeRangePicker } from "./DateTimeRangePicker.mjs";
+export type { DateTimeRangePickerProps, DateTimeRangePickerSlots, DateTimeRangePickerSlotProps, DateTimeRangePickerFieldProps } from "./DateTimeRangePicker.types.mjs";
+export { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.mjs";
+export type { ExportedDateTimeRangePickerTabsProps } from "./DateTimeRangePickerTabs.mjs";
+export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses } from "./dateTimeRangePickerTabsClasses.mjs";
+export type { DateTimeRangePickerTabsClasses, DateTimeRangePickerTabsClassKey } from "./dateTimeRangePickerTabsClasses.mjs";
+export { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.mjs";
+export type { DateTimeRangePickerToolbarProps } from "./DateTimeRangePickerToolbar.mjs";
+export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.mjs";
+export type { DateTimeRangePickerToolbarClasses, DateTimeRangePickerToolbarClassKey } from "./dateTimeRangePickerToolbarClasses.mjs";

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

@@ -1,5 +1,5 @@
-export { DateTimeRangePicker } from "./DateTimeRangePicker.js";
-export { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.js";
-export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses } from "./dateTimeRangePickerTabsClasses.js";
-export { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.js";
-export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.js";
+export { DateTimeRangePicker } from "./DateTimeRangePicker.mjs";
+export { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.mjs";
+export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses } from "./dateTimeRangePickerTabsClasses.mjs";
+export { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.mjs";
+export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.mjs";

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

@@ -5,13 +5,13 @@ import { BasePickerInputProps, PickerViewRendererLookup, BaseClockProps, Digital
 import { TimeViewRendererProps } from '@mui/x-date-pickers/timeViewRenderers';
 import { DigitalClockSlots, DigitalClockSlotProps } from '@mui/x-date-pickers/DigitalClock';
 import { MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from '@mui/x-date-pickers/MultiSectionDigitalClock';
-import { DateTimeRangeValidationError } from "../models/index.js";
-import { DateTimeRangePickerView, DateTimeRangePickerViewExternal } from "../internals/models/index.js";
-import { DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from "../DateRangeCalendar/index.js";
-import { DateTimeRangePickerToolbarProps, ExportedDateTimeRangePickerToolbarProps } from "./DateTimeRangePickerToolbar.js";
-import { DateRangeViewRendererProps } from "../dateRangeViewRenderers/index.js";
-import { DateTimeRangePickerTabsProps, ExportedDateTimeRangePickerTabsProps } from "./DateTimeRangePickerTabs.js";
-import { ExportedValidateDateTimeRangeProps, ValidateDateTimeRangePropsToDefault } from "../validation/validateDateTimeRange.js";
+import { DateTimeRangeValidationError } from "../models/index.mjs";
+import { DateTimeRangePickerView, DateTimeRangePickerViewExternal } from "../internals/models/index.mjs";
+import { DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from "../DateRangeCalendar/index.mjs";
+import { DateTimeRangePickerToolbarProps, ExportedDateTimeRangePickerToolbarProps } from "./DateTimeRangePickerToolbar.mjs";
+import { DateRangeViewRendererProps } from "../dateRangeViewRenderers/index.mjs";
+import { DateTimeRangePickerTabsProps, ExportedDateTimeRangePickerTabsProps } from "./DateTimeRangePickerTabs.mjs";
+import { ExportedValidateDateTimeRangeProps, ValidateDateTimeRangePropsToDefault } from "../validation/validateDateTimeRange.mjs";
 export interface BaseDateTimeRangePickerSlots extends DateRangeCalendarSlots, DigitalClockSlots, MultiSectionDigitalClockSlots {
   /**
    * Tabs enabling toggling between date and time pickers.

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useThemeProps } from '@mui/material/styles';
 import { applyDefaultViewProps, resolveTimeViewsResponse, useApplyDefaultValuesToDateTimeValidationProps } from '@mui/x-date-pickers/internals';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.js";
-import { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.js";
+import { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.mjs";
+import { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.mjs";
 export function useDateTimeRangePickerDefaultizedProps(props, name) {
   const adapter = usePickerAdapter();
   const themeProps = useThemeProps({

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

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

package/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -180,6 +180,13 @@ DesktopDateRangePicker.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/DesktopDateRangePicker/DesktopDateRangePicker.js → DesktopDateRangePicker/DesktopDateRangePicker.mjs}

@@ -7,12 +7,12 @@ import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import refType from '@mui/utils/refType';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { rangeValueManager } from "../internals/utils/valueManagers.js";
-import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.js";
-import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
-import { SingleInputDateRangeField } from "../SingleInputDateRangeField/index.js";
-import { useDesktopRangePicker } from "../internals/hooks/useDesktopRangePicker/index.js";
-import { validateDateRange } from "../validation/index.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.mjs";
+import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.mjs";
+import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.mjs";
+import { SingleInputDateRangeField } from "../SingleInputDateRangeField/index.mjs";
+import { useDesktopRangePicker } from "../internals/hooks/useDesktopRangePicker/index.mjs";
+import { validateDateRange } from "../validation/index.mjs";
 /**
  * Demos:
  *
@@ -173,6 +173,13 @@ DesktopDateRangePicker.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/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts → DesktopDateRangePicker/DesktopDateRangePicker.types.d.mts}

@@ -1,6 +1,6 @@
 import { MakeOptional } from '@mui/x-internals/types';
-import { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps } from "../internals/hooks/useDesktopRangePicker/index.js";
-import { BaseDateRangePickerProps, BaseDateRangePickerSlots, BaseDateRangePickerSlotProps } from "../DateRangePicker/shared.js";
+import { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps } from "../internals/hooks/useDesktopRangePicker/index.mjs";
+import { BaseDateRangePickerProps, BaseDateRangePickerSlots, BaseDateRangePickerSlotProps } from "../DateRangePicker/shared.mjs";
 export interface DesktopDateRangePickerSlots extends BaseDateRangePickerSlots, MakeOptional<UseDesktopRangePickerSlots, 'field'> {}
 export interface DesktopDateRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateRangePickerSlotProps, Omit<UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, 'tabs' | 'toolbar'> {}
 export interface DesktopDateRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateRangePickerProps, DesktopRangeOnlyPickerProps {

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

@@ -1,2 +1,2 @@
-export { DesktopDateRangePicker } from "./DesktopDateRangePicker.js";
-export type { DesktopDateRangePickerProps, DesktopDateRangePickerSlots, DesktopDateRangePickerSlotProps } from "./DesktopDateRangePicker.types.js";
+export { DesktopDateRangePicker } from "./DesktopDateRangePicker.mjs";
+export type { DesktopDateRangePickerProps, DesktopDateRangePickerSlots, DesktopDateRangePickerSlotProps } from "./DesktopDateRangePicker.types.mjs";

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

@@ -1 +1 @@
-export { DesktopDateRangePicker } from "./DesktopDateRangePicker.js";
+export { DesktopDateRangePicker } from "./DesktopDateRangePicker.mjs";

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

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

package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js

@@ -277,6 +277,13 @@ DesktopDateTimeRangePicker.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/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js → DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.mjs}

@@ -15,16 +15,16 @@ import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses
 import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
 import { DesktopDateTimePickerLayout } from '@mui/x-date-pickers/DesktopDateTimePicker';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { rangeValueManager } from "../internals/utils/valueManagers.js";
-import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
-import { useDesktopRangePicker } from "../internals/hooks/useDesktopRangePicker/index.js";
-import { validateDateTimeRange } from "../validation/index.js";
-import { useDateTimeRangePickerDefaultizedProps } from "../DateTimeRangePicker/shared.js";
-import { SingleInputDateTimeRangeField } from "../SingleInputDateTimeRangeField/index.js";
-import { DateTimeRangePickerTimeWrapper } from "../DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js";
-import { RANGE_VIEW_HEIGHT } from "../internals/constants/dimensions.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
-import { resolveReferenceDate } from "../internals/utils/date-range-manager.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.mjs";
+import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.mjs";
+import { useDesktopRangePicker } from "../internals/hooks/useDesktopRangePicker/index.mjs";
+import { validateDateTimeRange } from "../validation/index.mjs";
+import { useDateTimeRangePickerDefaultizedProps } from "../DateTimeRangePicker/shared.mjs";
+import { SingleInputDateTimeRangeField } from "../SingleInputDateTimeRangeField/index.mjs";
+import { DateTimeRangePickerTimeWrapper } from "../DateTimeRangePicker/DateTimeRangePickerTimeWrapper.mjs";
+import { RANGE_VIEW_HEIGHT } from "../internals/constants/dimensions.mjs";
+import { usePickerRangePositionContext } from "../hooks/index.mjs";
+import { resolveReferenceDate } from "../internals/utils/date-range-manager.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const STEPS = [{
   views: null,
@@ -270,6 +270,13 @@ DesktopDateTimeRangePicker.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/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.ts → DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.mts}

@@ -1,6 +1,6 @@
 import { MakeOptional } from '@mui/x-internals/types';
-import { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps } from "../internals/hooks/useDesktopRangePicker/index.js";
-import { BaseDateTimeRangePickerProps, BaseDateTimeRangePickerSlots, BaseDateTimeRangePickerSlotProps } from "../DateTimeRangePicker/shared.js";
+import { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps } from "../internals/hooks/useDesktopRangePicker/index.mjs";
+import { BaseDateTimeRangePickerProps, BaseDateTimeRangePickerSlots, BaseDateTimeRangePickerSlotProps } from "../DateTimeRangePicker/shared.mjs";
 export interface DesktopDateTimeRangePickerSlots extends BaseDateTimeRangePickerSlots, MakeOptional<UseDesktopRangePickerSlots, 'field'> {}
 export interface DesktopDateTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateTimeRangePickerSlotProps, Omit<UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, 'tabs' | 'toolbar'> {}
 export interface DesktopDateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateTimeRangePickerProps, DesktopRangeOnlyPickerProps {

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

@@ -1,2 +1,2 @@
-export { DesktopDateTimeRangePicker } from "./DesktopDateTimeRangePicker.js";
-export type { DesktopDateTimeRangePickerProps, DesktopDateTimeRangePickerSlots, DesktopDateTimeRangePickerSlotProps } from "./DesktopDateTimeRangePicker.types.js";
+export { DesktopDateTimeRangePicker } from "./DesktopDateTimeRangePicker.mjs";
+export type { DesktopDateTimeRangePickerProps, DesktopDateTimeRangePickerSlots, DesktopDateTimeRangePickerSlotProps } from "./DesktopDateTimeRangePicker.types.mjs";

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

@@ -1 +1 @@
-export { DesktopDateTimeRangePicker } from "./DesktopDateTimeRangePicker.js";
+export { DesktopDateTimeRangePicker } from "./DesktopDateTimeRangePicker.mjs";

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

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

package/DesktopTimeRangePicker/DesktopTimeRangePicker.js

@@ -207,6 +207,13 @@ DesktopTimeRangePicker.propTypes = {
   inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
     current: _propTypes.default.object
   })]),
+  /**
+   * 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/DesktopTimeRangePicker/DesktopTimeRangePicker.js → DesktopTimeRangePicker/DesktopTimeRangePicker.mjs}

@@ -13,13 +13,13 @@ import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
 import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
 import { pickersLayoutClasses } from '@mui/x-date-pickers/PickersLayout';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { rangeValueManager } from "../internals/utils/valueManagers.js";
-import { useTimeRangePickerDefaultizedProps } from "../TimeRangePicker/shared.js";
-import { SingleInputTimeRangeField } from "../SingleInputTimeRangeField/index.js";
-import { useDesktopRangePicker } from "../internals/hooks/useDesktopRangePicker/index.js";
-import { validateTimeRange } from "../validation/validateTimeRange.js";
-import { RANGE_VIEW_HEIGHT } from "../internals/constants/dimensions.js";
-import { TimeRangePickerTimeWrapper } from "../TimeRangePicker/TimeRangePickerTimeWrapper.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.mjs";
+import { useTimeRangePickerDefaultizedProps } from "../TimeRangePicker/shared.mjs";
+import { SingleInputTimeRangeField } from "../SingleInputTimeRangeField/index.mjs";
+import { useDesktopRangePicker } from "../internals/hooks/useDesktopRangePicker/index.mjs";
+import { validateTimeRange } from "../validation/validateTimeRange.mjs";
+import { RANGE_VIEW_HEIGHT } from "../internals/constants/dimensions.mjs";
+import { TimeRangePickerTimeWrapper } from "../TimeRangePicker/TimeRangePickerTimeWrapper.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const STEPS = [{
   views: null,
@@ -200,6 +200,13 @@ DesktopTimeRangePicker.propTypes = {
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
     current: PropTypes.object
   })]),
+  /**
+   * 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/DesktopTimeRangePicker/DesktopTimeRangePicker.types.d.ts → DesktopTimeRangePicker/DesktopTimeRangePicker.types.d.mts}

@@ -1,7 +1,7 @@
 import { MakeOptional } from '@mui/x-internals/types';
 import { DigitalTimePickerProps } from '@mui/x-date-pickers/internals';
-import { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps } from "../internals/hooks/useDesktopRangePicker/index.js";
-import { BaseTimeRangePickerProps, BaseTimeRangePickerSlots, BaseTimeRangePickerSlotProps } from "../TimeRangePicker/shared.js";
+import { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps } from "../internals/hooks/useDesktopRangePicker/index.mjs";
+import { BaseTimeRangePickerProps, BaseTimeRangePickerSlots, BaseTimeRangePickerSlotProps } from "../TimeRangePicker/shared.mjs";
 export interface DesktopTimeRangePickerSlots extends BaseTimeRangePickerSlots, MakeOptional<UseDesktopRangePickerSlots, 'field'> {}
 export interface DesktopTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseTimeRangePickerSlotProps, Omit<UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, 'tabs' | 'toolbar'> {}
 export interface DesktopTimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseTimeRangePickerProps, DesktopRangeOnlyPickerProps, DigitalTimePickerProps {

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

@@ -1,2 +1,2 @@
-export { DesktopTimeRangePicker } from "./DesktopTimeRangePicker.js";
-export type { DesktopTimeRangePickerProps, DesktopTimeRangePickerSlots, DesktopTimeRangePickerSlotProps } from "./DesktopTimeRangePicker.types.js";
+export { DesktopTimeRangePicker } from "./DesktopTimeRangePicker.mjs";
+export type { DesktopTimeRangePickerProps, DesktopTimeRangePickerSlots, DesktopTimeRangePickerSlotProps } from "./DesktopTimeRangePicker.types.mjs";

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

@@ -1 +1 @@
-export { DesktopTimeRangePicker } from "./DesktopTimeRangePicker.js";
+export { DesktopTimeRangePicker } from "./DesktopTimeRangePicker.mjs";

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

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

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -177,6 +177,13 @@ MobileDateRangePicker.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/MobileDateRangePicker/MobileDateRangePicker.js → MobileDateRangePicker/MobileDateRangePicker.mjs}

@@ -7,12 +7,12 @@ import refType from '@mui/utils/refType';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { rangeValueManager } from "../internals/utils/valueManagers.js";
-import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.js";
-import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
-import { SingleInputDateRangeField } from "../SingleInputDateRangeField/index.js";
-import { useMobileRangePicker } from "../internals/hooks/useMobileRangePicker/index.js";
-import { validateDateRange } from "../validation/index.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.mjs";
+import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.mjs";
+import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.mjs";
+import { SingleInputDateRangeField } from "../SingleInputDateRangeField/index.mjs";
+import { useMobileRangePicker } from "../internals/hooks/useMobileRangePicker/index.mjs";
+import { validateDateRange } from "../validation/index.mjs";
 /**
  * Demos:
  *
@@ -170,6 +170,13 @@ MobileDateRangePicker.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/MobileDateRangePicker/MobileDateRangePicker.types.d.ts → MobileDateRangePicker/MobileDateRangePicker.types.d.mts}

@@ -1,6 +1,6 @@
 import { MakeOptional } from '@mui/x-internals/types';
-import { UseMobileRangePickerSlots, UseMobileRangePickerSlotProps, MobileRangeOnlyPickerProps } from "../internals/hooks/useMobileRangePicker/index.js";
-import { BaseDateRangePickerProps, BaseDateRangePickerSlots, BaseDateRangePickerSlotProps } from "../DateRangePicker/shared.js";
+import { UseMobileRangePickerSlots, UseMobileRangePickerSlotProps, MobileRangeOnlyPickerProps } from "../internals/hooks/useMobileRangePicker/index.mjs";
+import { BaseDateRangePickerProps, BaseDateRangePickerSlots, BaseDateRangePickerSlotProps } from "../DateRangePicker/shared.mjs";
 export interface MobileDateRangePickerSlots extends BaseDateRangePickerSlots, MakeOptional<UseMobileRangePickerSlots, 'field'> {}
 export interface MobileDateRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateRangePickerSlotProps, Omit<UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, 'tabs' | 'toolbar'> {}
 export interface MobileDateRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateRangePickerProps, MobileRangeOnlyPickerProps {

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

@@ -1,2 +1,2 @@
-export { MobileDateRangePicker } from "./MobileDateRangePicker.js";
-export type { MobileDateRangePickerProps, MobileDateRangePickerSlots, MobileDateRangePickerSlotProps } from "./MobileDateRangePicker.types.js";
+export { MobileDateRangePicker } from "./MobileDateRangePicker.mjs";
+export type { MobileDateRangePickerProps, MobileDateRangePickerSlots, MobileDateRangePickerSlotProps } from "./MobileDateRangePicker.types.mjs";

package/MobileDateRangePicker/index.mjs

@@ -0,0 +1 @@
+export { MobileDateRangePicker } from "./MobileDateRangePicker.mjs";

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

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

package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js

@@ -277,6 +277,13 @@ MobileDateTimeRangePicker.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/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js → MobileDateTimeRangePicker/MobileDateTimeRangePicker.mjs}

@@ -13,15 +13,15 @@ import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } fr
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
 import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { rangeValueManager } from "../internals/utils/valueManagers.js";
-import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
-import { useMobileRangePicker } from "../internals/hooks/useMobileRangePicker/index.js";
-import { validateDateTimeRange } from "../validation/index.js";
-import { useDateTimeRangePickerDefaultizedProps } from "../DateTimeRangePicker/shared.js";
-import { SingleInputDateTimeRangeField } from "../SingleInputDateTimeRangeField/index.js";
-import { DateTimeRangePickerTimeWrapper } from "../DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js";
-import { RANGE_VIEW_HEIGHT } from "../internals/constants/dimensions.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.mjs";
+import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.mjs";
+import { useMobileRangePicker } from "../internals/hooks/useMobileRangePicker/index.mjs";
+import { validateDateTimeRange } from "../validation/index.mjs";
+import { useDateTimeRangePickerDefaultizedProps } from "../DateTimeRangePicker/shared.mjs";
+import { SingleInputDateTimeRangeField } from "../SingleInputDateTimeRangeField/index.mjs";
+import { DateTimeRangePickerTimeWrapper } from "../DateTimeRangePicker/DateTimeRangePickerTimeWrapper.mjs";
+import { RANGE_VIEW_HEIGHT } from "../internals/constants/dimensions.mjs";
+import { usePickerRangePositionContext } from "../hooks/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const STEPS = [{
   views: ['day'],
@@ -270,6 +270,13 @@ MobileDateTimeRangePicker.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.
    */