@mui/x-date-pickers 7.0.0-alpha.8 → 7.0.0-beta.0

package/internals/components/PickersInput/PickersOutlinedInput.js

@@ -1,117 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["label", "autoFocus", "ownerState", "notched"];
-import * as React from 'react';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
-import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from './pickersInputClasses';
-import Outline from './Outline';
-import { PickersInputRoot, PickersInput, PickersInputSectionsContainer } from './PickersInput';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-const OutlinedInputRoot = styled(PickersInputRoot, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme,
-  ownerState
-}) => {
-  const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
-  return {
-    padding: '0 14px',
-    borderRadius: (theme.vars || theme).shape.borderRadius,
-    [`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.text.primary
-    },
-    // Reset on touch devices, it doesn't add specificity
-    '@media (hover: none)': {
-      [`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
-        borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
-      }
-    },
-    [`&.${pickersOutlinedInputClasses.focused} .${pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderStyle: 'solid',
-      borderColor: (theme.vars || theme).palette[ownerState.color].main,
-      borderWidth: 2
-    },
-    [`&.${pickersOutlinedInputClasses.disabled}`]: {
-      [`& .${pickersOutlinedInputClasses.notchedOutline}`]: {
-        borderColor: (theme.vars || theme).palette.action.disabled
-      },
-      '*': {
-        color: (theme.vars || theme).palette.action.disabled
-      }
-    },
-    [`&.${pickersOutlinedInputClasses.error} .${pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.error.main
-    }
-  };
-});
-const OutlinedPickersInputSectionsContainer = styled(PickersInputSectionsContainer, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
-})(({
-  ownerState
-}) => _extends({
-  padding: '16.5px 0'
-}, ownerState.size === 'small' && {
-  padding: '8.5px 0'
-}));
-const useUtilityClasses = ownerState => {
-  const {
-    focused,
-    disabled,
-    error,
-    classes,
-    fullWidth,
-    color,
-    size,
-    endAdornment,
-    startAdornment
-  } = ownerState;
-  const slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', `color${color ? capitalize(color) : ''}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    before: ['before'],
-    after: ['after'],
-    content: ['content'],
-    input: ['input']
-  };
-  return composeClasses(slots, getPickersOutlinedInputUtilityClass, classes);
-};
-export const PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(props, ref) {
-  const {
-      label,
-      ownerState: ownerStateProp,
-      notched
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const muiFormControl = useFormControl();
-  const ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
-    color: (muiFormControl == null ? void 0 : muiFormControl.color) || 'primary'
-  });
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PickersInput, _extends({
-    slots: {
-      root: OutlinedInputRoot,
-      input: OutlinedPickersInputSectionsContainer
-    },
-    renderSuffix: state => /*#__PURE__*/_jsx(Outline, {
-      shrink: Boolean(notched || state.adornedStart || state.focused || state.filled),
-      notched: Boolean(notched || state.adornedStart || state.focused || state.filled),
-      className: classes.notchedOutline,
-      label: label != null && label !== '' && muiFormControl != null && muiFormControl.required ? /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [label, "\u2009", '*']
-      }) : label,
-      ownerState: ownerState
-    })
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-PickersInput.muiName = 'Input';

package/internals/components/PickersInput/PickersStandardInput.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PickersStandardInputProps } from './PickersInput.types';
-export declare const PickersStandardInput: React.ForwardRefExoticComponent<Omit<PickersStandardInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/internals/components/PickersInput/PickersStandardInput.js

