@mui/x-date-pickers 9.0.0-alpha.1 → 9.0.0-alpha.2

package/esm/internals/components/PickerFieldUI.d.ts

@@ -1,133 +0,0 @@
-import * as React from 'react';
-import { TextFieldProps } from '@mui/material/TextField';
-import { IconButtonProps } from '@mui/material/IconButton';
-import { InputAdornmentProps } from '@mui/material/InputAdornment';
-import { SvgIconProps } from '@mui/material/SvgIcon';
-import { MakeOptional, SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { FieldOwnerState } from "../../models/index.js";
-import { UseFieldOwnerStateParameters } from "../hooks/useFieldOwnerState.js";
-import type { UseFieldReturnValue, UseFieldProps } from "../hooks/useField/index.js";
-import { PickersTextFieldProps } from "../../PickersTextField/index.js";
-export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<UseFieldReturnValue<any, ExportedPickerFieldUIProps & {
-  [key: string]: any;
-}>, "onClear" | "clearable">>({
-  enableAccessibleFieldDOMStructure,
-  ...fieldResponse
-}: TFieldResponse) => ExportedPickerFieldUIProps & {
-  openPickerAriaLabel: string;
-  textFieldProps: TextFieldProps | PickersTextFieldProps;
-};
-export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextValue>;
-/**
- * Adds the button to open the Picker and the button to clear the value of the field.
- * @ignore - internal component.
- */
-export declare function PickerFieldUI<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>>(props: PickerFieldUIProps<TEnableAccessibleFieldDOMStructure, TProps>): import("react/jsx-runtime").JSX.Element;
-export interface ExportedPickerFieldUIProps {
-  /**
-   * If `true`, a clear button will be shown in the field allowing value clearing.
-   * @default false
-   */
-  clearable?: boolean;
-  /**
-   * Callback fired when the clear button is clicked.
-   */
-  onClear?: React.MouseEventHandler;
-  /**
-   * The position at which the clear button is placed.
-   * If the field is not clearable, the button is not rendered.
-   * @default 'end'
-   */
-  clearButtonPosition?: 'start' | 'end';
-  /**
-   * The position at which the opening button is placed.
-   * If there is no Picker to open, the button is not rendered
-   * @default 'end'
-   */
-  openPickerButtonPosition?: 'start' | 'end';
-}
-export interface PickerFieldUIProps<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> {
-  /**
-   * Object returned by the `useField` hook or one of its wrapper (for example `useDateField`).
-   */
-  fieldResponse: UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
-  /**
-   * The component to use to render the Picker opening icon if none is provided in the Picker's slots.
-   */
-  defaultOpenPickerIcon: React.ElementType;
-}
-export interface PickerFieldUISlots {
-  /**
-   * Form control with an input to render the value.
-   * @default <PickersTextField />, or <TextField /> from '@mui/material' if `enableAccessibleFieldDOMStructure` is `false`.
-   */
-  textField?: React.ElementType;
-  /**
-   * Component displayed on the start or end input adornment used to open the Picker.
-   * @default InputAdornment
-   */
-  inputAdornment?: React.ElementType<InputAdornmentProps>;
-  /**
-   * Button to clear the value.
-   * @default IconButton
-   */
-  clearButton?: React.ElementType;
-  /**
-   * Icon to display in the button used to clean the value.
-   * @default ClearIcon
-   */
-  clearIcon?: React.ElementType;
-}
-export interface PickerFieldUISlotsFromContext extends PickerFieldUISlots {
-  /**
-   * Button to open the Picker.
-   * @default IconButton
-   */
-  openPickerButton?: React.ElementType<IconButtonProps>;
-  /**
-   * Icon to display in the button used to open the Picker.
-   */
-  openPickerIcon?: React.ElementType;
-}
-export interface PickerFieldUISlotProps {
-  textField?: SlotComponentPropsFromProps<Omit<TextFieldProps, 'onKeyDown'> | PickersTextFieldProps, {}, FieldOwnerState>;
-  inputAdornment?: SlotComponentPropsFromProps<InputAdornmentProps, {}, FieldInputAdornmentOwnerState>;
-  clearIcon?: SlotComponentPropsFromProps<SvgIconProps, {}, FieldOwnerState>;
-  clearButton?: SlotComponentPropsFromProps<IconButtonProps, {}, FieldOwnerState>;
-}
-export interface PickerFieldUISlotPropsFromContext extends PickerFieldUISlotProps {
-  openPickerButton?: SlotComponentPropsFromProps<IconButtonProps, {}, FieldOwnerState>;
-  openPickerIcon?: SlotComponentPropsFromProps<SvgIconProps, {}, FieldOwnerState>;
-}
-interface FieldInputAdornmentOwnerState extends FieldOwnerState {
-  position: 'start' | 'end';
-}
-interface PickerFieldUIContextValue {
-  inputRef: React.Ref<HTMLInputElement> | undefined;
-  slots: PickerFieldUISlotsFromContext;
-  slotProps: PickerFieldUISlotPropsFromContext;
-}
-export declare function mergeSlotProps<TProps extends {}, TOwnerState extends FieldOwnerState>(slotPropsA: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined, slotPropsB: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined): Partial<TProps> | ((ownerState: TOwnerState) => {}) | undefined;
-/**
- * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
- * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.
- */
-export declare function useFieldTextFieldProps<TProps extends UseFieldOwnerStateParameters & {
-  inputProps?: {};
-  InputProps?: {};
-}>(parameters: UseFieldTextFieldPropsParameters): TProps;
-interface UseFieldTextFieldPropsParameters {
-  slotProps: {
-    textField?: SlotComponentPropsFromProps<Omit<TextFieldProps, 'onKeyDown'> | PickersTextFieldProps, {}, FieldOwnerState>;
-  } | undefined;
-  ref: React.Ref<HTMLDivElement>;
-  externalForwardedProps: any;
-}
-export declare function PickerFieldUIContextProvider(props: PickerFieldUIContextProviderProps): import("react/jsx-runtime").JSX.Element;
-interface PickerFieldUIContextProviderProps {
-  children: React.ReactNode;
-  inputRef: React.Ref<HTMLInputElement> | undefined;
-  slots: PickerFieldUISlotsFromContext | undefined;
-  slotProps: PickerFieldUISlotPropsFromContext | undefined;
-}
-export {};

package/esm/internals/components/PickerFieldUI.js

@@ -1,362 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["enableAccessibleFieldDOMStructure"],
-  _excluded2 = ["InputProps", "readOnly", "onClear", "clearable", "clearButtonPosition", "openPickerButtonPosition", "openPickerAriaLabel"],
-  _excluded3 = ["onPaste", "onKeyDown", "inputMode", "readOnly", "InputProps", "inputProps", "inputRef", "onClear", "clearable", "clearButtonPosition", "openPickerButtonPosition", "openPickerAriaLabel"],
-  _excluded4 = ["ownerState"],
-  _excluded5 = ["ownerState"],
-  _excluded6 = ["ownerState"],
-  _excluded7 = ["ownerState"],
-  _excluded8 = ["InputProps", "inputProps"];
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-import useForkRef from '@mui/utils/useForkRef';
-import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import MuiTextField from '@mui/material/TextField';
-import MuiIconButton from '@mui/material/IconButton';
-import MuiInputAdornment from '@mui/material/InputAdornment';
-import { major as materialMajor } from '@mui/material/version';
-import useSlotProps from '@mui/utils/useSlotProps';
-import { useFieldOwnerState } from "../hooks/useFieldOwnerState.js";
-import { usePickerTranslations } from "../../hooks/index.js";
-import { ClearIcon as MuiClearIcon } from "../../icons/index.js";
-import { useNullablePickerContext } from "../hooks/useNullablePickerContext.js";
-import { PickersTextField } from "../../PickersTextField/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
-export const cleanFieldResponse = _ref => {
-  let {
-      enableAccessibleFieldDOMStructure
-    } = _ref,
-    fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
-  if (enableAccessibleFieldDOMStructure) {
-    const {
-        InputProps,
-        readOnly,
-        onClear,
-        clearable,
-        clearButtonPosition,
-        openPickerButtonPosition,
-        openPickerAriaLabel
-      } = fieldResponse,
-      other = _objectWithoutPropertiesLoose(fieldResponse, _excluded2);
-    const mergedInputProps = materialMajor >= 6 && other?.slotProps?.input ? mergeSlotProps(other?.slotProps?.input, InputProps) : noop;
-    return {
-      clearable,
-      onClear,
-      clearButtonPosition,
-      openPickerButtonPosition,
-      openPickerAriaLabel,
-      textFieldProps: _extends({}, other, materialMajor >= 6 && other?.slotProps?.input ? {
-        slotProps: _extends({}, other?.slotProps, {
-          input: ownerState => _extends({}, resolveComponentProps(mergedInputProps, ownerState), {
-            readOnly
-          })
-        })
-      } : {
-        InputProps: _extends({}, InputProps ?? {}, {
-          readOnly
-        })
-      })
-    };
-  }
-  const {
-      onPaste,
-      onKeyDown,
-      inputMode,
-      readOnly,
-      InputProps,
-      inputProps,
-      inputRef,
-      onClear,
-      clearable,
-      clearButtonPosition,
-      openPickerButtonPosition,
-      openPickerAriaLabel
-    } = fieldResponse,
-    other = _objectWithoutPropertiesLoose(fieldResponse, _excluded3);
-  const mergedInputProps = materialMajor >= 6 && other?.slotProps?.input ? mergeSlotProps(other?.slotProps?.input, InputProps) : noop;
-  const mergedHtmlInputProps = materialMajor >= 6 && other?.slotProps?.htmlInput ? mergeSlotProps(other?.slotProps?.htmlInput, inputProps) : noop;
-  return {
-    clearable,
-    onClear,
-    clearButtonPosition,
-    openPickerButtonPosition,
-    openPickerAriaLabel,
-    textFieldProps: _extends({}, other, materialMajor >= 6 && (other?.slotProps?.input || other?.slotProps?.htmlInput) ? {
-      slotProps: _extends({}, other?.slotProps, {
-        input: ownerState => _extends({}, resolveComponentProps(mergedInputProps, ownerState), {
-          readOnly
-        }),
-        htmlInput: ownerState => _extends({}, resolveComponentProps(mergedHtmlInputProps, ownerState), {
-          inputMode,
-          onPaste,
-          onKeyDown,
-          ref: inputRef
-        })
-      })
-    } : {
-      InputProps: _extends({}, InputProps ?? {}, {
-        readOnly
-      }),
-      inputProps: _extends({}, inputProps ?? {}, {
-        inputMode,
-        onPaste,
-        onKeyDown,
-        ref: inputRef
-      })
-    })
-  };
-};
-export const PickerFieldUIContext = /*#__PURE__*/React.createContext({
-  slots: {},
-  slotProps: {},
-  inputRef: undefined
-});
-
-/**
- * Adds the button to open the Picker and the button to clear the value of the field.
- * @ignore - internal component.
- */
-if (process.env.NODE_ENV !== "production") PickerFieldUIContext.displayName = "PickerFieldUIContext";
-export function PickerFieldUI(props) {
-  const {
-    fieldResponse,
-    defaultOpenPickerIcon
-  } = props;
-  const translations = usePickerTranslations();
-  const pickerContext = useNullablePickerContext();
-  const pickerFieldUIContext = React.useContext(PickerFieldUIContext);
-  const {
-    textFieldProps,
-    onClear,
-    clearable,
-    openPickerAriaLabel,
-    clearButtonPosition: clearButtonPositionProp = 'end',
-    openPickerButtonPosition: openPickerButtonPositionProp = 'end'
-  } = cleanFieldResponse(fieldResponse);
-  const ownerState = useFieldOwnerState(textFieldProps);
-  const handleClickOpeningButton = useEventCallback(event => {
-    event.preventDefault();
-    pickerContext?.setOpen(prev => !prev);
-  });
-  const triggerStatus = pickerContext ? pickerContext.triggerStatus : 'hidden';
-  const clearButtonPosition = clearable ? clearButtonPositionProp : null;
-  const openPickerButtonPosition = triggerStatus !== 'hidden' ? openPickerButtonPositionProp : null;
-  const TextField = pickerFieldUIContext.slots.textField ?? (fieldResponse.enableAccessibleFieldDOMStructure === false ? MuiTextField : PickersTextField);
-  const InputAdornment = pickerFieldUIContext.slots.inputAdornment ?? MuiInputAdornment;
-  const _useSlotProps = useSlotProps({
-      elementType: InputAdornment,
-      externalSlotProps: pickerFieldUIContext.slotProps.inputAdornment,
-      additionalProps: {
-        position: 'start'
-      },
-      ownerState: _extends({}, ownerState, {
-        position: 'start'
-      })
-    }),
-    startInputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded4);
-  const _useSlotProps2 = useSlotProps({
-      elementType: InputAdornment,
-      externalSlotProps: pickerFieldUIContext.slotProps.inputAdornment,
-      additionalProps: {
-        position: 'end'
-      },
-      ownerState: _extends({}, ownerState, {
-        position: 'end'
-      })
-    }),
-    endInputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded5);
-  const OpenPickerButton = pickerFieldUIContext.slots.openPickerButton ?? MuiIconButton;
-  // We don't want to forward the `ownerState` to the `<IconButton />` component, see mui/material-ui#34056
-  const _useSlotProps3 = useSlotProps({
-      elementType: OpenPickerButton,
-      externalSlotProps: pickerFieldUIContext.slotProps.openPickerButton,
-      additionalProps: {
-        disabled: triggerStatus === 'disabled',
-        onClick: handleClickOpeningButton,
-        'aria-label': openPickerAriaLabel,
-        edge:
-        // open button is always rendered at the edge
-        textFieldProps.variant !== 'standard' ? openPickerButtonPosition : false
-      },
-      ownerState
-    }),
-    openPickerButtonProps = _objectWithoutPropertiesLoose(_useSlotProps3, _excluded6);
-  const OpenPickerIcon = pickerFieldUIContext.slots.openPickerIcon ?? defaultOpenPickerIcon;
-  const openPickerIconProps = useSlotProps({
-    elementType: OpenPickerIcon,
-    externalSlotProps: pickerFieldUIContext.slotProps.openPickerIcon,
-    ownerState
-  });
-  const ClearButton = pickerFieldUIContext.slots.clearButton ?? MuiIconButton;
-  // We don't want to forward the `ownerState` to the `<IconButton />` component, see mui/material-ui#34056
-  const _useSlotProps4 = useSlotProps({
-      elementType: ClearButton,
-      externalSlotProps: pickerFieldUIContext.slotProps.clearButton,
-      className: 'clearButton',
-      additionalProps: {
-        title: translations.fieldClearLabel,
-        tabIndex: -1,
-        onClick: onClear,
-        disabled: fieldResponse.disabled || fieldResponse.readOnly,
-        edge:
-        // clear button can only be at the edge if it's position differs from the open button
-        textFieldProps.variant !== 'standard' && clearButtonPosition !== openPickerButtonPosition ? clearButtonPosition : false
-      },
-      ownerState
-    }),
-    clearButtonProps = _objectWithoutPropertiesLoose(_useSlotProps4, _excluded7);
-  const ClearIcon = pickerFieldUIContext.slots.clearIcon ?? MuiClearIcon;
-  const clearIconProps = useSlotProps({
-    elementType: ClearIcon,
-    externalSlotProps: pickerFieldUIContext.slotProps.clearIcon,
-    additionalProps: {
-      fontSize: 'small'
-    },
-    ownerState
-  });
-  textFieldProps.ref = useForkRef(textFieldProps.ref, pickerContext?.rootRef);
-  const additionalTextFieldInputProps = {};
-  const textFieldInputProps = resolveComponentProps((materialMajor >= 6 && textFieldProps?.slotProps?.input) ?? textFieldProps.InputProps, ownerState);
-  if (pickerContext) {
-    additionalTextFieldInputProps.ref = pickerContext.triggerRef;
-  }
-  if (!textFieldInputProps?.startAdornment && (clearButtonPosition === 'start' || openPickerButtonPosition === 'start')) {
-    additionalTextFieldInputProps.startAdornment = /*#__PURE__*/_jsxs(InputAdornment, _extends({}, startInputAdornmentProps, {
-      children: [openPickerButtonPosition === 'start' && /*#__PURE__*/_jsx(OpenPickerButton, _extends({}, openPickerButtonProps, {
-        children: /*#__PURE__*/_jsx(OpenPickerIcon, _extends({}, openPickerIconProps))
-      })), clearButtonPosition === 'start' && /*#__PURE__*/_jsx(ClearButton, _extends({}, clearButtonProps, {
-        children: /*#__PURE__*/_jsx(ClearIcon, _extends({}, clearIconProps))
-      }))]
-    }));
-  }
-  if (!textFieldInputProps?.endAdornment && (clearButtonPosition === 'end' || openPickerButtonPosition === 'end')) {
-    additionalTextFieldInputProps.endAdornment = /*#__PURE__*/_jsxs(InputAdornment, _extends({}, endInputAdornmentProps, {
-      children: [clearButtonPosition === 'end' && /*#__PURE__*/_jsx(ClearButton, _extends({}, clearButtonProps, {
-        children: /*#__PURE__*/_jsx(ClearIcon, _extends({}, clearIconProps))
-      })), openPickerButtonPosition === 'end' && /*#__PURE__*/_jsx(OpenPickerButton, _extends({}, openPickerButtonProps, {
-        children: /*#__PURE__*/_jsx(OpenPickerIcon, _extends({}, openPickerIconProps))
-      }))]
-    }));
-  }
-  // handle the case of showing custom `inputAdornment` for Field components
-  if (!additionalTextFieldInputProps?.endAdornment && !additionalTextFieldInputProps?.startAdornment && pickerFieldUIContext.slots.inputAdornment) {
-    additionalTextFieldInputProps.endAdornment = /*#__PURE__*/_jsx(InputAdornment, _extends({}, endInputAdornmentProps));
-  }
-  if (clearButtonPosition != null) {
-    textFieldProps.sx = [{
-      '& .clearButton': {
-        opacity: 1
-      },
-      '@media (pointer: fine)': {
-        '& .clearButton': {
-          opacity: 0
-        },
-        '&:hover, &:focus-within': {
-          '.clearButton': {
-            opacity: 1
-          }
-        }
-      }
-    }, ...(Array.isArray(textFieldProps.sx) ? textFieldProps.sx : [textFieldProps.sx])];
-  }
-  const resolvedTextFieldInputProps = materialMajor >= 6 && textFieldProps?.slotProps?.input ? resolveComponentProps(mergeSlotProps(textFieldInputProps, additionalTextFieldInputProps), ownerState) : _extends({}, textFieldInputProps, additionalTextFieldInputProps);
-
-  // We need to resolve the `inputProps` since we are messing with those props in this component.
-  textFieldProps.inputProps = materialMajor >= 6 && textFieldProps?.slotProps?.htmlInput ? resolveComponentProps(textFieldProps.slotProps.htmlInput, ownerState) : textFieldProps.inputProps;
-
-  // Remove the `input` slotProps to avoid them overriding the manually resolved `InputProps`.
-  // Relevant on `materialMajor >= 6` since `slotProps` would take precedence.
-  delete textFieldProps?.slotProps?.input;
-  if (fieldResponse.enableAccessibleFieldDOMStructure) {
-    // Remove the `slotProps` on `PickersTextField` as they are not supported.
-    delete textFieldProps?.slotProps;
-  }
-  return /*#__PURE__*/_jsx(TextField, _extends({}, textFieldProps, {
-    InputProps: resolvedTextFieldInputProps
-  }));
-}
-export function mergeSlotProps(slotPropsA, slotPropsB) {
-  if (!slotPropsA) {
-    return slotPropsB;
-  }
-  if (!slotPropsB) {
-    return slotPropsA;
-  }
-  return ownerState => {
-    return _extends({}, resolveComponentProps(slotPropsB, ownerState), resolveComponentProps(slotPropsA, ownerState));
-  };
-}
-
-/**
- * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
- * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.
- */
-export function useFieldTextFieldProps(parameters) {
-  const {
-    ref,
-    externalForwardedProps,
-    slotProps
-  } = parameters;
-  const pickerFieldUIContext = React.useContext(PickerFieldUIContext);
-  const pickerContext = useNullablePickerContext();
-  const ownerState = useFieldOwnerState(externalForwardedProps);
-  const {
-      InputProps,
-      inputProps
-    } = externalForwardedProps,
-    otherExternalForwardedProps = _objectWithoutPropertiesLoose(externalForwardedProps, _excluded8);
-  const textFieldProps = useSlotProps({
-    elementType: PickersTextField,
-    externalSlotProps: mergeSlotProps(pickerFieldUIContext.slotProps.textField, slotProps?.textField),
-    externalForwardedProps: otherExternalForwardedProps,
-    additionalProps: {
-      ref,
-      sx: pickerContext?.rootSx,
-      label: pickerContext?.label,
-      name: pickerContext?.name,
-      className: pickerContext?.rootClassName,
-      inputRef: pickerFieldUIContext.inputRef
-    },
-    ownerState
-  });
-
-  // TODO: Remove when mui/material-ui#35088 will be merged
-  textFieldProps.inputProps = _extends({}, inputProps, textFieldProps.inputProps);
-  textFieldProps.InputProps = _extends({}, InputProps, textFieldProps.InputProps);
-  return textFieldProps;
-}
-export function PickerFieldUIContextProvider(props) {
-  const {
-    slots = {},
-    slotProps = {},
-    inputRef,
-    children
-  } = props;
-  const contextValue = React.useMemo(() => ({
-    inputRef,
-    slots: {
-      openPickerButton: slots.openPickerButton,
-      openPickerIcon: slots.openPickerIcon,
-      textField: slots.textField,
-      inputAdornment: slots.inputAdornment,
-      clearIcon: slots.clearIcon,
-      clearButton: slots.clearButton
-    },
-    slotProps: {
-      openPickerButton: slotProps.openPickerButton,
-      openPickerIcon: slotProps.openPickerIcon,
-      textField: slotProps.textField,
-      inputAdornment: slotProps.inputAdornment,
-      clearIcon: slotProps.clearIcon,
-      clearButton: slotProps.clearButton
-    }
-  }), [inputRef, slots.openPickerButton, slots.openPickerIcon, slots.textField, slots.inputAdornment, slots.clearIcon, slots.clearButton, slotProps.openPickerButton, slotProps.openPickerIcon, slotProps.textField, slotProps.inputAdornment, slotProps.clearIcon, slotProps.clearButton]);
-  return /*#__PURE__*/_jsx(PickerFieldUIContext.Provider, {
-    value: contextValue,
-    children: children
-  });
-}

