@mui/x-date-pickers-pro 9.0.0 → 9.0.3

package/DateRangeCalendar/DateRangeCalendar.js

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

package/DateRangeCalendar/DateRangeCalendar.mjs

@@ -30,8 +30,8 @@ import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.
 import { useNullablePickerRangePositionContext } from "../internals/hooks/useNullablePickerRangePositionContext.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const packageInfo = {
-  releaseDate: "MTc3NTYwNjQwMDAwMA==",
-  version: "9.0.0",
+  releaseDate: "MTc3NzI0ODAwMDAwMA==",
+  version: "9.0.3",
   name: 'x-date-pickers-pro'
 };
 const DateRangeCalendarRoot = styled('div', {

package/DateRangeCalendar/useDragRange.js

@@ -10,30 +10,91 @@ exports.useDragRange = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _domUtils = require("@mui/x-internals/domUtils");
 var _dateUtils = require("../internals/utils/date-utils");
+const isEnabledButtonElement = element => (0, _domUtils.isHTMLElement)(element) && element.tagName === 'BUTTON' && !element.disabled;
+/**
+ * Finds the closest ancestor element (or the element itself) that has the specified data attribute.
+ * This is needed because drag/touch events can target child elements (e.g., text spans)
+ * inside the button, which don't have the data attributes directly.
+ *
+ * @param element The element to start searching from.
+ * @param dataAttribute The data attribute name — must be a single lowercase word
+ *   (e.g., 'timestamp', 'position') because `dataset[attr]` uses camelCase
+ *   while `.closest()` uses kebab-case, and these only align for single-word names.
+ */
+const getClosestElementWithDataAttribute = (element, dataAttribute) => {
+  if (!element) {
+    return null;
+  }
+  return element.dataset[dataAttribute] != null ? element : element.closest(`[data-${dataAttribute}]`);
+};
 const resolveDateFromTarget = (target, adapter, timezone) => {
-  const timestampString = target.dataset.timestamp;
+  if (!(0, _domUtils.isHTMLElement)(target)) {
+    return null;
+  }
+  const element = getClosestElementWithDataAttribute(target, 'timestamp');
+  const timestampString = element?.dataset.timestamp;
   if (!timestampString) {
     return null;
   }
-  const timestamp = +timestampString;
+  const timestamp = Number(timestampString);
   return adapter.date(new Date(timestamp).toISOString(), timezone);
 };
 const isSameAsDraggingDate = event => {
-  const timestampString = event.target.dataset.timestamp;
-  return timestampString === event.dataTransfer.getData('draggingDate');
+  const target = (0, _domUtils.getTarget)(event.nativeEvent);
+  if (!(0, _domUtils.isHTMLElement)(target)) {
+    return false;
+  }
+  const element = getClosestElementWithDataAttribute(target, 'timestamp');
+  return element?.dataset.timestamp === event.dataTransfer.getData('draggingDate');
 };
+
+/**
+ * Resolves a button element from a given element.
+ * Searches both upward (ancestors) and downward (children) since:
+ * - Touch events may target child elements inside the button (e.g., TouchRipple)
+ * - `elementFromPoint` may return wrapper divs containing the button
+ */
 const resolveButtonElement = element => {
-  if (element) {
-    if (element instanceof HTMLButtonElement && !element.disabled) {
-      return element;
+  if (!element) {
+    return null;
+  }
+
+  // Check if element itself is a valid button
+  if (isEnabledButtonElement(element)) {
+    return element;
+  }
+
+  // Search upward - element could be a child of the button (e.g., text span, TouchRipple)
+  const closestButton = element.closest('button');
+  if (isEnabledButtonElement(closestButton)) {
+    return closestButton;
+  }
+
+  // Search downward (breadth-first, max 3 levels) - element could be a wrapper containing the button.
+  // Day cells have shallow DOM, so a small depth limit keeps this efficient.
+  const queue = Array.from(element.children).map(el => ({
+    el,
+    depth: 1
+  }));
+  const maxDepth = 3;
+  while (queue.length > 0) {
+    const {
+      el: current,
+      depth
+    } = queue.shift();
+    if (isEnabledButtonElement(current)) {
+      return current;
     }
-    if (element.children.length) {
-      return resolveButtonElement(element.children[0]);
+    if (depth < maxDepth) {
+      queue.push(...Array.from(current.children).map(el => ({
+        el,
+        depth: depth + 1
+      })));
     }
-    return null;
   }
-  return element;
+  return null;
 };
 const resolveElementFromTouch = (event, ignoreTouchTarget) => {
   // don't parse multi-touch result
@@ -76,7 +137,7 @@ const useDragRangeEvents = ({
     return shouldInitDragging && (isSelectedStartDate || isSelectedEndDate);
   };
   const handleDragStart = (0, _useEventCallback.default)(event => {
-    const newDate = resolveDateFromTarget(event.target, adapter, timezone);
+    const newDate = resolveDateFromTarget((0, _domUtils.getTarget)(event.nativeEvent), adapter, timezone);
     if (!isElementDraggable(newDate)) {
       return;
     }
@@ -87,11 +148,14 @@ const useDragRangeEvents = ({
     setRangeDragDay(newDate);
     event.dataTransfer.effectAllowed = 'move';
     setIsDragging(true);
-    const buttonDataset = event.target.dataset;
-    if (buttonDataset.timestamp) {
+    // Use currentTarget (the element the handler is attached to) rather than target
+    // because we need the button's dataset, not a potential child element's dataset.
+    const element = getClosestElementWithDataAttribute(event.currentTarget, 'timestamp');
+    const buttonDataset = element?.dataset;
+    if (buttonDataset?.timestamp) {
       event.dataTransfer.setData('draggingDate', buttonDataset.timestamp);
     }
-    if (buttonDataset.position) {
+    if (buttonDataset?.position) {
       onDatePositionChange(buttonDataset.position);
     }
   });
@@ -113,7 +177,7 @@ const useDragRangeEvents = ({
     event.preventDefault();
     event.stopPropagation();
     event.dataTransfer.dropEffect = 'move';
-    setRangeDragDay(resolveDateFromTarget(event.target, adapter, timezone));
+    setRangeDragDay(resolveDateFromTarget((0, _domUtils.getTarget)(event.nativeEvent), adapter, timezone));
   });
   const handleTouchMove = (0, _useEventCallback.default)(event => {
     const target = resolveElementFromTouch(event);
@@ -133,9 +197,12 @@ const useDragRangeEvents = ({
 
     // on mobile we should only initialize dragging state after move is detected
     setIsDragging(true);
-    const button = event.target;
-    const buttonDataset = button.dataset;
-    if (buttonDataset.position) {
+
+    // Use currentTarget (the element the handler is attached to) rather than target
+    // because we need the button's dataset, not a potential child element's dataset.
+    const element = getClosestElementWithDataAttribute(event.currentTarget, 'position');
+    const buttonDataset = element?.dataset;
+    if (buttonDataset?.position) {
       onDatePositionChange(buttonDataset.position);
     }
   });
@@ -194,7 +261,7 @@ const useDragRangeEvents = ({
     if (isSameAsDraggingDate(event)) {
       return;
     }
-    const newDate = resolveDateFromTarget(event.target, adapter, timezone);
+    const newDate = resolveDateFromTarget((0, _domUtils.getTarget)(event.nativeEvent), adapter, timezone);
     if (newDate) {
       onDrop(newDate);
     }

package/DateRangeCalendar/useDragRange.mjs

@@ -3,30 +3,91 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
+import { getTarget, isHTMLElement } from '@mui/x-internals/domUtils';
 import { isEndOfRange, isStartOfRange } from "../internals/utils/date-utils.mjs";
+const isEnabledButtonElement = element => isHTMLElement(element) && element.tagName === 'BUTTON' && !element.disabled;
+/**
+ * Finds the closest ancestor element (or the element itself) that has the specified data attribute.
+ * This is needed because drag/touch events can target child elements (e.g., text spans)
+ * inside the button, which don't have the data attributes directly.
+ *
+ * @param element The element to start searching from.
+ * @param dataAttribute The data attribute name — must be a single lowercase word
+ *   (e.g., 'timestamp', 'position') because `dataset[attr]` uses camelCase
+ *   while `.closest()` uses kebab-case, and these only align for single-word names.
+ */
+const getClosestElementWithDataAttribute = (element, dataAttribute) => {
+  if (!element) {
+    return null;
+  }
+  return element.dataset[dataAttribute] != null ? element : element.closest(`[data-${dataAttribute}]`);
+};
 const resolveDateFromTarget = (target, adapter, timezone) => {
-  const timestampString = target.dataset.timestamp;
+  if (!isHTMLElement(target)) {
+    return null;
+  }
+  const element = getClosestElementWithDataAttribute(target, 'timestamp');
+  const timestampString = element?.dataset.timestamp;
   if (!timestampString) {
     return null;
   }
-  const timestamp = +timestampString;
+  const timestamp = Number(timestampString);
   return adapter.date(new Date(timestamp).toISOString(), timezone);
 };
 const isSameAsDraggingDate = event => {
-  const timestampString = event.target.dataset.timestamp;
-  return timestampString === event.dataTransfer.getData('draggingDate');
+  const target = getTarget(event.nativeEvent);
+  if (!isHTMLElement(target)) {
+    return false;
+  }
+  const element = getClosestElementWithDataAttribute(target, 'timestamp');
+  return element?.dataset.timestamp === event.dataTransfer.getData('draggingDate');
 };
+
+/**
+ * Resolves a button element from a given element.
+ * Searches both upward (ancestors) and downward (children) since:
+ * - Touch events may target child elements inside the button (e.g., TouchRipple)
+ * - `elementFromPoint` may return wrapper divs containing the button
+ */
 const resolveButtonElement = element => {
-  if (element) {
-    if (element instanceof HTMLButtonElement && !element.disabled) {
-      return element;
+  if (!element) {
+    return null;
+  }
+
+  // Check if element itself is a valid button
+  if (isEnabledButtonElement(element)) {
+    return element;
+  }
+
+  // Search upward - element could be a child of the button (e.g., text span, TouchRipple)
+  const closestButton = element.closest('button');
+  if (isEnabledButtonElement(closestButton)) {
+    return closestButton;
+  }
+
+  // Search downward (breadth-first, max 3 levels) - element could be a wrapper containing the button.
+  // Day cells have shallow DOM, so a small depth limit keeps this efficient.
+  const queue = Array.from(element.children).map(el => ({
+    el,
+    depth: 1
+  }));
+  const maxDepth = 3;
+  while (queue.length > 0) {
+    const {
+      el: current,
+      depth
+    } = queue.shift();
+    if (isEnabledButtonElement(current)) {
+      return current;
     }
-    if (element.children.length) {
-      return resolveButtonElement(element.children[0]);
+    if (depth < maxDepth) {
+      queue.push(...Array.from(current.children).map(el => ({
+        el,
+        depth: depth + 1
+      })));
     }
-    return null;
   }
-  return element;
+  return null;
 };
 const resolveElementFromTouch = (event, ignoreTouchTarget) => {
   // don't parse multi-touch result
@@ -69,7 +130,7 @@ const useDragRangeEvents = ({
     return shouldInitDragging && (isSelectedStartDate || isSelectedEndDate);
   };
   const handleDragStart = useEventCallback(event => {
-    const newDate = resolveDateFromTarget(event.target, adapter, timezone);
+    const newDate = resolveDateFromTarget(getTarget(event.nativeEvent), adapter, timezone);
     if (!isElementDraggable(newDate)) {
       return;
     }
@@ -80,11 +141,14 @@ const useDragRangeEvents = ({
     setRangeDragDay(newDate);
     event.dataTransfer.effectAllowed = 'move';
     setIsDragging(true);
-    const buttonDataset = event.target.dataset;
-    if (buttonDataset.timestamp) {
+    // Use currentTarget (the element the handler is attached to) rather than target
+    // because we need the button's dataset, not a potential child element's dataset.
+    const element = getClosestElementWithDataAttribute(event.currentTarget, 'timestamp');
+    const buttonDataset = element?.dataset;
+    if (buttonDataset?.timestamp) {
       event.dataTransfer.setData('draggingDate', buttonDataset.timestamp);
     }
-    if (buttonDataset.position) {
+    if (buttonDataset?.position) {
       onDatePositionChange(buttonDataset.position);
     }
   });
@@ -106,7 +170,7 @@ const useDragRangeEvents = ({
     event.preventDefault();
     event.stopPropagation();
     event.dataTransfer.dropEffect = 'move';
-    setRangeDragDay(resolveDateFromTarget(event.target, adapter, timezone));
+    setRangeDragDay(resolveDateFromTarget(getTarget(event.nativeEvent), adapter, timezone));
   });
   const handleTouchMove = useEventCallback(event => {
     const target = resolveElementFromTouch(event);
@@ -126,9 +190,12 @@ const useDragRangeEvents = ({
 
     // on mobile we should only initialize dragging state after move is detected
     setIsDragging(true);
-    const button = event.target;
-    const buttonDataset = button.dataset;
-    if (buttonDataset.position) {
+
+    // Use currentTarget (the element the handler is attached to) rather than target
+    // because we need the button's dataset, not a potential child element's dataset.
+    const element = getClosestElementWithDataAttribute(event.currentTarget, 'position');
+    const buttonDataset = element?.dataset;
+    if (buttonDataset?.position) {
       onDatePositionChange(buttonDataset.position);
     }
   });
@@ -187,7 +254,7 @@ const useDragRangeEvents = ({
     if (isSameAsDraggingDate(event)) {
       return;
     }
-    const newDate = resolveDateFromTarget(event.target, adapter, timezone);
+    const newDate = resolveDateFromTarget(getTarget(event.nativeEvent), adapter, timezone);
     if (newDate) {
       onDrop(newDate);
     }

package/DateRangePickerDay/DateRangePickerDay.js

@@ -322,8 +322,8 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     name: 'MuiDateRangePickerDay'
   });
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc3NTYwNjQwMDAwMA==",
-    version: "9.0.0",
+    releaseDate: "MTc3NzI0ODAwMDAwMA==",
+    version: "9.0.3",
     name: 'x-date-pickers-pro'
   });
   const adapter = (0, _hooks.usePickerAdapter)();

package/DateRangePickerDay/DateRangePickerDay.mjs

@@ -315,8 +315,8 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     name: 'MuiDateRangePickerDay'
   });
   useLicenseVerifier({
-    releaseDate: "MTc3NTYwNjQwMDAwMA==",
-    version: "9.0.0",
+    releaseDate: "MTc3NzI0ODAwMDAwMA==",
+    version: "9.0.3",
     name: 'x-date-pickers-pro'
   });
   const adapter = usePickerAdapter();

package/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -31,7 +31,7 @@ MultiInputDateRangeField.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   /**
-   * If `true`, the `input` element is focused during the first mount.
+   * If `true`, the field is focused during the first mount.
    * @default false
    */
   autoFocus: _propTypes.default.bool,

package/MultiInputDateRangeField/MultiInputDateRangeField.mjs

@@ -27,7 +27,7 @@ MultiInputDateRangeField.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   /**
-   * If `true`, the `input` element is focused during the first mount.
+   * If `true`, the field is focused during the first mount.
    * @default false
    */
   autoFocus: PropTypes.bool,

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -36,7 +36,7 @@ MultiInputDateTimeRangeField.propTypes = {
    */
   ampm: _propTypes.default.bool,
   /**
-   * If `true`, the `input` element is focused during the first mount.
+   * If `true`, the field is focused during the first mount.
    * @default false
    */
   autoFocus: _propTypes.default.bool,

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.mjs

@@ -32,7 +32,7 @@ MultiInputDateTimeRangeField.propTypes = {
    */
   ampm: PropTypes.bool,
   /**
-   * If `true`, the `input` element is focused during the first mount.
+   * If `true`, the field is focused during the first mount.
    * @default false
    */
   autoFocus: PropTypes.bool,

package/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -37,7 +37,7 @@ MultiInputTimeRangeField.propTypes = {
    */
   ampm: _propTypes.default.bool,
   /**
-   * If `true`, the `input` element is focused during the first mount.
+   * If `true`, the field is focused during the first mount.
    * @default false
    */
   autoFocus: _propTypes.default.bool,

package/MultiInputTimeRangeField/MultiInputTimeRangeField.mjs

@@ -33,7 +33,7 @@ MultiInputTimeRangeField.propTypes = {
    */
   ampm: PropTypes.bool,
   /**
-   * If `true`, the `input` element is focused during the first mount.
+   * If `true`, the field is focused during the first mount.
    * @default false
    */
   autoFocus: PropTypes.bool,

package/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -223,6 +223,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @param {FieldSelectedSections} newValue The new selected sections.
    */
   onSelectedSectionsChange: _propTypes.default.func,
+  /**
+   * The position at which the opening button is placed.
+   * If there is no Picker to open, the button is not rendered
+   * @default 'end'
+   */
+  openPickerButtonPosition: _propTypes.default.oneOf(['end', 'start']),
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.

package/SingleInputDateRangeField/SingleInputDateRangeField.mjs

@@ -216,6 +216,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @param {FieldSelectedSections} newValue The new selected sections.
    */
   onSelectedSectionsChange: PropTypes.func,
+  /**
+   * The position at which the opening button is placed.
+   * If there is no Picker to open, the button is not rendered
+   * @default 'end'
+   */
+  openPickerButtonPosition: PropTypes.oneOf(['end', 'start']),
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.

package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.mts

@@ -1,7 +1,7 @@
 import { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from '@mui/x-date-pickers/internals';
 import { BuiltInFieldTextFieldProps } from '@mui/x-date-pickers/models';
 import { DateRangeManagerFieldInternalProps } from "../managers/useDateRangeManager.mjs";
-export interface UseSingleInputDateRangeFieldProps extends DateRangeManagerFieldInternalProps, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
+export interface UseSingleInputDateRangeFieldProps extends DateRangeManagerFieldInternalProps, ExportedPickerFieldUIProps {}
 export type SingleInputDateRangeFieldProps = Omit<BuiltInFieldTextFieldProps, keyof UseSingleInputDateRangeFieldProps> & UseSingleInputDateRangeFieldProps & {
   /**
    * Overridable component slots.

package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts

@@ -1,7 +1,7 @@
 import { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from '@mui/x-date-pickers/internals';
 import { BuiltInFieldTextFieldProps } from '@mui/x-date-pickers/models';
 import { DateRangeManagerFieldInternalProps } from "../managers/useDateRangeManager.js";
-export interface UseSingleInputDateRangeFieldProps extends DateRangeManagerFieldInternalProps, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
+export interface UseSingleInputDateRangeFieldProps extends DateRangeManagerFieldInternalProps, ExportedPickerFieldUIProps {}
 export type SingleInputDateRangeFieldProps = Omit<BuiltInFieldTextFieldProps, keyof UseSingleInputDateRangeFieldProps> & UseSingleInputDateRangeFieldProps & {
   /**
    * Overridable component slots.

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -256,6 +256,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @param {FieldSelectedSections} newValue The new selected sections.
    */
   onSelectedSectionsChange: _propTypes.default.func,
+  /**
+   * The position at which the opening button is placed.
+   * If there is no Picker to open, the button is not rendered
+   * @default 'end'
+   */
+  openPickerButtonPosition: _propTypes.default.oneOf(['end', 'start']),
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.mjs

@@ -249,6 +249,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @param {FieldSelectedSections} newValue The new selected sections.
    */
   onSelectedSectionsChange: PropTypes.func,
+  /**
+   * The position at which the opening button is placed.
+   * If there is no Picker to open, the button is not rendered
+   * @default 'end'
+   */
+  openPickerButtonPosition: PropTypes.oneOf(['end', 'start']),
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.mts

@@ -1,7 +1,7 @@
 import { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from '@mui/x-date-pickers/internals';
 import { BuiltInFieldTextFieldProps } from '@mui/x-date-pickers/models';
 import { DateTimeRangeManagerFieldInternalProps } from "../managers/useDateTimeRangeManager.mjs";
-export interface UseSingleInputDateTimeRangeFieldProps extends DateTimeRangeManagerFieldInternalProps, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
+export interface UseSingleInputDateTimeRangeFieldProps extends DateTimeRangeManagerFieldInternalProps, ExportedPickerFieldUIProps {}
 export type SingleInputDateTimeRangeFieldProps = Omit<BuiltInFieldTextFieldProps, keyof UseSingleInputDateTimeRangeFieldProps> & UseSingleInputDateTimeRangeFieldProps & {
   /**
    * Overridable component slots.

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts

@@ -1,7 +1,7 @@
 import { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from '@mui/x-date-pickers/internals';
 import { BuiltInFieldTextFieldProps } from '@mui/x-date-pickers/models';
 import { DateTimeRangeManagerFieldInternalProps } from "../managers/useDateTimeRangeManager.js";
-export interface UseSingleInputDateTimeRangeFieldProps extends DateTimeRangeManagerFieldInternalProps, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
+export interface UseSingleInputDateTimeRangeFieldProps extends DateTimeRangeManagerFieldInternalProps, ExportedPickerFieldUIProps {}
 export type SingleInputDateTimeRangeFieldProps = Omit<BuiltInFieldTextFieldProps, keyof UseSingleInputDateTimeRangeFieldProps> & UseSingleInputDateTimeRangeFieldProps & {
   /**
    * Overridable component slots.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -238,6 +238,12 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @param {FieldSelectedSections} newValue The new selected sections.
    */
   onSelectedSectionsChange: _propTypes.default.func,
+  /**
+   * The position at which the opening button is placed.
+   * If there is no Picker to open, the button is not rendered
+   * @default 'end'
+   */
+  openPickerButtonPosition: _propTypes.default.oneOf(['end', 'start']),
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.mjs

@@ -231,6 +231,12 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @param {FieldSelectedSections} newValue The new selected sections.
    */
   onSelectedSectionsChange: PropTypes.func,
+  /**
+   * The position at which the opening button is placed.
+   * If there is no Picker to open, the button is not rendered
+   * @default 'end'
+   */
+  openPickerButtonPosition: PropTypes.oneOf(['end', 'start']),
   /**
    * If `true`, the component is read-only.
    * When read-only, the value cannot be changed but the user can interact with the interface.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.mts

@@ -1,7 +1,7 @@
 import { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from '@mui/x-date-pickers/internals';
 import { BuiltInFieldTextFieldProps } from '@mui/x-date-pickers/models';
 import { TimeRangeManagerFieldInternalProps } from "../managers/useTimeRangeManager.mjs";
-export interface UseSingleInputTimeRangeFieldProps extends TimeRangeManagerFieldInternalProps, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
+export interface UseSingleInputTimeRangeFieldProps extends TimeRangeManagerFieldInternalProps, ExportedPickerFieldUIProps {}
 export type SingleInputTimeRangeFieldProps = Omit<BuiltInFieldTextFieldProps, keyof UseSingleInputTimeRangeFieldProps> & UseSingleInputTimeRangeFieldProps & {
   /**
    * Overridable component slots.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts

@@ -1,7 +1,7 @@
 import { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from '@mui/x-date-pickers/internals';
 import { BuiltInFieldTextFieldProps } from '@mui/x-date-pickers/models';
 import { TimeRangeManagerFieldInternalProps } from "../managers/useTimeRangeManager.js";
-export interface UseSingleInputTimeRangeFieldProps extends TimeRangeManagerFieldInternalProps, Omit<ExportedPickerFieldUIProps, 'openPickerButtonPosition'> {}
+export interface UseSingleInputTimeRangeFieldProps extends TimeRangeManagerFieldInternalProps, ExportedPickerFieldUIProps {}
 export type SingleInputTimeRangeFieldProps = Omit<BuiltInFieldTextFieldProps, keyof UseSingleInputTimeRangeFieldProps> & UseSingleInputTimeRangeFieldProps & {
   /**
    * Overridable component slots.

package/index.js

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

package/index.mjs

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

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -26,8 +26,8 @@ const useDesktopRangePicker = _ref => {
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _internals.useLicenseVerifier)({
-    releaseDate: "MTc3NTYwNjQwMDAwMA==",
-    version: "9.0.0",
+    releaseDate: "MTc3NzI0ODAwMDAwMA==",
+    version: "9.0.3",
     name: 'x-date-pickers-pro'
   });
   const {
@@ -64,6 +64,7 @@ const useDesktopRangePicker = _ref => {
   const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Field,
       externalSlotProps: slotProps?.field,
+      externalForwardedProps: (0, _internals2.extractRootForwardedProps)(props),
       ownerState,
       additionalProps: {
         'data-active-range-position': providerProps.contextValue.open ? rangePositionResponse.rangePosition : undefined