@@ -1,123 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["label", "autoFocus", "ownerState"];
-import * as React from 'react';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
-import { pickersStandardInputClasses, getPickersStandardInputUtilityClass } from './pickersInputClasses';
-import { PickersInputRoot, PickersInput } from './PickersInput';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StandardInputRoot = styled(PickersInputRoot, {
-  name: 'MuiPickersStandardInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme,
-  ownerState
-}) => {
-  const light = theme.palette.mode === 'light';
-  let bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
-  if (theme.vars) {
-    bottomLineColor = `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})`;
-  }
-  return _extends({
-    'label + &': {
-      marginTop: 16
-    }
-  }, !ownerState.disableUnderline && {
-    '&::after': {
-      background: 'red',
-      borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '""',
-      position: 'absolute',
-      right: 0,
-      transform: 'scaleX(0)',
-      transition: theme.transitions.create('transform', {
-        duration: theme.transitions.duration.shorter,
-        easing: theme.transitions.easing.easeOut
-      }),
-      pointerEvents: 'none' // Transparent to the hover style.
-    },
-    [`&.${pickersStandardInputClasses.focused}:after`]: {
-      // translateX(0) is a workaround for Safari transform scale bug
-      // See https://github.com/mui/material-ui/issues/31766
-      transform: 'scaleX(1) translateX(0)'
-    },
-    [`&.${pickersStandardInputClasses.error}`]: {
-      '&:before, &:after': {
-        borderBottomColor: (theme.vars || theme).palette.error.main
-      }
-    },
-    '&::before': {
-      borderBottom: `1px solid ${bottomLineColor}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '"\\00a0"',
-      position: 'absolute',
-      right: 0,
-      transition: theme.transitions.create('border-bottom-color', {
-        duration: theme.transitions.duration.shorter
-      }),
-      pointerEvents: 'none' // Transparent to the hover style.
-    },
-    [`&:hover:not(.${pickersStandardInputClasses.disabled}, .${pickersStandardInputClasses.error}):before`]: {
-      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        borderBottom: `1px solid ${bottomLineColor}`
-      }
-    },
-    [`&.${pickersStandardInputClasses.disabled}:before`]: {
-      borderBottomStyle: 'dotted'
-    }
-  });
-});
-const useUtilityClasses = ownerState => {
-  const {
-    focused,
-    disabled,
-    error,
-    classes,
-    fullWidth,
-    color,
-    size,
-    endAdornment,
-    startAdornment
-  } = ownerState;
-  const slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', `color${capitalize(color)}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    before: ['before'],
-    after: ['after'],
-    content: ['content'],
-    input: ['input']
-  };
-  return composeClasses(slots, getPickersStandardInputUtilityClass, classes);
-};
-export const PickersStandardInput = /*#__PURE__*/React.forwardRef(function PickersStandardInput(props, ref) {
-  const {
-      label,
-      ownerState: ownerStateProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const muiFormControl = useFormControl();
-  const ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
-    color: (muiFormControl == null ? void 0 : muiFormControl.color) || 'primary'
-  });
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PickersInput, _extends({
-    slots: {
-      root: StandardInputRoot
-    }
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-PickersInput.muiName = 'Input';

package/internals/components/PickersInput/index.js

@@ -1,3 +0,0 @@
-export { PickersInput } from './PickersInput';
-export { PickersInputProps } from './PickersInput.types';
-export { pickersInputClasses, getPickersInputUtilityClass } from './pickersInputClasses';

package/internals/components/PickersInput/pickersInputClasses.d.ts

@@ -1,84 +0,0 @@
-export interface PickersInputClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if focused. */
-    focused: string;
-    /** State class applied to the root element if `disabled=true`. */
-    disabled: string;
-    /** State class applied to the root element if `readOnly=true`. */
-    readOnly: string;
-    /** State class applied to the root element if `error=true`. */
-    error: string;
-    /** Styles applied to the NotchedOutline element. */
-    notchedOutline: string;
-    /** Styles applied to the real hidden input element. */
-    input: string;
-    /** Styles applied to the container of the sections. */
-    sectionsContainer: string;
-    /** Styles applied to the content of a section. */
-    sectionContent: string;
-    /** Styles applied to the separator before a section */
-    sectionBefore: string;
-    /** Styles applied to the separator after a section */
-    sectionAfter: string;
-    /** Styles applied to the root if there is a startAdornment present */
-    adornedStart: string;
-    /** Styles applied to the root if there is an endAdornment present */
-    adornedEnd: string;
-    /** Styles applied to the root element unless `disableUnderline={true}`. */
-    underline?: string;
-}
-export type PickersInputClassKey = keyof PickersInputClasses;
-export declare function getPickersInputUtilityClass(slot: string): string;
-export declare function getPickersOutlinedInputUtilityClass(slot: string): string;
-export declare function getPickersFilledInputUtilityClass(slot: string): string;
-export declare function getPickersStandardInputUtilityClass(slot: string): string;
-export declare const pickersInputClasses: Record<keyof PickersInputClasses, string>;
-export declare const pickersOutlinedInputClasses: {
-    underline: string;
-    disabled: string;
-    input: string;
-    readOnly: string;
-    error: string;
-    focused: string;
-    root: string;
-    adornedStart: string;
-    adornedEnd: string;
-    notchedOutline: string;
-    sectionContent: string;
-    sectionsContainer: string;
-    sectionBefore: string;
-    sectionAfter: string;
-};
-export declare const pickersFilledInputClasses: {
-    underline: string;
-    disabled: string;
-    input: string;
-    readOnly: string;
-    error: string;
-    focused: string;
-    root: string;
-    adornedStart: string;
-    adornedEnd: string;
-    notchedOutline: string;
-    sectionContent: string;
-    sectionsContainer: string;
-    sectionBefore: string;
-    sectionAfter: string;
-};
-export declare const pickersStandardInputClasses: {
-    underline: string;
-    disabled: string;
-    input: string;
-    readOnly: string;
-    error: string;
-    focused: string;
-    root: string;
-    adornedStart: string;
-    adornedEnd: string;
-    notchedOutline: string;
-    sectionContent: string;
-    sectionsContainer: string;
-    sectionBefore: string;
-    sectionAfter: string;
-};

package/internals/components/PickersInput/pickersInputClasses.js

@@ -1,18 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersInput', slot);
-}
-export function getPickersOutlinedInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersOutlinedInput', slot);
-}
-export function getPickersFilledInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersFilledInput', slot);
-}
-export function getPickersStandardInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersStandardInput', slot);
-}
-export const pickersInputClasses = generateUtilityClasses('MuiPickersInput', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);
-export const pickersOutlinedInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));
-export const pickersFilledInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersFilledInput', ['root', 'underline', 'input']));
-export const pickersStandardInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersStandardInput', ['root', 'underline', 'input']));

