@mui/x-date-pickers 8.0.0-alpha.9 → 8.0.0-beta.0

package/internals/hooks/date-helpers-hooks.d.ts

@@ -1,16 +1,24 @@
-import { PickerOnChangeFn } from './useViews';
-import { PickerSelectionState } from './usePicker';
-import { PickersTimezone, PickerValidDate } from '../../models';
+import { PickerOnChangeFn } from "./useViews.js";
+import { PickerSelectionState } from "./usePicker/index.js";
+import { PickersTimezone, PickerValidDate } from "../../models/index.js";
 export interface MonthValidationOptions {
-    disablePast?: boolean;
-    disableFuture?: boolean;
-    minDate: PickerValidDate;
-    maxDate: PickerValidDate;
-    timezone: PickersTimezone;
+  disablePast?: boolean;
+  disableFuture?: boolean;
+  minDate: PickerValidDate;
+  maxDate: PickerValidDate;
+  timezone: PickersTimezone;
 }
-export declare function useNextMonthDisabled(month: PickerValidDate, { disableFuture, maxDate, timezone, }: Pick<MonthValidationOptions, 'disableFuture' | 'maxDate' | 'timezone'>): boolean;
-export declare function usePreviousMonthDisabled(month: PickerValidDate, { disablePast, minDate, timezone, }: Pick<MonthValidationOptions, 'disablePast' | 'minDate' | 'timezone'>): boolean;
+export declare function useNextMonthDisabled(month: PickerValidDate, {
+  disableFuture,
+  maxDate,
+  timezone
+}: Pick<MonthValidationOptions, 'disableFuture' | 'maxDate' | 'timezone'>): boolean;
+export declare function usePreviousMonthDisabled(month: PickerValidDate, {
+  disablePast,
+  minDate,
+  timezone
+}: Pick<MonthValidationOptions, 'disablePast' | 'minDate' | 'timezone'>): boolean;
 export declare function useMeridiemMode(date: PickerValidDate | null, ampm: boolean | undefined, onChange: PickerOnChangeFn, selectionState?: PickerSelectionState): {
-    meridiemMode: import("../utils/time-utils").Meridiem | null;
-    handleMeridiemChange: (mode: "am" | "pm") => void;
-};
+  meridiemMode: import("../utils/time-utils").Meridiem | null;
+  handleMeridiemChange: (mode: "am" | "pm") => void;
+};

package/internals/hooks/date-helpers-hooks.js

