@mui/x-date-pickers-pro 8.0.0-alpha.10 → 8.0.0-alpha.12

package/{node → esm}/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.js

@@ -1,18 +1,11 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMultiInputRangeFieldSelectedSections = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-const useMultiInputRangeFieldSelectedSections = parameters => {
+import * as React from 'react';
+import useForkRef from '@mui/utils/useForkRef';
+import useEventCallback from '@mui/utils/useEventCallback';
+export const useMultiInputRangeFieldSelectedSections = parameters => {
   const unstableEndFieldRef = React.useRef(null);
-  const handleUnstableEndFieldRef = (0, _useForkRef.default)(parameters.unstableEndFieldRef, unstableEndFieldRef);
+  const handleUnstableEndFieldRef = useForkRef(parameters.unstableEndFieldRef, unstableEndFieldRef);
   const [startSelectedSection, setStartSelectedSection] = React.useState(parameters.selectedSections ?? null);
   const [endSelectedSection, setEndSelectedSection] = React.useState(null);
   const getActiveField = () => {
@@ -21,13 +14,13 @@ const useMultiInputRangeFieldSelectedSections = parameters => {
     }
     return 'start';
   };
-  const handleStartSelectedSectionChange = (0, _useEventCallback.default)(newSelectedSections => {
+  const handleStartSelectedSectionChange = useEventCallback(newSelectedSections => {
     setStartSelectedSection(newSelectedSections);
     if (getActiveField() === 'start') {
       parameters.onSelectedSectionsChange?.(newSelectedSections);
     }
   });
-  const handleEndSelectedSectionChange = (0, _useEventCallback.default)(newSelectedSections => {
+  const handleEndSelectedSectionChange = useEventCallback(newSelectedSections => {
     setEndSelectedSection(newSelectedSections);
     if (getActiveField() === 'end') {
       parameters.onSelectedSectionsChange?.(newSelectedSections);
@@ -46,5 +39,4 @@ const useMultiInputRangeFieldSelectedSections = parameters => {
       onSelectedSectionsChange: handleEndSelectedSectionChange
     }
   };
-};
-exports.useMultiInputRangeFieldSelectedSections = useMultiInputRangeFieldSelectedSections;
+};

package/esm/hooks/useMultiInputRangeField/useMultiInputRangeFieldTextFieldProps.d.ts

@@ -0,0 +1,17 @@
+import { UseDateManagerReturnValue, UseDateTimeManagerReturnValue, UseTimeManagerReturnValue } from '@mui/x-date-pickers/managers';
+import { PickerValueType } from '@mui/x-date-pickers/models';
+import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldResponse } from '@mui/x-date-pickers/internals';
+import { PickerAnyRangeManager } from "../../internals/models/managers.js";
+import { UseDateRangeManagerReturnValue, UseDateTimeRangeManagerReturnValue, UseTimeRangeManagerReturnValue } from "../../managers/index.js";
+/**
+ * @ignore - internal hook.
+ */
+export declare function useMultiInputRangeFieldTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends {
+  [key: string]: any;
+}>(parameters: UseMultiInputRangeFieldTextFieldProps<TManager>): Omit<UseFieldResponse<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TForwardedProps>, "clearable" | "onClear">;
+interface UseMultiInputRangeFieldTextFieldProps<TManager extends PickerAnyRangeManager> {
+  valueType: PickerValueType;
+  fieldProps: PickerManagerFieldInternalProps<GetDerivedManager<TManager>>;
+}
+type GetDerivedManager<TManager extends PickerAnyRangeManager> = TManager extends UseDateRangeManagerReturnValue<infer TEnableAccessibleFieldDOMStructure> ? UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure> : TManager extends UseTimeRangeManagerReturnValue<infer TEnableAccessibleFieldDOMStructure> ? UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure> : TManager extends UseDateTimeRangeManagerReturnValue<infer TEnableAccessibleFieldDOMStructure> ? UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure> : never;
+export {};

package/{node → esm}/hooks/useMultiInputRangeField/useMultiInputRangeFieldTextFieldProps.js

@@ -1,19 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMultiInputRangeFieldTextFieldProps = useMultiInputRangeFieldTextFieldProps;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _managers = require("@mui/x-date-pickers/managers");
-var _hooks = require("@mui/x-date-pickers/hooks");
-var _internals = require("@mui/x-date-pickers/internals");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["clearable", "onClear"];
+import { useDateManager, useDateTimeManager, useTimeManager } from '@mui/x-date-pickers/managers';
+import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
+import { useField, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
 /**
  * @ignore - internal hook.
  */
-function useMultiInputRangeFieldTextFieldProps(parameters) {
+export function useMultiInputRangeFieldTextFieldProps(parameters) {
   const {
     fieldProps,
     valueType
@@ -22,17 +15,17 @@ function useMultiInputRangeFieldTextFieldProps(parameters) {
   switch (valueType) {
     case 'date':
       {
-        useManager = _managers.useDateManager;
+        useManager = useDateManager;
         break;
       }
     case 'time':
       {
-        useManager = _managers.useTimeManager;
+        useManager = useTimeManager;
         break;
       }
     case 'date-time':
       {
-        useManager = _managers.useDateTimeManager;
+        useManager = useDateTimeManager;
         break;
       }
     default:
@@ -46,12 +39,12 @@ function useMultiInputRangeFieldTextFieldProps(parameters) {
   const {
     forwardedProps,
     internalProps
-  } = (0, _hooks.useSplitFieldProps)(fieldProps, 'date');
-  const internalPropsWithDefaults = (0, _internals.useFieldInternalPropsWithDefaults)({
+  } = useSplitFieldProps(fieldProps, 'date');
+  const internalPropsWithDefaults = useFieldInternalPropsWithDefaults({
     manager,
     internalProps
   });
-  const _ref = (0, _internals.useField)({
+  const _ref = useField({
       forwardedProps,
       internalProps: internalPropsWithDefaults,
       valueManager: manager.internal_valueManager,
@@ -61,6 +54,6 @@ function useMultiInputRangeFieldTextFieldProps(parameters) {
       // TODO v8: Add a real aria label before moving the opening logic to the field on range pickers.
       getOpenPickerButtonAriaLabel: () => ''
     }),
-    fieldResponse = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
   return fieldResponse;
 }

package/esm/hooks/usePickerRangePositionContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { UseRangePositionResponse } from "../internals/hooks/useRangePosition.js";
+export declare const PickerRangePositionContext: React.Context<UseRangePositionResponse | null>;
+/**
+ * Returns information about the range position of the picker that wraps the current component.
+ */
+export declare function usePickerRangePositionContext(): UseRangePositionResponse;

package/esm/hooks/usePickerRangePositionContext.js

@@ -0,0 +1,15 @@
+'use client';
+
+import * as React from 'react';
+export const PickerRangePositionContext = /*#__PURE__*/React.createContext(null);
+
+/**
+ * Returns information about the range position of the picker that wraps the current component.
+ */
+export function usePickerRangePositionContext() {
+  const value = React.useContext(PickerRangePositionContext);
+  if (value == null) {
+    throw new Error(['MUI X: The `usePickerRangePositionContext` can only be called in components that are used inside a picker component'].join('\n'));
+  }
+  return value;
+}

package/esm/index.d.ts

@@ -0,0 +1,22 @@
+export * from '@mui/x-date-pickers';
+export * from "./DateRangePickerDay/index.js";
+export * from "./MultiInputDateRangeField/index.js";
+export * from "./MultiInputTimeRangeField/index.js";
+export * from "./MultiInputDateTimeRangeField/index.js";
+export * from "./SingleInputDateRangeField/index.js";
+export * from "./SingleInputTimeRangeField/index.js";
+export * from "./SingleInputDateTimeRangeField/index.js";
+export * from "./DateRangeCalendar/index.js";
+export * from "./PickersRangeCalendarHeader/index.js";
+export * from "./DateRangePicker/index.js";
+export * from "./DesktopDateRangePicker/index.js";
+export * from "./MobileDateRangePicker/index.js";
+export * from "./StaticDateRangePicker/index.js";
+export * from "./DateTimeRangePicker/index.js";
+export * from "./DesktopDateTimeRangePicker/index.js";
+export * from "./MobileDateTimeRangePicker/index.js";
+export * from "./dateRangeViewRenderers/index.js";
+export * from "./models/index.js";
+export * from "./hooks/index.js";
+export * from "./validation/index.js";
+export * from "./managers/index.js";

package/esm/index.js

@@ -0,0 +1,37 @@
+/**
+ * @mui/x-date-pickers-pro v8.0.0-alpha.12
+ *
+ * @license MUI X Commercial
+ * This source code is licensed under the commercial license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export * from '@mui/x-date-pickers';
+export * from "./DateRangePickerDay/index.js";
+
+// Fields
+export * from "./MultiInputDateRangeField/index.js";
+export * from "./MultiInputTimeRangeField/index.js";
+export * from "./MultiInputDateTimeRangeField/index.js";
+export * from "./SingleInputDateRangeField/index.js";
+export * from "./SingleInputTimeRangeField/index.js";
+export * from "./SingleInputDateTimeRangeField/index.js";
+
+// Calendars
+export * from "./DateRangeCalendar/index.js";
+export * from "./PickersRangeCalendarHeader/index.js";
+
+// New pickers
+export * from "./DateRangePicker/index.js";
+export * from "./DesktopDateRangePicker/index.js";
+export * from "./MobileDateRangePicker/index.js";
+export * from "./StaticDateRangePicker/index.js";
+export * from "./DateTimeRangePicker/index.js";
+export * from "./DesktopDateTimeRangePicker/index.js";
+export * from "./MobileDateTimeRangePicker/index.js";
+
+// View renderers
+export * from "./dateRangeViewRenderers/index.js";
+export * from "./models/index.js";
+export * from "./hooks/index.js";
+export * from "./validation/index.js";
+export * from "./managers/index.js";

package/esm/internals/constants/dimensions.d.ts

@@ -0,0 +1,3 @@
+export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
+export declare const DAY_RANGE_SIZE = 40;
+export declare const RANGE_VIEW_HEIGHT: number;

package/esm/internals/constants/dimensions.js

@@ -0,0 +1,5 @@
+import { DAY_MARGIN, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
+export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
+export const DAY_RANGE_SIZE = 40;
+// adding the extra height of the range day element height difference (40px vs 36px)
+export const RANGE_VIEW_HEIGHT = VIEW_HEIGHT + 6 * 2 * DAY_MARGIN;

package/esm/internals/hooks/models/index.d.ts

@@ -0,0 +1 @@
+export type { UseRangePickerSlots, UseRangePickerSlotProps, RangeOnlyPickerProps, UseRangePickerProps, UseRangePickerParams } from './useRangePicker';

package/esm/internals/hooks/models/index.js

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

package/esm/internals/hooks/models/useRangePicker.d.ts

@@ -0,0 +1,15 @@
+import { UsePickerParams, BasePickerProps, ExportedBaseToolbarProps, UsePickerViewsProps, UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps, DateOrTimeViewWithMeridiem, ExportedBaseTabsProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
+import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
+import { BaseRangeNonStaticPickerProps } from "../../models/index.js";
+import { UseRangePositionProps } from "../useRangePosition.js";
+import { RangePickerFieldSlots, RangePickerFieldSlotProps } from "../useEnrichedRangePickerField.js";
+export interface UseRangePickerSlots extends ExportedPickersLayoutSlots<PickerRangeValue>, RangePickerFieldSlots {}
+export interface UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedPickersLayoutSlotProps<PickerRangeValue>, RangePickerFieldSlotProps<TEnableAccessibleFieldDOMStructure> {
+  tabs?: ExportedBaseTabsProps;
+  toolbar?: ExportedBaseToolbarProps;
+}
+export interface RangeOnlyPickerProps extends UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {}
+export interface UseRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<any, TView, any>> extends RangeOnlyPickerProps, BasePickerProps<PickerRangeValue, TView, TError, TExternalProps> {}
+export interface UseRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParams<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
+  props: TExternalProps;
+}

package/esm/internals/hooks/models/useRangePicker.js

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

package/esm/internals/hooks/useDesktopRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { useDesktopRangePicker } from "./useDesktopRangePicker.js";
+export type { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';

package/esm/internals/hooks/useDesktopRangePicker/index.js

@@ -0,0 +1 @@
+export { useDesktopRangePicker } from "./useDesktopRangePicker.js";

package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
+import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.js";
+export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+  props,
+  ...pickerParams
+}: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+  renderPicker: () => React.JSX.Element;
+};

package/{node → esm}/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -1,32 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDesktopRangePicker = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
-var _xLicense = require("@mui/x-license");
-var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
-var _internals = require("@mui/x-date-pickers/internals");
-var _useEnrichedRangePickerField = require("../useEnrichedRangePickerField");
-var _releaseInfo = require("../../utils/releaseInfo");
-var _useRangePosition = require("../useRangePosition");
-var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["props"],
   _excluded2 = ["ownerState"];
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
-const useDesktopRangePicker = _ref => {
+import * as React from 'react';
+import useSlotProps from '@mui/utils/useSlotProps';
+import { useLicenseVerifier } from '@mui/x-license';
+import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
+import { executeInTheNextEventLoopTick, getActiveElement, usePicker, PickerPopper, PickerProvider, PickerFieldUIContextProvider } from '@mui/x-date-pickers/internals';
+import { useEnrichedRangePickerField } from "../useEnrichedRangePickerField.js";
+import { getReleaseInfo } from "../../utils/releaseInfo.js";
+import { useRangePosition } from "../useRangePosition.js";
+import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const releaseInfo = getReleaseInfo();
+export const useDesktopRangePicker = _ref => {
   let {
       props
     } = _ref,
-    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
+  useLicenseVerifier('x-date-pickers-pro', releaseInfo);
   const {
     slots,
     slotProps,
@@ -43,7 +35,7 @@ const useDesktopRangePicker = _ref => {
   const singleInputFieldRef = React.useRef(null);
   const initialView = React.useRef(props.openTo ?? null);
   const fieldType = slots.field.fieldType ?? 'multi-input';
-  const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props, fieldType === 'single-input' ? singleInputFieldRef : undefined);
+  const rangePositionResponse = useRangePosition(props, fieldType === 'single-input' ? singleInputFieldRef : undefined);
   let fieldRef;
   if (fieldType === 'single-input') {
     fieldRef = singleInputFieldRef;
@@ -56,7 +48,7 @@ const useDesktopRangePicker = _ref => {
     providerProps,
     renderCurrentView,
     ownerState
-  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
+  } = usePicker(_extends({}, pickerParams, {
     props,
     variant: 'desktop',
     autoFocusView: false,
@@ -73,8 +65,8 @@ const useDesktopRangePicker = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const handleBlur = () => {
-    (0, _internals.executeInTheNextEventLoopTick)(() => {
-      if (fieldContainerRef.current?.contains((0, _internals.getActiveElement)(document)) || popperRef.current?.contains((0, _internals.getActiveElement)(document))) {
+    executeInTheNextEventLoopTick(() => {
+      if (fieldContainerRef.current?.contains(getActiveElement(document)) || popperRef.current?.contains(getActiveElement(document))) {
         return;
       }
 
@@ -83,7 +75,7 @@ const useDesktopRangePicker = _ref => {
     });
   };
   const Field = slots.field;
-  const _useSlotProps = (0, _useSlotProps2.default)({
+  const _useSlotProps = useSlotProps({
       elementType: Field,
       externalSlotProps: slotProps?.field,
       additionalProps: {
@@ -95,8 +87,8 @@ const useDesktopRangePicker = _ref => {
       },
       ownerState
     }),
-    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
-  const enrichedFieldResponse = (0, _useEnrichedRangePickerField.useEnrichedRangePickerField)((0, _extends2.default)({
+    fieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
+  const enrichedFieldResponse = useEnrichedRangePickerField(_extends({
     variant: 'desktop',
     fieldType,
     // These direct access to `providerProps` will go away once the range fields handle the picker opening
@@ -116,23 +108,23 @@ const useDesktopRangePicker = _ref => {
     currentView: providerProps.contextValue.view !== props.openTo ? providerProps.contextValue.view : undefined,
     initialView: initialView.current ?? undefined
   }, rangePositionResponse));
-  const Layout = slots?.layout ?? _PickersLayout.PickersLayout;
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
+  const Layout = slots?.layout ?? PickersLayout;
+  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
     // This override will go away once the range fields handle the picker opening
-    fieldPrivateContextValue: (0, _extends2.default)({}, providerProps.fieldPrivateContextValue, enrichedFieldResponse.fieldPrivateContextValue),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerFieldUIContextProvider, {
+    fieldPrivateContextValue: _extends({}, providerProps.fieldPrivateContextValue, enrichedFieldResponse.fieldPrivateContextValue),
+    children: /*#__PURE__*/_jsx(PickerFieldUIContextProvider, {
       slots: slots,
       slotProps: slotProps,
       inputRef: inputRef,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_usePickerRangePositionContext.PickerRangePositionContext.Provider, {
+      children: /*#__PURE__*/_jsxs(PickerRangePositionContext.Provider, {
         value: rangePositionResponse,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, enrichedFieldResponse.fieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerPopper, {
+        children: [/*#__PURE__*/_jsx(Field, _extends({}, enrichedFieldResponse.fieldProps)), /*#__PURE__*/_jsx(PickerPopper, {
           role: "tooltip",
           containerRef: popperRef,
           onBlur: handleBlur,
           slots: slots,
           slotProps: slotProps,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {
+          children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {
             slots: slots,
             slotProps: slotProps,
             children: renderCurrentView()
@@ -144,5 +136,4 @@ const useDesktopRangePicker = _ref => {
   return {
     renderPicker
   };
-};
-exports.useDesktopRangePicker = useDesktopRangePicker;
+};

package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts

@@ -0,0 +1,23 @@
+import { PickerPopperSlots, PickerPopperSlotProps, UsePickerViewsProps, DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
+import { RangeOnlyPickerProps, UseRangePickerParams, UseRangePickerProps, UseRangePickerSlotProps, UseRangePickerSlots } from "../models/useRangePicker.js";
+export interface UseDesktopRangePickerSlots extends UseRangePickerSlots, PickerPopperSlots {}
+export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, PickerPopperSlotProps {}
+export interface DesktopRangeOnlyPickerProps extends RangeOnlyPickerProps {
+  /**
+   * If `true`, the start `input` element is focused during the first mount.
+   */
+  autoFocus?: boolean;
+}
+export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerViewsProps<any, TView, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: UseDesktopRangePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+}
+export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends UseRangePickerParams<TView, TExternalProps> {}

package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js

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

package/esm/internals/hooks/useEnrichedRangePickerField.d.ts

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import Stack, { StackProps } from '@mui/material/Stack';
+import Typography, { TypographyProps } from '@mui/material/Typography';
+import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { FieldSelectedSections, FieldRef, PickerOwnerState, FieldOwnerState } from '@mui/x-date-pickers/models';
+import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '@mui/x-date-pickers/hooks';
+import { PickersInputLocaleText } from '@mui/x-date-pickers/locales';
+import { PickerVariant, DateOrTimeViewWithMeridiem, BaseSingleInputFieldProps, PickerRangeValue, PickerValue, PickerContextValue, PickerFieldPrivateContextValue } from '@mui/x-date-pickers/internals';
+import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
+import { RangePosition, FieldType, PickerRangeFieldSlotProps } from "../../models/index.js";
+import { UseRangePositionResponse } from "./useRangePosition.js";
+import { BaseMultiInputFieldProps } from "../models/fields.js";
+export interface RangePickerFieldSlots extends UseClearableFieldSlots {
+  field: React.ElementType;
+  /**
+   * Element rendered at the root.
+   * Ignored if the field has only one input.
+   */
+  fieldRoot?: React.ElementType<StackProps>;
+  /**
+   * Element rendered between the two inputs.
+   * Ignored if the field has only one input.
+   */
+  fieldSeparator?: React.ElementType<TypographyProps>;
+  /**
+   * Form control with an input to render a date or time inside the default field.
+   * It is rendered twice: once for the start element and once for the end element.
+   * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
+   */
+  textField?: React.ElementType;
+}
+export interface RangePickerFieldSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends UseClearableFieldSlotProps {
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+  fieldRoot?: SlotComponentProps<typeof Stack, {}, FieldOwnerState>;
+  fieldSeparator?: SlotComponentProps<typeof Typography, {}, FieldOwnerState>;
+  textField?: SlotComponentProps<typeof PickersTextField, {}, FieldOwnerState & {
+    position?: RangePosition;
+  }>;
+}
+export type RangePickerPropsForFieldSlot<TIsSingleInput extends boolean> = (TIsSingleInput extends true ? BaseSingleInputFieldProps<PickerRangeValue> : never) | (TIsSingleInput extends false ? BaseMultiInputFieldProps : never);
+export interface UseEnrichedRangePickerFieldPropsParams<TIsSingleInput extends boolean, TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError> extends UseRangePositionResponse {
+  contextValue: PickerContextValue<PickerRangeValue, TView, TError>;
+  fieldPrivateContextValue: PickerFieldPrivateContextValue;
+  variant: PickerVariant;
+  fieldType: FieldType;
+  readOnly?: boolean;
+  labelId?: string;
+  disableOpenPicker?: boolean;
+  onBlur?: () => void;
+  localeText: PickersInputLocaleText | undefined;
+  pickerSlotProps: RangePickerFieldSlotProps<TEnableAccessibleFieldDOMStructure> | undefined;
+  pickerSlots: RangePickerFieldSlots | undefined;
+  fieldProps: RangePickerPropsForFieldSlot<TIsSingleInput>;
+  anchorRef?: React.Ref<HTMLElement>;
+  currentView?: TView | null;
+  initialView?: TView;
+  startFieldRef: React.RefObject<FieldRef<PickerValue> | null>;
+  endFieldRef: React.RefObject<FieldRef<PickerValue> | null>;
+  singleInputFieldRef: React.RefObject<FieldRef<PickerRangeValue> | null>;
+}
+export declare const useEnrichedRangePickerField: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError>(params: UseEnrichedRangePickerFieldPropsParams<boolean, TView, TEnableAccessibleFieldDOMStructure, TError>) => {
+  fieldProps: BaseMultiInputFieldProps;
+  fieldPrivateContextValue: {};
+} | {
+  fieldProps: BaseSingleInputFieldProps<PickerRangeValue>;
+  fieldPrivateContextValue: {
+    onSelectedSectionsChange: (selectedSection: FieldSelectedSections) => void;
+  };
+};