package/internals/components/PickersTextField/PickersTextField.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;

package/internals/components/PickersTextField/PickersTextField.js

@@ -1,138 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["onFocus", "onBlur", "className", "color", "disabled", "error", "variant", "required", "InputProps", "inputProps", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "helperText", "FormHelperTextProps", "label", "InputLabelProps"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import useForkRef from '@mui/utils/useForkRef';
-import { unstable_composeClasses as composeClasses, unstable_useId as useId } from '@mui/utils';
-import InputLabel from '@mui/material/InputLabel';
-import FormHelperText from '@mui/material/FormHelperText';
-import FormControl from '@mui/material/FormControl';
-import { getPickersTextFieldUtilityClass } from './pickersTextFieldClasses';
-import { PickersOutlinedInput } from '../PickersInput/PickersOutlinedInput';
-import { PickersFilledInput } from '../PickersInput/PickersFilledInput';
-import { PickersStandardInput } from '../PickersInput/PickersStandardInput';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const VARIANT_COMPONENT = {
-  standard: PickersStandardInput,
-  filled: PickersFilledInput,
-  outlined: PickersOutlinedInput
-};
-const PickersTextFieldRoot = styled(FormControl, {
-  name: 'MuiPickersTextField',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({});
-const useUtilityClasses = ownerState => {
-  const {
-    focused,
-    disabled,
-    classes,
-    required
-  } = ownerState;
-  const slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', required && 'required']
-  };
-  return composeClasses(slots, getPickersTextFieldUtilityClass, classes);
-};
-export const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField(props, ref) {
-  const {
-      // Props used by FormControl
-      onFocus,
-      onBlur,
-      className,
-      color = 'primary',
-      disabled = false,
-      error = false,
-      variant = 'outlined',
-      required = false,
-      // Props used by PickersInput
-      InputProps,
-      inputProps,
-      inputRef,
-      sectionListRef,
-      elements,
-      areAllSectionsEmpty,
-      onClick,
-      onKeyDown,
-      onPaste,
-      onInput,
-      endAdornment,
-      startAdornment,
-      tabIndex,
-      contentEditable,
-      focused,
-      value,
-      onChange,
-      fullWidth,
-      id: idProp,
-      // Props used by FormHelperText
-      helperText,
-      FormHelperTextProps,
-      // Props used by InputLabel
-      label,
-      InputLabelProps
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootRef = React.useRef(null);
-  const handleRootRef = useForkRef(ref, rootRef);
-  const id = useId(idProp);
-  const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
-  const inputLabelId = label && id ? `${id}-label` : undefined;
-  const ownerState = _extends({}, props, {
-    color,
-    disabled,
-    error,
-    focused,
-    required,
-    variant
-  });
-  const classes = useUtilityClasses(ownerState);
-  const PickersInputComponent = VARIANT_COMPONENT[variant];
-  return /*#__PURE__*/_jsxs(PickersTextFieldRoot, _extends({
-    className: clsx(classes.root, className),
-    ref: handleRootRef,
-    focused: focused,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    disabled: disabled,
-    variant: variant,
-    error: error,
-    color: color,
-    fullWidth: fullWidth,
-    required: required,
-    ownerState: ownerState
-  }, other, {
-    children: [/*#__PURE__*/_jsx(InputLabel, _extends({
-      htmlFor: id,
-      id: inputLabelId
-    }, InputLabelProps, {
-      children: label
-    })), /*#__PURE__*/_jsx(PickersInputComponent, _extends({
-      elements: elements,
-      areAllSectionsEmpty: areAllSectionsEmpty,
-      onClick: onClick,
-      onKeyDown: onKeyDown,
-      onInput: onInput,
-      onPaste: onPaste,
-      endAdornment: endAdornment,
-      startAdornment: startAdornment,
-      tabIndex: tabIndex,
-      contentEditable: contentEditable,
-      value: value,
-      onChange: onChange,
-      id: id,
-      fullWidth: fullWidth,
-      inputProps: inputProps,
-      inputRef: inputRef,
-      sectionListRef: sectionListRef,
-      label: label
-    }, InputProps)), helperText && /*#__PURE__*/_jsx(FormHelperText, _extends({
-      id: helperTextId
-    }, FormHelperTextProps, {
-      children: helperText
-    }))]
-  }));
-});

package/internals/components/PickersTextField/index.d.ts

@@ -1 +0,0 @@
-export { PickersTextField } from './PickersTextField';

package/internals/components/PickersTextField/index.js

@@ -1 +0,0 @@
-export { PickersTextField } from './PickersTextField';

package/legacy/internals/components/PickersInput/PickersOutlinedInput.js

@@ -1,110 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["label", "autoFocus", "ownerState", "notched"];
-import * as React from 'react';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
-import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from './pickersInputClasses';
-import Outline from './Outline';
-import { PickersInputRoot, PickersInput, PickersInputSectionsContainer } from './PickersInput';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-var OutlinedInputRoot = styled(PickersInputRoot, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  var borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    padding: '0 14px',
-    borderRadius: (theme.vars || theme).shape.borderRadius
-  }, "&:hover .".concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderColor: (theme.vars || theme).palette.text.primary
-  }), '@media (hover: none)', _defineProperty({}, "&:hover .".concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : borderColor
-  })), "&.".concat(pickersOutlinedInputClasses.focused, " .").concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderStyle: 'solid',
-    borderColor: (theme.vars || theme).palette[ownerState.color].main,
-    borderWidth: 2
-  }), "&.".concat(pickersOutlinedInputClasses.disabled), _defineProperty(_defineProperty({}, "& .".concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderColor: (theme.vars || theme).palette.action.disabled
-  }), '*', {
-    color: (theme.vars || theme).palette.action.disabled
-  })), "&.".concat(pickersOutlinedInputClasses.error, " .").concat(pickersOutlinedInputClasses.notchedOutline), {
-    borderColor: (theme.vars || theme).palette.error.main
-  });
-});
-var OutlinedPickersInputSectionsContainer = styled(PickersInputSectionsContainer, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.sectionsContainer;
-  }
-})(function (_ref3) {
-  var ownerState = _ref3.ownerState;
-  return _extends({
-    padding: '16.5px 0'
-  }, ownerState.size === 'small' && {
-    padding: '8.5px 0'
-  });
-});
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var focused = ownerState.focused,
-    disabled = ownerState.disabled,
-    error = ownerState.error,
-    classes = ownerState.classes,
-    fullWidth = ownerState.fullWidth,
-    color = ownerState.color,
-    size = ownerState.size,
-    endAdornment = ownerState.endAdornment,
-    startAdornment = ownerState.startAdornment;
-  var slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', "color".concat(color ? capitalize(color) : ''), size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    before: ['before'],
-    after: ['after'],
-    content: ['content'],
-    input: ['input']
-  };
-  return composeClasses(slots, getPickersOutlinedInputUtilityClass, classes);
-};
-export var PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(props, ref) {
-  var label = props.label,
-    autoFocus = props.autoFocus,
-    ownerStateProp = props.ownerState,
-    notched = props.notched,
-    other = _objectWithoutProperties(props, _excluded);
-  var muiFormControl = useFormControl();
-  var ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
-    color: (muiFormControl == null ? void 0 : muiFormControl.color) || 'primary'
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PickersInput, _extends({
-    slots: {
-      root: OutlinedInputRoot,
-      input: OutlinedPickersInputSectionsContainer
-    },
-    renderSuffix: function renderSuffix(state) {
-      return /*#__PURE__*/_jsx(Outline, {
-        shrink: Boolean(notched || state.adornedStart || state.focused || state.filled),
-        notched: Boolean(notched || state.adornedStart || state.focused || state.filled),
-        className: classes.notchedOutline,
-        label: label != null && label !== '' && muiFormControl != null && muiFormControl.required ? /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [label, "\u2009", '*']
-        }) : label,
-        ownerState: ownerState
-      });
-    }
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-PickersInput.muiName = 'Input';