@@ -1,36 +1,45 @@
-import * as React from 'react';
-import { useUtils } from "./useUtils.js";
-import { getMeridiem, convertToMeridiem } from "../utils/time-utils.js";
-export function useNextMonthDisabled(month, {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMeridiemMode = useMeridiemMode;
+exports.useNextMonthDisabled = useNextMonthDisabled;
+exports.usePreviousMonthDisabled = usePreviousMonthDisabled;
+var React = _interopRequireWildcard(require("react"));
+var _useUtils = require("./useUtils");
+var _timeUtils = require("../utils/time-utils");
+function useNextMonthDisabled(month, {
   disableFuture,
   maxDate,
   timezone
 }) {
-  const utils = useUtils();
+  const utils = (0, _useUtils.useUtils)();
   return React.useMemo(() => {
     const now = utils.date(undefined, timezone);
     const lastEnabledMonth = utils.startOfMonth(disableFuture && utils.isBefore(now, maxDate) ? now : maxDate);
     return !utils.isAfter(lastEnabledMonth, month);
   }, [disableFuture, maxDate, month, utils, timezone]);
 }
-export function usePreviousMonthDisabled(month, {
+function usePreviousMonthDisabled(month, {
   disablePast,
   minDate,
   timezone
 }) {
-  const utils = useUtils();
+  const utils = (0, _useUtils.useUtils)();
   return React.useMemo(() => {
     const now = utils.date(undefined, timezone);
     const firstEnabledMonth = utils.startOfMonth(disablePast && utils.isAfter(now, minDate) ? now : minDate);
     return !utils.isBefore(firstEnabledMonth, month);
   }, [disablePast, minDate, month, utils, timezone]);
 }
-export function useMeridiemMode(date, ampm, onChange, selectionState) {
-  const utils = useUtils();
+function useMeridiemMode(date, ampm, onChange, selectionState) {
+  const utils = (0, _useUtils.useUtils)();
   const cleanDate = React.useMemo(() => !utils.isValid(date) ? null : date, [utils, date]);
-  const meridiemMode = getMeridiem(cleanDate, utils);
+  const meridiemMode = (0, _timeUtils.getMeridiem)(cleanDate, utils);
   const handleMeridiemChange = React.useCallback(mode => {
-    const timeWithMeridiem = cleanDate == null ? null : convertToMeridiem(cleanDate, mode, Boolean(ampm), utils);
+    const timeWithMeridiem = cleanDate == null ? null : (0, _timeUtils.convertToMeridiem)(cleanDate, mode, Boolean(ampm), utils);
     onChange(timeWithMeridiem, selectionState ?? 'partial');
   }, [ampm, cleanDate, onChange, selectionState, utils]);
   return {

package/internals/hooks/useClockReferenceDate.d.ts

@@ -1,9 +1,15 @@
-import { MuiPickersAdapter, PickersTimezone, PickerValidDate } from '../../models';
-import { PickerValue } from '../models';
-export declare const useClockReferenceDate: <TProps extends {}>({ value, referenceDate: referenceDateProp, utils, props, timezone, }: {
-    value: PickerValue;
-    referenceDate: PickerValidDate | undefined;
-    utils: MuiPickersAdapter;
-    props: TProps;
-    timezone: PickersTimezone;
-}) => PickerValidDate;
+import { MuiPickersAdapter, PickersTimezone, PickerValidDate } from "../../models/index.js";
+import { PickerValue } from "../models/index.js";
+export declare const useClockReferenceDate: <TProps extends {}>({
+  value,
+  referenceDate: referenceDateProp,
+  utils,
+  props,
+  timezone
+}: {
+  value: PickerValue;
+  referenceDate: PickerValidDate | undefined;
+  utils: MuiPickersAdapter;
+  props: TProps;
+  timezone: PickersTimezone;
+}) => PickerValidDate;

package/internals/hooks/useClockReferenceDate.js

@@ -1,25 +1,33 @@
-import * as React from 'react';
-import { singleItemValueManager } from "../utils/valueManagers.js";
-import { getTodayDate } from "../utils/date-utils.js";
-import { SECTION_TYPE_GRANULARITY } from "../utils/getDefaultReferenceDate.js";
-export const useClockReferenceDate = ({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClockReferenceDate = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _valueManagers = require("../utils/valueManagers");
+var _dateUtils = require("../utils/date-utils");
+var _getDefaultReferenceDate = require("../utils/getDefaultReferenceDate");
+const useClockReferenceDate = ({
   value,
   referenceDate: referenceDateProp,
   utils,
   props,
   timezone
 }) => {
-  const referenceDate = React.useMemo(() => singleItemValueManager.getInitialReferenceValue({
+  const referenceDate = React.useMemo(() => _valueManagers.singleItemValueManager.getInitialReferenceValue({
     value,
     utils,
     props,
     referenceDate: referenceDateProp,
-    granularity: SECTION_TYPE_GRANULARITY.day,
+    granularity: _getDefaultReferenceDate.SECTION_TYPE_GRANULARITY.day,
     timezone,
-    getTodayDate: () => getTodayDate(utils, timezone, 'date')
+    getTodayDate: () => (0, _dateUtils.getTodayDate)(utils, timezone, 'date')
   }),
   // We only want to compute the reference date on mount.
   [] // eslint-disable-line react-hooks/exhaustive-deps
   );
   return value ?? referenceDate;
-};
+};
+exports.useClockReferenceDate = useClockReferenceDate;

package/internals/hooks/useControlledValue.d.ts

@@ -0,0 +1,38 @@
+import type { PickerValueManager } from '../models';
+import { PickersTimezone, PickerValidDate } from "../../models/index.js";
+import { PickerValidValue } from "../models/index.js";
+/**
+ * Hooks controlling the value while making sure that:
+ * - The value returned by `onChange` always have the timezone of `props.value` or `props.defaultValue` if defined
+ * - The value rendered is always the one from `props.timezone` if defined
+ */
+export declare const useControlledValue: <TValue extends PickerValidValue, TChange extends (...params: any[]) => void>({
+  name,
+  timezone: timezoneProp,
+  value: valueProp,
+  defaultValue,
+  referenceDate,
+  onChange: onChangeProp,
+  valueManager
+}: UseControlledValueWithTimezoneParameters<TValue, TChange>) => {
+  value: TValue;
+  handleValueChange: TChange;
+  timezone: string;
+};
+interface UseValueWithTimezoneParameters<TValue extends PickerValidValue, TChange extends (...params: any[]) => void> {
+  timezone: PickersTimezone | undefined;
+  value: TValue | undefined;
+  defaultValue: TValue | undefined;
+  /**
+   * The reference date as passed to `props.referenceDate`.
+   * It does not need to have its default value.
+   * This is only used to determine the timezone to use when `props.value` and `props.defaultValue` are not defined.
+   */
+  referenceDate: PickerValidDate | undefined;
+  onChange: TChange | undefined;
+  valueManager: PickerValueManager<TValue, any>;
+}
+interface UseControlledValueWithTimezoneParameters<TValue extends PickerValidValue, TChange extends (...params: any[]) => void> extends UseValueWithTimezoneParameters<TValue, TChange> {
+  name: string;
+}
+export {};

package/internals/hooks/useControlledValue.js

@@ -0,0 +1,65 @@
+"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.useControlledValue = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
+var _useUtils = require("./useUtils");
+/**
+ * Hooks controlling the value while making sure that:
+ * - The value returned by `onChange` always have the timezone of `props.value` or `props.defaultValue` if defined
+ * - The value rendered is always the one from `props.timezone` if defined
+ */
+const useControlledValue = ({
+  name,
+  timezone: timezoneProp,
+  value: valueProp,
+  defaultValue,
+  referenceDate,
+  onChange: onChangeProp,
+  valueManager
+}) => {
+  const utils = (0, _useUtils.useUtils)();
+  const [valueWithInputTimezone, setValue] = (0, _useControlled.default)({
+    name,
+    state: 'value',
+    controlled: valueProp,
+    default: defaultValue ?? valueManager.emptyValue
+  });
+  const inputTimezone = React.useMemo(() => valueManager.getTimezone(utils, valueWithInputTimezone), [utils, valueManager, valueWithInputTimezone]);
+  const setInputTimezone = (0, _useEventCallback.default)(newValue => {
+    if (inputTimezone == null) {
+      return newValue;
+    }
+    return valueManager.setTimezone(utils, inputTimezone, newValue);
+  });
+  const timezoneToRender = React.useMemo(() => {
+    if (timezoneProp) {
+      return timezoneProp;
+    }
+    if (inputTimezone) {
+      return inputTimezone;
+    }
+    if (referenceDate) {
+      return utils.getTimezone(referenceDate);
+    }
+    return 'default';
+  }, [timezoneProp, inputTimezone, referenceDate, utils]);
+  const valueWithTimezoneToRender = React.useMemo(() => valueManager.setTimezone(utils, timezoneToRender, valueWithInputTimezone), [valueManager, utils, timezoneToRender, valueWithInputTimezone]);
+  const handleValueChange = (0, _useEventCallback.default)((newValue, ...otherParams) => {
+    const newValueWithInputTimezone = setInputTimezone(newValue);
+    setValue(newValueWithInputTimezone);
+    onChangeProp?.(newValueWithInputTimezone, ...otherParams);
+  });
+  return {
+    value: valueWithTimezoneToRender,
+    handleValueChange,
+    timezone: timezoneToRender
+  };
+};
+exports.useControlledValue = useControlledValue;

package/internals/hooks/useDesktopPicker/index.d.ts

@@ -1,2 +1,2 @@
-export { useDesktopPicker } from './useDesktopPicker';
-export type { UseDesktopPickerSlots, UseDesktopPickerSlotProps, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps, UseDesktopPickerProps, } from './useDesktopPicker.types';
+export { useDesktopPicker } from "./useDesktopPicker.js";
+export type { UseDesktopPickerSlots, UseDesktopPickerSlotProps, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps, UseDesktopPickerProps } from './useDesktopPicker.types';

package/internals/hooks/useDesktopPicker/index.js

@@ -1 +1,12 @@
-export { useDesktopPicker } from "./useDesktopPicker.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useDesktopPicker", {
+  enumerable: true,
+  get: function () {
+    return _useDesktopPicker.useDesktopPicker;
+  }
+});
+var _useDesktopPicker = require("./useDesktopPicker");

package/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts

@@ -1,12 +1,15 @@
 import * as React from 'react';
-import { UseDesktopPickerParams, UseDesktopPickerProps } from './useDesktopPicker.types';
-import { DateOrTimeViewWithMeridiem } from '../../models';
+import { UseDesktopPickerParams, UseDesktopPickerProps } from "./useDesktopPicker.types.js";
+import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
  * Hook managing all the single-date desktop pickers:
  * - DesktopDatePicker
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopPickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-    renderPicker: () => React.JSX.Element;
-};
+export declare const useDesktopPicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+  props,
+  ...pickerParams
+}: UseDesktopPickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+  renderPicker: () => React.JSX.Element;
+};

package/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -1,78 +1,65 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["props"];
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import useForkRef from '@mui/utils/useForkRef';
-import useId from '@mui/utils/useId';
-import { PickersPopper } from "../../components/PickersPopper.js";
-import { usePicker } from "../usePicker/index.js";
-import { PickersLayout } from "../../../PickersLayout/index.js";
-import { PickerProvider } from "../../components/PickerProvider.js";
-import { PickerFieldUIContextProvider } from "../../components/PickerFieldUI.js";
+"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.useDesktopPicker = 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 _PickerPopper = require("../../components/PickerPopper/PickerPopper");
+var _usePicker = require("../usePicker");
+var _PickersLayout = require("../../../PickersLayout");
+var _PickerProvider = require("../../components/PickerProvider");
+var _PickerFieldUI = require("../../components/PickerFieldUI");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["props"],
+  _excluded2 = ["ownerState"];
 /**
  * Hook managing all the single-date desktop pickers:
  * - DesktopDatePicker
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const useDesktopPicker = _ref => {
+const useDesktopPicker = _ref => {
   let {
       props
     } = _ref,
-    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
-    className,
-    sx,
-    name,
     label,
     inputRef,
-    readOnly,
-    autoFocus,
-    localeText,
-    reduceAnimations
+    localeText
   } = props;
-  const fieldRef = React.useRef(null);
-  const labelId = useId();
-  const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const {
     providerProps,
     renderCurrentView,
-    shouldRestoreFocus,
     ownerState
-  } = usePicker(_extends({}, pickerParams, {
+  } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
-    fieldRef,
     localeText,
     autoFocusView: true,
+    viewContainerRole: 'dialog',
     variant: 'desktop'
   }));
+  const labelId = providerProps.privateContextValue.labelId;
+  const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const Field = slots.field;
-  const fieldProps = useSlotProps({
-    elementType: Field,
-    externalSlotProps: innerSlotProps?.field,
-    additionalProps: _extends({
-      // Internal props
-      readOnly,
-      autoFocus: autoFocus && !props.open,
-      // Forwarded props
-      className,
-      sx,
-      label,
-      name,
-      focused: providerProps.contextValue.open ? true : undefined
-    }, isToolbarHidden && {
-      id: labelId
-    }, !!inputRef && {
-      inputRef
+  const _useSlotProps = (0, _useSlotProps2.default)({
+      elementType: Field,
+      externalSlotProps: innerSlotProps?.field,
+      additionalProps: (0, _extends2.default)({}, isToolbarHidden && {
+        id: labelId
+      }),
+      ownerState
     }),
-    ownerState
-  });
-  const Layout = slots.layout ?? PickersLayout;
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const Layout = slots.layout ?? _PickersLayout.PickersLayout;
   let labelledById = labelId;
   if (isToolbarHidden) {
     if (label) {
@@ -81,30 +68,23 @@ export const useDesktopPicker = _ref => {
       labelledById = undefined;
     }
   }
-  const slotProps = _extends({}, innerSlotProps, {
-    toolbar: _extends({}, innerSlotProps?.toolbar, {
+  const slotProps = (0, _extends2.default)({}, innerSlotProps, {
+    toolbar: (0, _extends2.default)({}, innerSlotProps?.toolbar, {
       titleId: labelId
     }),
-    popper: _extends({
+    popper: (0, _extends2.default)({
       'aria-labelledby': labelledById
     }, innerSlotProps?.popper)
   });
-  const handleFieldRef = useForkRef(fieldRef, fieldProps.unstableFieldRef);
-  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
-    children: /*#__PURE__*/_jsxs(PickerFieldUIContextProvider, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerProvider.PickerProvider, (0, _extends2.default)({}, providerProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickerFieldUI.PickerFieldUIContextProvider, {
       slots: slots,
       slotProps: slotProps,
-      children: [/*#__PURE__*/_jsx(Field, _extends({}, fieldProps, {
-        unstableFieldRef: handleFieldRef
-      })), /*#__PURE__*/_jsx(PickersPopper, {
-        role: "dialog",
-        placement: "bottom-start",
-        anchorEl: providerProps.contextValue.triggerRef.current,
+      inputRef: inputRef,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerPopper.PickerPopper, {
         slots: slots,
         slotProps: slotProps,
-        shouldRestoreFocus: shouldRestoreFocus,
-        reduceAnimations: reduceAnimations,
-        children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {
           slots: slots,
           slotProps: slotProps,
           children: renderCurrentView()
@@ -115,4 +95,5 @@ export const useDesktopPicker = _ref => {
   return {
     renderPicker
   };
-};
+};
+exports.useDesktopPicker = useDesktopPicker;

package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts

@@ -1,50 +1,41 @@
 import * as React from 'react';
 import { MakeRequired, SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { BasePickerProps, BaseNonRangeNonStaticPickerProps } from '../../models/props/basePickerProps';
-import { PickersPopperSlots, PickersPopperSlotProps } from '../../components/PickersPopper';
-import { UsePickerParams } from '../usePicker';
-import { PickerFieldSlotProps, PickerOwnerState } from '../../../models';
-import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from '../../../PickersLayout/PickersLayout.types';
-import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue.types';
-import { UsePickerViewsProps } from '../usePicker/usePickerViews';
-import { DateOrTimeViewWithMeridiem, PickerValue } from '../../models';
-import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '../../components/PickerFieldUI';
-import { UsePickerProviderNonStaticProps } from '../usePicker/usePickerProvider';
-export interface UseDesktopPickerSlots extends Pick<PickersPopperSlots, 'desktopPaper' | 'desktopTransition' | 'desktopTrapFocus' | 'popper'>, ExportedPickersLayoutSlots<PickerValue>, PickerFieldUISlotsFromContext {
-    /**
-     * Component used to enter the date with the keyboard.
-     */
-    field: React.ElementType;
-    /**
-     * Form control with an input to render the value inside the default field.
-     * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
-     */
-    textField?: React.ElementType;
+import { BasePickerProps } from "../../models/props/basePickerProps.js";
+import { PickerPopperSlots, PickerPopperSlotProps } from "../../components/PickerPopper/PickerPopper.js";
+import { UsePickerParameters, UsePickerNonStaticProps, UsePickerProps } from "../usePicker/index.js";
+import { PickerFieldSlotProps, PickerOwnerState } from "../../../models/index.js";
+import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickersLayoutSlotProps } from "../../../PickersLayout/PickersLayout.types.js";
+import { DateOrTimeViewWithMeridiem, PickerValue } from "../../models/index.js";
+import { PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "../../components/PickerFieldUI.js";
+export interface UseDesktopPickerSlots extends Pick<PickerPopperSlots, 'desktopPaper' | 'desktopTransition' | 'desktopTrapFocus' | 'popper'>, ExportedPickersLayoutSlots<PickerValue>, PickerFieldUISlotsFromContext {
+  /**
+   * Component used to enter the date with the keyboard.
+   */
+  field: React.ElementType;
 }
-export interface ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickersPopperSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
-    field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
+export interface ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue, TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
-export interface UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {
+export interface UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
+export interface DesktopOnlyPickerProps extends UsePickerNonStaticProps {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   * @default false
+   */
+  autoFocus?: boolean;
 }
-export interface DesktopOnlyPickerProps extends BaseNonRangeNonStaticPickerProps, UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps {
-    /**
-     * If `true`, the `input` element is focused during the first mount.
-     * @default false
-     */
-    autoFocus?: boolean;
-}
-export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerViewsProps<PickerValue, TView, any>> extends BasePickerProps<PickerValue, any, TError, TExternalProps>, MakeRequired<DesktopOnlyPickerProps, 'format'> {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots: UseDesktopPickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>;
-}
-export interface UseDesktopPickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends Pick<UsePickerParams<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor'> {
-    props: TExternalProps;
+export interface UseDesktopPickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerProps<PickerValue, TView, TError, any>> extends BasePickerProps<PickerValue, any, TError, TExternalProps>, MakeRequired<DesktopOnlyPickerProps, 'format'> {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: UseDesktopPickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: UseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>;
 }
+export interface UseDesktopPickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopPickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
+  props: TExternalProps;
+}

package/internals/hooks/useDesktopPicker/useDesktopPicker.types.js

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

package/internals/hooks/useField/buildSectionsFromFormat.d.ts

@@ -1,15 +1,15 @@
-import { FieldSection, MuiPickersAdapter, PickerValidDate } from '../../../models';
-import { PickersLocaleText } from '../../../locales';
+import { FieldSection, MuiPickersAdapter, PickerValidDate } from "../../../models/index.js";
+import { PickersLocaleText } from "../../../locales/index.js";
 interface BuildSectionsFromFormatParams {
-    utils: MuiPickersAdapter;
-    format: string;
-    formatDensity: 'dense' | 'spacious';
-    isRtl: boolean;
-    shouldRespectLeadingZeros: boolean;
-    localeText: PickersLocaleText;
-    localizedDigits: string[];
-    date: PickerValidDate | null;
-    enableAccessibleFieldDOMStructure: boolean;
+  utils: MuiPickersAdapter;
+  format: string;
+  formatDensity: 'dense' | 'spacious';
+  isRtl: boolean;
+  shouldRespectLeadingZeros: boolean;
+  localeText: PickersLocaleText;
+  localizedDigits: string[];
+  date: PickerValidDate | null;
+  enableAccessibleFieldDOMStructure: boolean;
 }
 export declare const buildSectionsFromFormat: (params: BuildSectionsFromFormatParams) => FieldSection[];
-export {};
+export {};