@mui/x-date-pickers-pro 8.0.0-alpha.11 → 8.0.0-alpha.13

package/internals/models/fields.d.ts

@@ -8,15 +8,15 @@ import type { MultiInputFieldRefs, MultiInputFieldSlotRootProps, RangePosition }
  * Only contains what the MUI components are passing to the field, not what users can pass using the `props.slotProps.field`.
  */
 export interface BaseMultiInputFieldProps extends Pick<UseFieldInternalProps<PickerRangeValue, boolean, unknown>, 'readOnly' | 'autoFocus'>, MultiInputFieldRefs {
-    slots?: {
-        root?: React.ElementType;
-        separator?: React.ElementType;
-        textField?: React.ElementType;
-    };
-    slotProps?: {
-        root?: SlotComponentProps<React.ElementType<MultiInputFieldSlotRootProps>, {}, FieldOwnerState>;
-        textField?: SlotComponentProps<typeof PickersTextField, {}, FieldOwnerState & {
-            position?: RangePosition;
-        }>;
-    };
-}
+  slots?: {
+    root?: React.ElementType;
+    separator?: React.ElementType;
+    textField?: React.ElementType;
+  };
+  slotProps?: {
+    root?: SlotComponentProps<React.ElementType<MultiInputFieldSlotRootProps>, {}, FieldOwnerState>;
+    textField?: SlotComponentProps<typeof PickersTextField, {}, FieldOwnerState & {
+      position?: RangePosition;
+    }>;
+  };
+}

package/internals/models/fields.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/models/index.d.ts

@@ -1,3 +1,3 @@
-export * from './dateRange';
-export * from './dateTimeRange';
-export * from './rangePickerProps';
+export * from "./dateRange.js";
+export * from "./dateTimeRange.js";
+export * from "./rangePickerProps.js";

package/internals/models/index.js

@@ -1,3 +1,38 @@
-export * from "./dateRange.js";
-export * from "./dateTimeRange.js";
-export * from "./rangePickerProps.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _dateRange = require("./dateRange");
+Object.keys(_dateRange).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dateRange[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dateRange[key];
+    }
+  });
+});
+var _dateTimeRange = require("./dateTimeRange");
+Object.keys(_dateTimeRange).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dateTimeRange[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dateTimeRange[key];
+    }
+  });
+});
+var _rangePickerProps = require("./rangePickerProps");
+Object.keys(_rangePickerProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rangePickerProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _rangePickerProps[key];
+    }
+  });
+});

package/internals/models/managers.d.ts

@@ -1,3 +1,3 @@
 import { PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { PickerManager } from '@mui/x-date-pickers/models';
-export type PickerAnyRangeManager = PickerManager<PickerRangeValue, any, any, any, any>;
+export type PickerAnyRangeManager = PickerManager<PickerRangeValue, any, any, any, any>;

package/internals/models/managers.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/models/rangePickerProps.d.ts

@@ -4,19 +4,19 @@ import * as React from 'react';
  * These props are handled by the headless wrappers.
  */
 export interface BaseRangeNonStaticPickerProps {
-    /**
-     * The label content.
-     * Ignored if the field has several inputs.
-     */
-    label?: React.ReactNode;
-    /**
-     * Pass a ref to the `input` element.
-     * Ignored if the field has several inputs.
-     */
-    inputRef?: React.Ref<HTMLInputElement>;
-    /**
-     * Name attribute used by the `input` element in the Field.
-     * Ignored if the field has several inputs.
-     */
-    name?: string;
-}
+  /**
+   * The label content.
+   * Ignored if the field has several inputs.
+   */
+  label?: React.ReactNode;
+  /**
+   * Pass a ref to the `input` element.
+   * Ignored if the field has several inputs.
+   */
+  inputRef?: React.Ref<HTMLInputElement>;
+  /**
+   * Name attribute used by the `input` element in the Field.
+   * Ignored if the field has several inputs.
+   */
+  name?: string;
+}

package/internals/models/rangePickerProps.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.d.ts