package/esm/internals/components/PickerPopper/PickerPopper.d.ts

@@ -1,67 +0,0 @@
-import * as React from 'react';
-import { PaperProps as MuiPaperProps, PaperProps } from '@mui/material/Paper';
-import { PopperProps as MuiPopperProps, PopperPlacementType, PopperProps } from '@mui/material/Popper';
-import { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
-import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickerPopperClasses } from "./pickerPopperClasses.js";
-import { PickerOwnerState } from "../../../models/index.js";
-export interface PickerPopperOwnerState extends PickerOwnerState {
-  popperPlacement: PopperPlacementType;
-}
-export interface PickerPopperSlots {
-  /**
-   * Custom component for the paper rendered inside the desktop picker's Popper.
-   * @default PickerPopperPaper
-   */
-  desktopPaper?: React.JSXElementConstructor<MuiPaperProps>;
-  /**
-   * Custom component for the desktop popper [Transition](https://mui.com/material-ui/transitions/).
-   * @default Grow or Fade from '@mui/material' when `reduceAnimations` is `true`.
-   */
-  desktopTransition?: React.JSXElementConstructor<MuiTransitionProps>;
-  /**
-   * Custom component for trapping the focus inside the views on desktop.
-   * @default TrapFocus from '@mui/material'.
-   */
-  desktopTrapFocus?: React.JSXElementConstructor<MuiTrapFocusProps>;
-  /**
-   * Custom component for the popper inside which the views are rendered on desktop.
-   * @default Popper from '@mui/material'.
-   */
-  popper?: React.ElementType<MuiPopperProps>;
-}
-export interface PickerPopperSlotProps {
-  /**
-   * Props passed down to the desktop [Paper](https://mui.com/material-ui/api/paper/) component.
-   */
-  desktopPaper?: SlotComponentPropsFromProps<PaperProps, {}, PickerPopperOwnerState>;
-  /**
-   * Props passed down to the desktop [Transition](https://mui.com/material-ui/transitions/) component.
-   */
-  desktopTransition?: Partial<MuiTransitionProps>;
-  /**
-   * Props passed down to the [FocusTrap](https://mui.com/base-ui/react-focus-trap/) component on desktop.
-   */
-  desktopTrapFocus?: Partial<MuiTrapFocusProps>;
-  /**
-   * Props passed down to [Popper](https://mui.com/material-ui/api/popper/) component.
-   */
-  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerOwnerState>;
-}
-export interface ExportedPickerPopperProps {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<PickerPopperClasses>;
-  /**
-   * @default "bottom-start"
-   */
-  placement?: MuiPopperProps['placement'];
-}
-export interface PickerPopperProps extends ExportedPickerPopperProps {
-  children?: React.ReactNode;
-  slots?: PickerPopperSlots;
-  slotProps?: PickerPopperSlotProps;
-}
-export declare function PickerPopper(inProps: PickerPopperProps): import("react/jsx-runtime").JSX.Element;