@mui/x-date-pickers-pro 6.0.3 → 6.1.0

package/modern/internal/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { resolveComponentProps, useSlotProps } from '@mui/base/utils';
+import { useSlotProps } from '@mui/base/utils';
 import { useLicenseVerifier } from '@mui/x-license-pro';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickersModalDialog, useLocaleText } from '@mui/x-date-pickers/internals';
 import useId from '@mui/utils/useId';
-import { useRangePickerInputProps } from '../useRangePickerInputProps';
+import { useEnrichedRangePickerFieldProps } from '../useEnrichedRangePickerFieldProps';
 import { getReleaseInfo } from '../../utils/releaseInfo';
 import { useRangePosition } from '../useRangePosition';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -24,6 +24,8 @@ export const useMobileRangePicker = ({
     className,
     sx,
     format,
+    label,
+    inputRef,
     readOnly,
     disabled,
     disableOpenPicker,
@@ -31,7 +33,8 @@ export const useMobileRangePicker = ({
   } = props;
   const {
     rangePosition,
-    onRangePositionChange
+    onRangePositionChange,
+    singleInputFieldRef
   } = useRangePosition(props);
   const labelId = useId();
   const contextLocaleText = useLocaleText();
@@ -52,18 +55,8 @@ export const useMobileRangePicker = ({
       onRangePositionChange
     }
   });
-  const fieldSlotProps = useRangePickerInputProps({
-    wrapperVariant: 'mobile',
-    open,
-    actions,
-    readOnly,
-    disabled,
-    disableOpenPicker,
-    localeText,
-    rangePosition,
-    onRangePositionChange
-  });
   const Field = slots.field;
+  const fieldType = Field.fieldType ?? 'multi-input';
   const fieldProps = useSlotProps({
     elementType: Field,
     externalSlotProps: innerSlotProps?.field,
@@ -73,25 +66,28 @@ export const useMobileRangePicker = ({
       className,
       sx,
       format
+    }, fieldType === 'single-input' && {
+      inputRef
     }),
     ownerState: props
   });
-  const slotsForField = _extends({
-    textField: slots.textField
-  }, fieldProps.slots);
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
-  const slotPropsForField = _extends({}, fieldProps.slotProps, {
-    textField: ownerState => {
-      const externalInputProps = resolveComponentProps(innerSlotProps?.textField, ownerState);
-      return _extends({}, isToolbarHidden && {
-        id: `${labelId}-${ownerState.position}`
-      }, ownerState.position === 'start' ? fieldSlotProps.startInput : fieldSlotProps.endInput, externalInputProps);
-    },
-    root: ownerState => {
-      const externalRootProps = resolveComponentProps(innerSlotProps?.fieldRoot, ownerState);
-      return _extends({}, externalRootProps, fieldSlotProps.root);
-    },
-    separator: innerSlotProps?.fieldSeparator
+  const enrichedFieldProps = useEnrichedRangePickerFieldProps({
+    wrapperVariant: 'mobile',
+    fieldType,
+    open,
+    actions,
+    readOnly,
+    labelId,
+    disableOpenPicker,
+    label,
+    localeText,
+    rangePosition,
+    onRangePositionChange,
+    singleInputFieldRef,
+    pickerSlots: slots,
+    pickerSlotProps: innerSlotProps,
+    fieldProps
   });
   const slotPropsForLayout = _extends({}, innerSlotProps, {
     toolbar: _extends({}, innerSlotProps?.toolbar, {
@@ -105,11 +101,15 @@ export const useMobileRangePicker = ({
   let labelledById = labelId;
   if (isToolbarHidden) {
     const labels = [];
-    if (finalLocaleText.start) {
-      labels.push(`${labelId}-start-label`);
-    }
-    if (finalLocaleText.end) {
-      labels.push(`${labelId}-end-label`);
+    if (fieldType === 'multi-input') {
+      if (finalLocaleText.start) {
+        labels.push(`${labelId}-start-label`);
+      }
+      if (finalLocaleText.end) {
+        labels.push(`${labelId}-end-label`);
+      }
+    } else if (label != null) {
+      labels.push(`${labelId}-label`);
     }
     labelledById = labels.length > 0 ? labels.join(' ') : undefined;
   }
@@ -120,10 +120,7 @@ export const useMobileRangePicker = ({
   });
   const renderPicker = () => /*#__PURE__*/_jsxs(LocalizationProvider, {
     localeText: localeText,
-    children: [/*#__PURE__*/_jsx(Field, _extends({}, fieldProps, {
-      slots: slotsForField,
-      slotProps: slotPropsForField
-    })), /*#__PURE__*/_jsx(PickersModalDialog, _extends({}, actions, {
+    children: [/*#__PURE__*/_jsx(Field, _extends({}, enrichedFieldProps)), /*#__PURE__*/_jsx(PickersModalDialog, _extends({}, actions, {
       open: open,
       slots: slots,
       slotProps: slotProps,

package/modern/internal/hooks/useRangePosition.js

@@ -1,18 +1,33 @@
+import * as React from 'react';
 import useControlled from '@mui/utils/useControlled';
 import useEventCallback from '@mui/utils/useEventCallback';
 export const useRangePosition = props => {
+  const singleInputFieldRef = React.useRef();
   const [rangePosition, setRangePosition] = useControlled({
     name: 'useRangePosition',
     state: 'rangePosition',
     controlled: props.rangePosition,
     default: props.defaultRangePosition ?? 'start'
   });
+
+  // When using a single input field,
+  // we want to select the 1st section of the edited date when updating the range position.
+  const syncRangePositionWithSingleInputField = newRangePosition => {
+    if (singleInputFieldRef.current == null) {
+      return;
+    }
+    const sections = singleInputFieldRef.current.getSections();
+    const targetActiveSectionIndex = newRangePosition === 'start' ? 0 : sections.length / 2;
+    singleInputFieldRef.current.setSelectedSections(targetActiveSectionIndex);
+  };
   const handleRangePositionChange = useEventCallback(newRangePosition => {
     setRangePosition(newRangePosition);
     props.onRangePositionChange?.(newRangePosition);
+    syncRangePositionWithSingleInputField(newRangePosition);
   });
   return {
     rangePosition,
-    onRangePositionChange: handleRangePositionChange
+    onRangePositionChange: handleRangePositionChange,
+    singleInputFieldRef
   };
 };

package/modern/internal/models/index.js

@@ -2,4 +2,5 @@ export * from './dateRange';
 export * from './range';
 export * from './dateTimeRange';
 export * from './timeRange';
-export * from './fields';
+export * from './fields';
+export * from './rangePickerProps';

package/modern/internal/models/rangePickerProps.js

@@ -0,0 +1 @@
+export {};

package/modern/internal/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY3OTUyNjAwMDAwMA==";
+  const releaseInfo = "MTY4MTA3NDAwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/internal/utils/valueManagers.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { replaceInvalidDateByNull, splitFormatIntoSections, addPositionPropertiesToSections, createDateStrForInputFromSections, areDatesEqual } from '@mui/x-date-pickers/internals';
+import { replaceInvalidDateByNull, addPositionPropertiesToSections, createDateStrForInputFromSections, areDatesEqual } from '@mui/x-date-pickers/internals';
 import { splitDateRangeSections, removeLastSeparator } from './date-fields-utils';
 export const rangeValueManager = {
   emptyValue: [null, null],
@@ -7,6 +7,7 @@ export const rangeValueManager = {
   cleanValue: (utils, value) => value.map(date => replaceInvalidDateByNull(utils, date)),
   areValuesEqual: (utils, a, b) => areDatesEqual(utils, a[0], b[0]) && areDatesEqual(utils, a[1], b[1]),
   isSameError: (a, b) => b !== null && a[1] === b[1] && a[0] === b[0],
+  hasError: error => error[0] != null || error[1] != null,
   defaultErrorState: [null, null]
 };
 export const rangeFieldValueManager = {
@@ -24,17 +25,17 @@ export const rangeFieldValueManager = {
     }
     return [prevReferenceValue[1], value[1]];
   },
-  getSectionsFromValue: (utils, localeText, prevSections, [start, end], format) => {
-    const prevDateRangeSections = prevSections == null ? {
+  getSectionsFromValue: (utils, [start, end], fallbackSections, isRTL, getSectionsFromDate) => {
+    const separatedFallbackSections = fallbackSections == null ? {
       startDate: null,
       endDate: null
-    } : splitDateRangeSections(prevSections);
-    const getSections = (newDate, prevDateSections, position) => {
-      const shouldReUsePrevDateSections = !utils.isValid(newDate) && !!prevDateSections;
+    } : splitDateRangeSections(fallbackSections);
+    const getSections = (newDate, fallbackDateSections, position) => {
+      const shouldReUsePrevDateSections = !utils.isValid(newDate) && !!fallbackDateSections;
       if (shouldReUsePrevDateSections) {
-        return prevDateSections;
+        return fallbackDateSections;
       }
-      const sections = splitFormatIntoSections(utils, localeText, format, newDate);
+      const sections = getSectionsFromDate(newDate);
       return sections.map((section, sectionIndex) => {
         if (sectionIndex === sections.length - 1 && position === 'start') {
           return _extends({}, section, {
@@ -47,16 +48,11 @@ export const rangeFieldValueManager = {
         });
       });
     };
-    return addPositionPropertiesToSections([...getSections(start, prevDateRangeSections.startDate, 'start'), ...getSections(end, prevDateRangeSections.endDate, 'end')]);
+    return addPositionPropertiesToSections([...getSections(start, separatedFallbackSections.startDate, 'start'), ...getSections(end, separatedFallbackSections.endDate, 'end')], isRTL);
   },
-  getValueStrFromSections: sections => {
+  getValueStrFromSections: (sections, isRTL) => {
     const dateRangeSections = splitDateRangeSections(sections);
-    return createDateStrForInputFromSections([...dateRangeSections.startDate, ...dateRangeSections.endDate]);
-  },
-  getActiveDateSections: (sections, activeSection) => {
-    const index = activeSection.dateName === 'start' ? 0 : 1;
-    const dateRangeSections = splitDateRangeSections(sections);
-    return index === 0 ? removeLastSeparator(dateRangeSections.startDate) : dateRangeSections.endDate;
+    return createDateStrForInputFromSections([...dateRangeSections.startDate, ...dateRangeSections.endDate], isRTL);
   },
   parseValueStr: (valueStr, referenceValue, parseDate) => {
     // TODO: Improve because it would not work if the date format has `–` as a separator.
@@ -72,13 +68,19 @@ export const rangeFieldValueManager = {
     const index = activeSection.dateName === 'start' ? 0 : 1;
     const updateDateInRange = (newDate, prevDateRange) => index === 0 ? [newDate, prevDateRange[1]] : [prevDateRange[0], newDate];
     return {
-      activeDate: state.value[index],
-      referenceActiveDate: state.referenceValue[index],
-      getNewValueFromNewActiveDate: newActiveDate => ({
+      date: state.value[index],
+      referenceDate: state.referenceValue[index],
+      getSections: sections => {
+        const dateRangeSections = splitDateRangeSections(sections);
+        if (index === 0) {
+          return removeLastSeparator(dateRangeSections.startDate);
+        }
+        return dateRangeSections.endDate;
+      },
+      getNewValuesFromNewActiveDate: newActiveDate => ({
         value: updateDateInRange(newActiveDate, state.value),
         referenceValue: newActiveDate == null || !utils.isValid(newActiveDate) ? state.referenceValue : updateDateInRange(newActiveDate, state.referenceValue)
       })
     };
-  },
-  hasError: error => error[0] != null || error[1] != null
+  }
 };

package/node/DateRangePicker/DateRangePicker.js

@@ -157,6 +157,18 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
    * Defaults to localized format based on the used `views`.
    */
   format: _propTypes.default.string,
+  /**
+   * Pass a ref to the `input` element.
+   * Ignored if the field has several inputs.
+   */
+  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.object
+  })]),
+  /**
+   * The label content.
+   * Ignored if the field has several inputs.
+   */
+  label: _propTypes.default.node,
   /**
    * If `true`, calls `renderLoading` instead of rendering the day calendar.
    * Can be used to preload information and show it in calendar.

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -161,6 +161,18 @@ DesktopDateRangePicker.propTypes = {
    * Defaults to localized format based on the used `views`.
    */
   format: _propTypes.default.string,
+  /**
+   * Pass a ref to the `input` element.
+   * Ignored if the field has several inputs.
+   */
+  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.object
+  })]),
+  /**
+   * The label content.
+   * Ignored if the field has several inputs.
+   */
+  label: _propTypes.default.node,
   /**
    * If `true`, calls `renderLoading` instead of rendering the day calendar.
    * Can be used to preload information and show it in calendar.

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -164,6 +164,18 @@ MobileDateRangePicker.propTypes = {
    * Defaults to localized format based on the used `views`.
    */
   format: _propTypes.default.string,
+  /**
+   * Pass a ref to the `input` element.
+   * Ignored if the field has several inputs.
+   */
+  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.object
+  })]),
+  /**
+   * The label content.
+   * Ignored if the field has several inputs.
+   */
+  label: _propTypes.default.node,
   /**
    * If `true`, calls `renderLoading` instead of rendering the day calendar.
    * Can be used to preload information and show it in calendar.

package/node/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -294,6 +294,16 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: _propTypes.default.bool,
   /**
    * The selected value.
    * Used when the component is controlled.

package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -360,6 +360,16 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: _propTypes.default.bool,
   /**
    * The selected value.
    * Used when the component is controlled.

package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -326,6 +326,16 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: _propTypes.default.bool,
   /**
    * The selected value.
    * Used when the component is controlled.

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -14,8 +14,9 @@ var _styles = require("@mui/material/styles");
 var _utils = require("@mui/base/utils");
 var _useSingleInputDateRangeField = require("./useSingleInputDateRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps"],
-  _excluded2 = ["ref", "onPaste", "inputMode", "readOnly"];
+const _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+  _excluded2 = ["inputRef"],
+  _excluded3 = ["ref", "onPaste", "inputMode", "readOnly"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateRangeField(inProps, ref) {
@@ -27,20 +28,30 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
       slots,
       slotProps,
       components,
-      componentsProps
+      componentsProps,
+      InputProps,
+      inputProps
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
   const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
-  const textFieldProps = (0, _utils.useSlotProps)({
-    elementType: TextField,
-    externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
-    externalForwardedProps: other,
-    ownerState
-  });
+  const _useSlotProps = (0, _utils.useSlotProps)({
+      elementType: TextField,
+      externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
+      externalForwardedProps: other,
+      ownerState
+    }),
+    {
+      inputRef: externalInputRef
+    } = _useSlotProps,
+    textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+
+  // TODO: Remove when mui/material-ui#35088 will be merged
+  textFieldProps.inputProps = (0, _extends2.default)({}, textFieldProps.inputProps, inputProps);
+  textFieldProps.InputProps = (0, _extends2.default)({}, textFieldProps.InputProps, InputProps);
   const _useSingleInputDateRa = (0, _useSingleInputDateRangeField.useSingleInputDateRangeField)({
       props: textFieldProps,
-      inputRef: textFieldProps.inputRef
+      inputRef: externalInputRef
     }),
     {
       ref: inputRef,
@@ -48,7 +59,7 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
       inputMode,
       readOnly
     } = _useSingleInputDateRa,
-    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSingleInputDateRa, _excluded2);
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSingleInputDateRa, _excluded3);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
     ref: ref
   }, fieldProps, {
@@ -61,6 +72,7 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
   }));
 });
 exports.SingleInputDateRangeField = SingleInputDateRangeField;
+SingleInputDateRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -14,8 +14,9 @@ var _styles = require("@mui/material/styles");
 var _utils = require("@mui/base/utils");
 var _useSingleInputDateTimeRangeField = require("./useSingleInputDateTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps"],
-  _excluded2 = ["ref", "onPaste", "inputMode", "readOnly"];
+const _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+  _excluded2 = ["inputRef"],
+  _excluded3 = ["ref", "onPaste", "inputMode", "readOnly"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateTimeRangeField(inProps, ref) {
@@ -27,20 +28,30 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
       slots,
       slotProps,
       components,
-      componentsProps
+      componentsProps,
+      InputProps,
+      inputProps
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
-  const Input = slots?.textField ?? components?.TextField ?? _TextField.default;
-  const inputProps = (0, _utils.useSlotProps)({
-    elementType: Input,
-    externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
-    externalForwardedProps: other,
-    ownerState
-  });
+  const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
+  const _useSlotProps = (0, _utils.useSlotProps)({
+      elementType: TextField,
+      externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
+      externalForwardedProps: other,
+      ownerState
+    }),
+    {
+      inputRef: externalInputRef
+    } = _useSlotProps,
+    textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+
+  // TODO: Remove when mui/material-ui#35088 will be merged
+  textFieldProps.inputProps = (0, _extends2.default)({}, textFieldProps.inputProps, inputProps);
+  textFieldProps.InputProps = (0, _extends2.default)({}, textFieldProps.InputProps, InputProps);
   const _useSingleInputDateTi = (0, _useSingleInputDateTimeRangeField.useSingleInputDateTimeRangeField)({
-      props: inputProps,
-      inputRef: inputProps.inputRef
+      props: textFieldProps,
+      inputRef: externalInputRef
     }),
     {
       ref: inputRef,
@@ -48,8 +59,8 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
       inputMode,
       readOnly
     } = _useSingleInputDateTi,
-    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSingleInputDateTi, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, (0, _extends2.default)({
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSingleInputDateTi, _excluded3);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
     ref: ref
   }, fieldProps, {
     inputProps: (0, _extends2.default)({}, fieldProps.inputProps, {
@@ -61,6 +72,7 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
   }));
 });
 exports.SingleInputDateTimeRangeField = SingleInputDateTimeRangeField;
+SingleInputDateTimeRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -14,8 +14,9 @@ var _styles = require("@mui/material/styles");
 var _utils = require("@mui/base/utils");
 var _useSingleInputTimeRangeField = require("./useSingleInputTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps"],
-  _excluded2 = ["ref", "onPaste", "inputMode", "readOnly"];
+const _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+  _excluded2 = ["inputRef"],
+  _excluded3 = ["ref", "onPaste", "inputMode", "readOnly"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputTimeRangeField(inProps, ref) {
@@ -27,20 +28,30 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
       slots,
       slotProps,
       components,
-      componentsProps
+      componentsProps,
+      InputProps,
+      inputProps
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
-  const Input = slots?.textField ?? components?.TextField ?? _TextField.default;
-  const inputProps = (0, _utils.useSlotProps)({
-    elementType: Input,
-    externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
-    externalForwardedProps: other,
-    ownerState
-  });
+  const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
+  const _useSlotProps = (0, _utils.useSlotProps)({
+      elementType: TextField,
+      externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
+      externalForwardedProps: other,
+      ownerState
+    }),
+    {
+      inputRef: externalInputRef
+    } = _useSlotProps,
+    textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+
+  // TODO: Remove when mui/material-ui#35088 will be merged
+  textFieldProps.inputProps = (0, _extends2.default)({}, textFieldProps.inputProps, inputProps);
+  textFieldProps.InputProps = (0, _extends2.default)({}, textFieldProps.InputProps, InputProps);
   const _useSingleInputTimeRa = (0, _useSingleInputTimeRangeField.useSingleInputTimeRangeField)({
-      props: inputProps,
-      inputRef: inputProps.inputRef
+      props: textFieldProps,
+      inputRef: externalInputRef
     }),
     {
       ref: inputRef,
@@ -48,8 +59,8 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
       inputMode,
       readOnly
     } = _useSingleInputTimeRa,
-    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSingleInputTimeRa, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, (0, _extends2.default)({
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSingleInputTimeRa, _excluded3);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
     ref: ref
   }, fieldProps, {
     inputProps: (0, _extends2.default)({}, fieldProps.inputProps, {
@@ -61,6 +72,7 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
   }));
 });
 exports.SingleInputTimeRangeField = SingleInputTimeRangeField;
+SingleInputTimeRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.0.3
+ * @mui/x-date-pickers-pro v6.1.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the