@@ -1,3 +1,7 @@
-import { CreateMultiInputRangeFieldParameters, CreateMultiInputRangeFieldReturnValue } from './createMultiInputRangeField.types';
-import { PickerAnyRangeManager } from '../../models/managers';
-export declare function createMultiInputRangeField<TManager extends PickerAnyRangeManager>({ useManager, name, getUtilityClass, }: CreateMultiInputRangeFieldParameters<TManager>): CreateMultiInputRangeFieldReturnValue<TManager>;
+import { CreateMultiInputRangeFieldParameters, CreateMultiInputRangeFieldReturnValue } from "./createMultiInputRangeField.types.js";
+import { PickerAnyRangeManager } from "../../models/managers.js";
+export declare function createMultiInputRangeField<TManager extends PickerAnyRangeManager>({
+  useManager,
+  name,
+  getUtilityClass
+}: CreateMultiInputRangeFieldParameters<TManager>): CreateMultiInputRangeFieldReturnValue<TManager>;

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js

@@ -1,23 +1,31 @@
+"use strict";
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMultiInputRangeField = createMultiInputRangeField;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _internals = require("@mui/x-date-pickers/internals");
+var _hooks = require("@mui/x-date-pickers/hooks");
+var _PickersTextField = require("@mui/x-date-pickers/PickersTextField");
+var _useMultiInputRangeField = require("../../../hooks/useMultiInputRangeField");
+var _useTextFieldProps = require("./useTextFieldProps");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps", "className", "classes"];
-import * as React from 'react';
-import clsx from 'clsx';
-import Stack from '@mui/material/Stack';
-import MuiTextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import useSlotProps from '@mui/utils/useSlotProps';
-import useForkRef from '@mui/utils/useForkRef';
-import { cleanFieldResponse, useFieldOwnerState, useNullablePickerContext } from '@mui/x-date-pickers/internals';
-import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
-import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
-import { useMultiInputRangeField } from "../../../hooks/useMultiInputRangeField/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function createMultiInputRangeField({
+function createMultiInputRangeField({
   useManager,
   name,
   getUtilityClass
@@ -27,9 +35,9 @@ export function createMultiInputRangeField({
       root: ['root'],
       separator: ['separator']
     };
-    return composeClasses(slots, getUtilityClass, classes);
+    return (0, _composeClasses.default)(slots, getUtilityClass, classes);
   };
-  const MultiInputRangeFieldRoot = styled(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/_jsx(Stack, _extends({
+  const MultiInputRangeFieldRoot = (0, _styles.styled)(/*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stack.default, (0, _extends2.default)({
     ref: ref,
     spacing: 2,
     direction: "row",
@@ -39,7 +47,7 @@ export function createMultiInputRangeField({
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
   })({});
-  const MultiInputRangeFieldSeparator = styled(Typography, {
+  const MultiInputRangeFieldSeparator = (0, _styles.styled)(_Typography.default, {
     name,
     slot: 'Separator',
     overridesResolver: (props, styles) => styles.separator
@@ -47,32 +55,36 @@ export function createMultiInputRangeField({
     lineHeight: '1.4375em' // 23px
   });
   const MultiInputRangeField = /*#__PURE__*/React.forwardRef(function MultiInputRangeField(props, ref) {
-    const themeProps = useThemeProps({
+    const themeProps = (0, _styles.useThemeProps)({
       props,
       // eslint-disable-next-line material-ui/mui-name-matches-component-name
       name
     });
+    const pickerFieldUIContext = React.useContext(_internals.PickerFieldUIContext);
+    const pickerContext = (0, _internals.useNullablePickerContext)();
     const manager = useManager({
       enableAccessibleFieldDOMStructure: props.enableAccessibleFieldDOMStructure,
       dateSeparator: props.dateSeparator
     });
     const {
-      internalProps,
+      internalProps: rawInternalProps,
       forwardedProps
-    } = useSplitFieldProps(themeProps, manager.valueType);
+    } = (0, _hooks.useSplitFieldProps)(themeProps, manager.valueType);
+    const internalProps = pickerContext?.variant === 'mobile' ? (0, _extends2.default)({}, rawInternalProps, {
+      readOnly: true
+    }) : rawInternalProps;
     const {
         slots,
         slotProps,
         className,
         classes: classesProp
       } = forwardedProps,
-      otherForwardedProps = _objectWithoutPropertiesLoose(forwardedProps, _excluded);
+      otherForwardedProps = (0, _objectWithoutPropertiesLoose2.default)(forwardedProps, _excluded);
     const classes = useUtilityClasses(classesProp);
-    const ownerState = useFieldOwnerState(internalProps);
-    const pickerContext = useNullablePickerContext();
-    const handleRef = useForkRef(ref, pickerContext?.rootRef);
+    const ownerState = (0, _internals.useFieldOwnerState)(internalProps);
+    const handleRef = (0, _useForkRef.default)(ref, pickerContext?.rootRef);
     const Root = slots?.root ?? MultiInputRangeFieldRoot;
-    const rootProps = useSlotProps({
+    const rootProps = (0, _useSlotProps.default)({
       elementType: Root,
       externalSlotProps: slotProps?.root,
       externalForwardedProps: otherForwardedProps,
@@ -80,34 +92,27 @@ export function createMultiInputRangeField({
         ref: handleRef
       },
       ownerState,
-      className: clsx(className, classes.root)
+      className: (0, _clsx.default)(className, classes.root)
     });
-    const startTextFieldProps = useSlotProps({
-      elementType: PickersTextField,
-      externalSlotProps: slotProps?.textField,
-      ownerState: _extends({}, ownerState, {
-        position: 'start'
-      })
+    const startTextFieldProps = (0, _useTextFieldProps.useTextFieldProps)({
+      slotProps,
+      ownerState,
+      position: 'start'
     });
-    const endTextFieldProps = useSlotProps({
-      elementType: PickersTextField,
-      externalSlotProps: slotProps?.textField,
-      ownerState: _extends({}, ownerState, {
-        position: 'end'
-      })
+    const endTextFieldProps = (0, _useTextFieldProps.useTextFieldProps)({
+      slotProps,
+      ownerState,
+      position: 'end'
     });
-    const {
-      startDate,
-      endDate,
-      enableAccessibleFieldDOMStructure
-    } = useMultiInputRangeField({
+    const fieldResponse = (0, _useMultiInputRangeField.useMultiInputRangeField)({
       manager,
       internalProps,
-      startForwardedProps: startTextFieldProps,
-      endForwardedProps: endTextFieldProps
+      rootProps,
+      startTextFieldProps,
+      endTextFieldProps
     });
     const Separator = slots?.separator ?? MultiInputRangeFieldSeparator;
-    const separatorProps = useSlotProps({
+    const separatorProps = (0, _useSlotProps.default)({
       elementType: Separator,
       externalSlotProps: slotProps?.separator,
       additionalProps: {
@@ -116,19 +121,15 @@ export function createMultiInputRangeField({
       ownerState,
       className: classes.separator
     });
-    const {
-      textFieldProps: startDateProps
-    } = cleanFieldResponse(startDate);
-    const {
-      textFieldProps: endDateProps
-    } = cleanFieldResponse(endDate);
-    const TextField = slots?.textField ?? (enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
-    return /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
-      children: [/*#__PURE__*/_jsx(TextField, _extends({
+    const cleanStartTextFieldResponse = (0, _internals.cleanFieldResponse)(fieldResponse.startTextField);
+    const cleanEndTextFieldResponse = (0, _internals.cleanFieldResponse)(fieldResponse.endTextField);
+    const TextField = slots?.textField ?? pickerFieldUIContext.slots.textField ?? (fieldResponse.enableAccessibleFieldDOMStructure === false ? _TextField.default : _PickersTextField.PickersTextField);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, fieldResponse.root, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
         fullWidth: true
-      }, startDateProps)), /*#__PURE__*/_jsx(Separator, _extends({}, separatorProps)), /*#__PURE__*/_jsx(TextField, _extends({
+      }, cleanStartTextFieldResponse.textFieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(Separator, (0, _extends2.default)({}, separatorProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
         fullWidth: true
-      }, endDateProps))]
+      }, cleanEndTextFieldResponse.textFieldProps))]
     }));
   });
   MultiInputRangeField.fieldType = 'multi-input';

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.ts

@@ -5,68 +5,68 @@ import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { PickersTextFieldProps } from '@mui/x-date-pickers/PickersTextField';
 import { FieldOwnerState } from '@mui/x-date-pickers/models';
 import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
-import { FieldType, MultiInputFieldRefs, RangeFieldSeparatorProps, RangePosition } from '../../../models';
-import { PickerAnyRangeManager } from '../../models/managers';
-export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'unstableFieldRef' | 'clearable' | 'onClear'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
-    /**
-     * If `true`, the field is focused during the first mount.
-     * @default false
-     */
-    autoFocus?: boolean;
-    className?: string;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MultiInputRangeFieldClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: MultiInputRangeFieldSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: MultiInputRangeFieldSlotProps;
+import { FieldType, MultiInputFieldRefs, RangeFieldSeparatorProps, RangePosition } from "../../../models/index.js";
+import { PickerAnyRangeManager } from "../../models/managers.js";
+export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'unstableFieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
+  /**
+   * If `true`, the field is focused during the first mount.
+   * @default false
+   */
+  autoFocus?: boolean;
+  className?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<MultiInputRangeFieldClasses>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: MultiInputRangeFieldSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: MultiInputRangeFieldSlotProps;
 };
 export interface MultiInputRangeFieldSlots {
-    /**
-     * Element rendered at the root.
-     * @default MultiInputRangeFieldRoot
-     */
-    root?: React.ElementType;
-    /**
-     * Form control with an input to render a date.
-     * It is rendered twice: once for the start date and once for the end date.
-     * @default <PickersTextField />, or <TextField /> from '@mui/material' if `enableAccessibleFieldDOMStructure` is `false`.
-     */
-    textField?: React.ElementType;
-    /**
-     * Element rendered between the two inputs.
-     * @default MultiInputRangeFieldSeparator
-     */
-    separator?: React.ElementType;
+  /**
+   * Element rendered at the root.
+   * @default MultiInputRangeFieldRoot
+   */
+  root?: React.ElementType;
+  /**
+   * Form control with an input to render a date.
+   * It is rendered twice: once for the start date and once for the end date.
+   * @default <PickersTextField />, or <TextField /> from '@mui/material' if `enableAccessibleFieldDOMStructure` is `false`.
+   */
+  textField?: React.ElementType;
+  /**
+   * Element rendered between the two inputs.
+   * @default MultiInputRangeFieldSeparator
+   */
+  separator?: React.ElementType;
 }
 export interface MultiInputRangeFieldSlotProps {
-    root?: SlotComponentPropsFromProps<StackProps, {}, FieldOwnerState>;
-    textField?: SlotComponentPropsFromProps<PickersTextFieldProps | TextFieldProps, {}, FieldOwnerState & {
-        position: RangePosition;
-    }>;
-    separator?: SlotComponentPropsFromProps<TypographyProps, {}, FieldOwnerState>;
+  root?: SlotComponentPropsFromProps<StackProps, {}, FieldOwnerState>;
+  textField?: SlotComponentPropsFromProps<PickersTextFieldProps | TextFieldProps, {}, FieldOwnerState & {
+    position: RangePosition;
+  }>;
+  separator?: SlotComponentPropsFromProps<TypographyProps, {}, FieldOwnerState>;
 }
 export interface MultiInputRangeFieldClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the separator element. */
-    separator: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the separator element. */
+  separator: string;
 }
 export interface CreateMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManager> {
-    name: string;
-    getUtilityClass: (slot: string) => string;
-    useManager: (params: RangeFieldSeparatorProps & {
-        enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
-    }) => TManager;
+  name: string;
+  getUtilityClass: (slot: string) => string;
+  useManager: (params: RangeFieldSeparatorProps & {
+    enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
+  }) => TManager;
 }
 export type CreateMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeManager> = ((props: MultiInputRangeFieldProps<TManager> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
-    fieldType?: FieldType;
-};
+  fieldType?: FieldType;
+};

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/utils/createMultiInputRangeField/index.d.ts

@@ -1,3 +1,3 @@
-export { createMultiInputRangeField } from './createMultiInputRangeField';
-export type { MultiInputRangeFieldProps, MultiInputRangeFieldSlots, MultiInputRangeFieldSlotProps, MultiInputRangeFieldClasses, } from './createMultiInputRangeField.types';
-export { useMultiInputRangeField as unstable_useMultiInputRangeField } from '../../../hooks/useMultiInputRangeField/useMultiInputRangeField';
+export { createMultiInputRangeField } from "./createMultiInputRangeField.js";
+export type { MultiInputRangeFieldProps, MultiInputRangeFieldSlots, MultiInputRangeFieldSlotProps, MultiInputRangeFieldClasses } from './createMultiInputRangeField.types';
+export { useMultiInputRangeField as unstable_useMultiInputRangeField } from "../../../hooks/useMultiInputRangeField/useMultiInputRangeField.js";

package/internals/utils/createMultiInputRangeField/index.js

@@ -1,2 +1,19 @@
-export { createMultiInputRangeField } from "./createMultiInputRangeField.js";
-export { useMultiInputRangeField as unstable_useMultiInputRangeField } from "../../../hooks/useMultiInputRangeField/useMultiInputRangeField.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createMultiInputRangeField", {
+  enumerable: true,
+  get: function () {
+    return _createMultiInputRangeField.createMultiInputRangeField;
+  }
+});
+Object.defineProperty(exports, "unstable_useMultiInputRangeField", {
+  enumerable: true,
+  get: function () {
+    return _useMultiInputRangeField.useMultiInputRangeField;
+  }
+});
+var _createMultiInputRangeField = require("./createMultiInputRangeField");
+var _useMultiInputRangeField = require("../../../hooks/useMultiInputRangeField/useMultiInputRangeField");

package/internals/utils/createMultiInputRangeField/useTextFieldProps.d.ts

@@ -0,0 +1,12 @@
+import { PickersTextFieldProps } from '@mui/x-date-pickers/PickersTextField';
+import { FieldOwnerState } from '@mui/x-date-pickers/models';
+import { MultiInputRangeFieldSlotProps } from "./createMultiInputRangeField.types.js";
+export declare function useTextFieldProps({
+  slotProps,
+  ownerState,
+  position
+}: {
+  slotProps: MultiInputRangeFieldSlotProps | undefined;
+  ownerState: FieldOwnerState;
+  position: 'start' | 'end';
+}): PickersTextFieldProps;

package/internals/utils/createMultiInputRangeField/useTextFieldProps.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTextFieldProps = useTextFieldProps;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _PickersTextField = require("@mui/x-date-pickers/PickersTextField");
+var _hooks = require("@mui/x-date-pickers/hooks");
+var _internals = require("@mui/x-date-pickers/internals");
+var _useNullablePickerRangePositionContext = require("../../hooks/useNullablePickerRangePositionContext");
+function useTextFieldProps({
+  slotProps,
+  ownerState,
+  position
+}) {
+  const pickerContext = (0, _internals.useNullablePickerContext)();
+  const translations = (0, _hooks.usePickerTranslations)();
+  const pickerFieldUIContext = React.useContext(_internals.PickerFieldUIContext);
+  const rangePositionContext = (0, _useNullablePickerRangePositionContext.useNullablePickerRangePositionContext)();
+  const textFieldProps = (0, _useSlotProps.default)({
+    elementType: _PickersTextField.PickersTextField,
+    externalSlotProps: (0, _internals.mergeSlotProps)(pickerFieldUIContext.slotProps.textField, slotProps?.textField),
+    additionalProps: {
+      // TODO: Decide if we also want to set the default labels on standalone fields.
+      label: pickerContext ? translations[position] : undefined,
+      focused: pickerContext?.open ? rangePositionContext?.rangePosition === position : undefined
+    },
+    ownerState: (0, _extends2.default)({}, ownerState, {
+      position
+    })
+  });
+  if (!textFieldProps.InputProps) {
+    textFieldProps.InputProps = {};
+  }
+  if (pickerContext && position === 'start') {
+    textFieldProps.InputProps.ref = pickerContext.triggerRef;
+  }
+  return textFieldProps;
+}

package/internals/utils/date-fields-utils.d.ts

@@ -1,20 +1,23 @@
 import { FieldRangeSection } from '@mui/x-date-pickers/internals';
 export declare const splitDateRangeSections: (sections: FieldRangeSection[]) => {
-    startDate: FieldRangeSection[];
-    endDate: FieldRangeSection[];
+  startDate: FieldRangeSection[];
+  endDate: FieldRangeSection[];
 };
 export declare const removeLastSeparator: (dateSections: FieldRangeSection[]) => (FieldRangeSection | {
-    separator: null;
-    dateName: import("@mui/x-date-pickers/internals").RangePosition;
-    value: string;
-    format: string;
-    maxLength: number | null;
-    placeholder: string;
-    type: import("@mui/x-date-pickers").FieldSectionType;
-    contentType: import("@mui/x-date-pickers").FieldSectionContentType;
-    hasLeadingZerosInFormat: boolean;
-    hasLeadingZerosInInput: boolean;
-    modified: boolean;
-    startSeparator: string;
-    endSeparator: string;
+  separator: null;
+  dateName: import("@mui/x-date-pickers/internals").RangePosition;
+  value: string;
+  format: string;
+  maxLength: number | null;
+  placeholder: string;
+  type: import("@mui/x-date-pickers").FieldSectionType;
+  contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+  hasLeadingZerosInFormat: boolean;
+  hasLeadingZerosInInput: boolean;
+  modified: boolean;
+  startSeparator: string;
+  endSeparator: string;
 })[];
+export declare function getRangeFieldType(field: React.ElementType & {
+  fieldType?: 'single-input' | 'multi-input';
+}): "single-input" | "multi-input";