@mui/x-date-pickers 7.0.0-beta.2 → 7.0.0-beta.4

package/legacy/PickersTextField/PickersInput/PickersInput.js

@@ -1,190 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["label", "autoFocus", "ownerState"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { pickersInputClasses, getPickersInputUtilityClass } from './pickersInputClasses';
-import { PickersInputBase } from '../PickersInputBase';
-import { PickersInputBaseRoot } from '../PickersInputBase/PickersInputBase';
-import { jsx as _jsx } from "react/jsx-runtime";
-var PickersInputRoot = styled(PickersInputBaseRoot, {
-  name: 'MuiPickersInput',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  var light = theme.palette.mode === 'light';
-  var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
-  if (theme.vars) {
-    bottomLineColor = "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / ").concat(theme.vars.opacity.inputUnderline, ")");
-  }
-  return _extends({
-    'label + &': {
-      marginTop: 16
-    }
-  }, !ownerState.disableUnderline && _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    '&::after': {
-      background: 'red',
-      // @ts-ignore
-      borderBottom: "2px solid ".concat((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.
-    }
-  }, "&.".concat(pickersInputClasses.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)'
-  }), "&.".concat(pickersInputClasses.error), {
-    '&:before, &:after': {
-      borderBottomColor: (theme.vars || theme).palette.error.main
-    }
-  }), '&::before', {
-    borderBottom: "1px solid ".concat(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(.".concat(pickersInputClasses.disabled, ", .").concat(pickersInputClasses.error, "):before"), {
-    borderBottom: "2px solid ".concat((theme.vars || theme).palette.text.primary),
-    // Reset on touch devices, it doesn't add specificity
-    '@media (hover: none)': {
-      borderBottom: "1px solid ".concat(bottomLineColor)
-    }
-  }), "&.".concat(pickersInputClasses.disabled, ":before"), {
-    borderBottomStyle: 'dotted'
-  }));
-});
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    disableUnderline = ownerState.disableUnderline;
-  var slots = {
-    root: ['root', !disableUnderline && 'underline'],
-    input: ['input']
-  };
-  var composedClasses = composeClasses(slots, getPickersInputUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
-};
-/**
- * @ignore - internal component.
- */
-var PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickersInput'
-  });
-  var label = props.label,
-    autoFocus = props.autoFocus,
-    ownerStateProp = props.ownerState,
-    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(PickersInputBase, _extends({
-    slots: {
-      root: PickersInputRoot
-    }
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Is `true` if the current values equals the empty value.
-   * For a single item value, it means that `value === null`
-   * For a range value, it means that `value === [null, null]`
-   */
-  areAllSectionsEmpty: PropTypes.bool.isRequired,
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If true, the whole element is editable.
-   * Useful when all the sections are selected.
-   */
-  contentEditable: PropTypes.bool.isRequired,
-  disableUnderline: PropTypes.bool,
-  /**
-   * The elements to render.
-   * Each element contains the prop to edit a section of the value.
-   */
-  elements: PropTypes.arrayOf(PropTypes.shape({
-    after: PropTypes.object.isRequired,
-    before: PropTypes.object.isRequired,
-    container: PropTypes.object.isRequired,
-    content: PropTypes.object.isRequired
-  })).isRequired,
-  endAdornment: PropTypes.node,
-  fullWidth: PropTypes.bool,
-  id: PropTypes.string,
-  inputProps: PropTypes.object,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
-  label: PropTypes.node,
-  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
-  onChange: PropTypes.func.isRequired,
-  onClick: PropTypes.func.isRequired,
-  onInput: PropTypes.func.isRequired,
-  onKeyDown: PropTypes.func.isRequired,
-  onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
-  readOnly: PropTypes.bool,
-  renderSuffix: PropTypes.func,
-  sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      getRoot: PropTypes.func.isRequired,
-      getSectionContainer: PropTypes.func.isRequired,
-      getSectionContent: PropTypes.func.isRequired,
-      getSectionIndexFromDOMElement: PropTypes.func.isRequired
-    })
-  })]),
-  /**
-   * The components used for each slot inside.
-   *
-   * @default {}
-   */
-  slots: PropTypes.object,
-  startAdornment: PropTypes.node,
-  style: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  value: PropTypes.string.isRequired
-} : void 0;
-export { PickersInput };
-PickersInput.muiName = 'Input';

package/legacy/PickersTextField/PickersInput/index.js

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

package/legacy/PickersTextField/PickersInput/pickersInputClasses.js

@@ -1,8 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { pickersInputBaseClasses } from '../PickersInputBase';
-export function getPickersInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersFilledInput', slot);
-}
-export var pickersInputClasses = _extends({}, pickersInputBaseClasses, generateUtilityClasses('MuiPickersInput', ['root', 'input']));

package/legacy/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -1,340 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value", "onChange", "id", "autoFocus", "endAdornment", "startAdornment", "renderSuffix", "slots", "contentEditable", "tabIndex", "onInput", "onPaste", "onKeyDown", "fullWidth", "inputProps", "inputRef", "sectionListRef"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled, useThemeProps } from '@mui/material/styles';
-import useForkRef from '@mui/utils/useForkRef';
-import composeClasses from '@mui/utils/composeClasses';
-import capitalize from '@mui/utils/capitalize';
-import visuallyHidden from '@mui/utils/visuallyHidden';
-import { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from './pickersInputBaseClasses';
-import { Unstable_PickersSectionList as PickersSectionList, Unstable_PickersSectionListRoot as PickersSectionListRoot, Unstable_PickersSectionListSection as PickersSectionListSection, Unstable_PickersSectionListSectionSeparator as PickersSectionListSectionSeparator, Unstable_PickersSectionListSectionContent as PickersSectionListSectionContent } from '../../PickersSectionList';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var round = function round(value) {
-  return Math.round(value * 1e5) / 1e5;
-};
-export var PickersInputBaseRoot = styled('div', {
-  name: 'MuiPickersInputBase',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.body1, {
-    color: (theme.vars || theme).palette.text.primary,
-    cursor: 'text',
-    padding: 0,
-    display: 'flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    position: 'relative',
-    boxSizing: 'border-box',
-    // Prevent padding issue with fullWidth.
-    letterSpacing: "".concat(round(0.15 / 16), "em")
-  }, ownerState.fullWidth && {
-    width: '100%'
-  });
-});
-export var PickersInputBaseSectionsContainer = styled(PickersSectionListRoot, {
-  name: 'MuiPickersInputBase',
-  slot: 'SectionsContainer',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.sectionsContainer;
-  }
-})(function (_ref2) {
-  var theme = _ref2.theme,
-    ownerState = _ref2.ownerState;
-  return _extends({
-    padding: '4px 0 5px',
-    fontFamily: theme.typography.fontFamily,
-    fontSize: 'inherit',
-    lineHeight: '1.4375em',
-    // 23px
-    flexGrow: 1,
-    outline: 'none',
-    display: 'flex',
-    flexWrap: 'nowrap',
-    overflow: 'hidden',
-    letterSpacing: 'inherit',
-    // Baseline behavior
-    width: '182px'
-  }, ownerState.size === 'small' && {
-    paddingTop: 1
-  }, theme.direction === 'rtl' && {
-    textAlign: 'right /*! @noflip */'
-  }, !(ownerState.adornedStart || ownerState.focused || ownerState.filled) && _extends({
-    color: 'currentColor'
-  }, ownerState.label == null && (theme.vars ? {
-    opacity: theme.vars.opacity.inputPlaceholder
-  } : {
-    opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
-  }), ownerState.label != null && {
-    opacity: 0
-  }));
-});
-var PickersInputBaseSection = styled(PickersSectionListSection, {
-  name: 'MuiPickersInputBase',
-  slot: 'Section',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.section;
-  }
-})(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    fontFamily: theme.typography.fontFamily,
-    fontSize: 'inherit',
-    letterSpacing: 'inherit',
-    lineHeight: '1.4375em',
-    // 23px
-    display: 'flex'
-  };
-});
-var PickersInputBaseSectionContent = styled(PickersSectionListSectionContent, {
-  name: 'MuiPickersInputBase',
-  slot: 'SectionContent',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.content;
-  }
-})(function (_ref4) {
-  var theme = _ref4.theme;
-  return {
-    fontFamily: theme.typography.fontFamily,
-    lineHeight: '1.4375em',
-    // 23px
-    letterSpacing: 'inherit',
-    width: 'fit-content',
-    outline: 'none'
-  };
-});
-var PickersInputBaseSectionSeparator = styled(PickersSectionListSectionSeparator, {
-  name: 'MuiPickersInputBase',
-  slot: 'Separator',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.separator;
-  }
-})(function () {
-  return {
-    whiteSpace: 'pre',
-    letterSpacing: 'inherit'
-  };
-});
-var PickersInputBaseInput = styled('input', {
-  name: 'MuiPickersInputBase',
-  slot: 'Input',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.hiddenInput;
-  }
-})(_extends({}, visuallyHidden));
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var focused = ownerState.focused,
-    disabled = ownerState.disabled,
-    error = ownerState.error,
-    classes = ownerState.classes,
-    fullWidth = ownerState.fullWidth,
-    readOnly = ownerState.readOnly,
-    color = ownerState.color,
-    size = ownerState.size,
-    endAdornment = ownerState.endAdornment,
-    startAdornment = ownerState.startAdornment;
-  var slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', readOnly && 'readOnly', error && 'error', fullWidth && 'fullWidth', "color".concat(capitalize(color)), size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    input: ['input'],
-    sectionsContainer: ['sectionsContainer'],
-    sectionContent: ['sectionContent'],
-    sectionBefore: ['sectionBefore'],
-    sectionAfter: ['sectionAfter']
-  };
-  return composeClasses(slots, getPickersInputBaseUtilityClass, classes);
-};
-/**
- * @ignore - internal component.
- */
-var PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickersInputBase'
-  });
-  var elements = props.elements,
-    areAllSectionsEmpty = props.areAllSectionsEmpty,
-    defaultValue = props.defaultValue,
-    label = props.label,
-    value = props.value,
-    onChange = props.onChange,
-    id = props.id,
-    autoFocus = props.autoFocus,
-    endAdornment = props.endAdornment,
-    startAdornment = props.startAdornment,
-    renderSuffix = props.renderSuffix,
-    slots = props.slots,
-    contentEditable = props.contentEditable,
-    tabIndex = props.tabIndex,
-    onInput = props.onInput,
-    onPaste = props.onPaste,
-    onKeyDown = props.onKeyDown,
-    fullWidth = props.fullWidth,
-    inputProps = props.inputProps,
-    inputRef = props.inputRef,
-    sectionListRef = props.sectionListRef,
-    other = _objectWithoutProperties(props, _excluded);
-  var rootRef = React.useRef(null);
-  var handleRootRef = useForkRef(ref, rootRef);
-  var handleInputRef = useForkRef(inputProps == null ? void 0 : inputProps.ref, inputRef);
-  var muiFormControl = useFormControl();
-  if (!muiFormControl) {
-    throw new Error('MUI X: PickersInputBase should always be used inside a PickersTextField component');
-  }
-  var handleInputFocus = function handleInputFocus(event) {
-    var _muiFormControl$onFoc;
-    // Fix a bug with IE11 where the focus/blur events are triggered
-    // while the component is disabled.
-    if (muiFormControl.disabled) {
-      event.stopPropagation();
-      return;
-    }
-    (_muiFormControl$onFoc = muiFormControl.onFocus) == null || _muiFormControl$onFoc.call(muiFormControl, event);
-  };
-  React.useEffect(function () {
-    if (muiFormControl) {
-      muiFormControl.setAdornedStart(Boolean(startAdornment));
-    }
-  }, [muiFormControl, startAdornment]);
-  React.useEffect(function () {
-    if (!muiFormControl) {
-      return;
-    }
-    if (areAllSectionsEmpty) {
-      muiFormControl.onEmpty();
-    } else {
-      muiFormControl.onFilled();
-    }
-  }, [muiFormControl, areAllSectionsEmpty]);
-  var ownerState = _extends({}, props, muiFormControl);
-  var classes = useUtilityClasses(ownerState);
-  var InputRoot = (slots == null ? void 0 : slots.root) || PickersInputBaseRoot;
-  var InputSectionsContainer = (slots == null ? void 0 : slots.input) || PickersInputBaseSectionsContainer;
-  return /*#__PURE__*/_jsxs(InputRoot, _extends({}, other, {
-    className: classes.root,
-    ownerState: ownerState,
-    "aria-invalid": muiFormControl.error,
-    ref: handleRootRef,
-    children: [startAdornment, /*#__PURE__*/_jsx(PickersSectionList, {
-      sectionListRef: sectionListRef,
-      elements: elements,
-      contentEditable: contentEditable,
-      tabIndex: tabIndex,
-      className: classes.sectionsContainer,
-      onFocus: handleInputFocus,
-      onBlur: muiFormControl.onBlur,
-      onInput: onInput,
-      onPaste: onPaste,
-      onKeyDown: onKeyDown,
-      slots: {
-        root: InputSectionsContainer,
-        section: PickersInputBaseSection,
-        sectionContent: PickersInputBaseSectionContent,
-        sectionSeparator: PickersInputBaseSectionSeparator
-      },
-      slotProps: {
-        root: {
-          ownerState: ownerState
-        },
-        sectionContent: {
-          className: pickersInputBaseClasses.sectionContent
-        },
-        sectionSeparator: function sectionSeparator(_ref5) {
-          var position = _ref5.position;
-          return {
-            className: position === 'before' ? pickersInputBaseClasses.sectionBefore : pickersInputBaseClasses.sectionAfter
-          };
-        }
-      }
-    }), endAdornment, renderSuffix ? renderSuffix(_extends({}, muiFormControl)) : null, /*#__PURE__*/_jsx(PickersInputBaseInput, _extends({
-      className: classes.input,
-      value: value,
-      onChange: onChange,
-      id: id,
-      "aria-hidden": "true",
-      tabIndex: -1
-    }, inputProps, {
-      ref: handleInputRef
-    }))]
-  }));
-});
-process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Is `true` if the current values equals the empty value.
-   * For a single item value, it means that `value === null`
-   * For a range value, it means that `value === [null, null]`
-   */
-  areAllSectionsEmpty: PropTypes.bool.isRequired,
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If true, the whole element is editable.
-   * Useful when all the sections are selected.
-   */
-  contentEditable: PropTypes.bool.isRequired,
-  /**
-   * The elements to render.
-   * Each element contains the prop to edit a section of the value.
-   */
-  elements: PropTypes.arrayOf(PropTypes.shape({
-    after: PropTypes.object.isRequired,
-    before: PropTypes.object.isRequired,
-    container: PropTypes.object.isRequired,
-    content: PropTypes.object.isRequired
-  })).isRequired,
-  endAdornment: PropTypes.node,
-  fullWidth: PropTypes.bool,
-  id: PropTypes.string,
-  inputProps: PropTypes.object,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
-  label: PropTypes.node,
-  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
-  onChange: PropTypes.func.isRequired,
-  onClick: PropTypes.func.isRequired,
-  onInput: PropTypes.func.isRequired,
-  onKeyDown: PropTypes.func.isRequired,
-  onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
-  readOnly: PropTypes.bool,
-  renderSuffix: PropTypes.func,
-  sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      getRoot: PropTypes.func.isRequired,
-      getSectionContainer: PropTypes.func.isRequired,
-      getSectionContent: PropTypes.func.isRequired,
-      getSectionIndexFromDOMElement: PropTypes.func.isRequired
-    })
-  })]),
-  /**
-   * The components used for each slot inside.
-   *
-   * @default {}
-   */
-  slots: PropTypes.object,
-  startAdornment: PropTypes.node,
-  style: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  value: PropTypes.string.isRequired
-} : void 0;
-export { PickersInputBase };

package/legacy/PickersTextField/PickersInputBase/PickersInputBase.types.js

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

package/legacy/PickersTextField/PickersInputBase/index.js

@@ -1,2 +0,0 @@
-export { PickersInputBase } from './PickersInputBase';
-export { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from './pickersInputBaseClasses';

package/legacy/PickersTextField/PickersInputBase/pickersInputBaseClasses.js

@@ -1,6 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getPickersInputBaseUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersInputBase', slot);
-}
-export var pickersInputBaseClasses = generateUtilityClasses('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);

package/legacy/PickersTextField/PickersOutlinedInput/Outline.js

@@ -1,121 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["children", "className", "label", "notched", "shrink"];
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-var OutlineRoot = styled('fieldset', {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.notchedOutline;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  var borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
-  return {
-    textAlign: 'left',
-    position: 'absolute',
-    bottom: 0,
-    right: 0,
-    top: -5,
-    left: 0,
-    margin: 0,
-    padding: '0 8px',
-    pointerEvents: 'none',
-    borderRadius: 'inherit',
-    borderStyle: 'solid',
-    borderWidth: 1,
-    overflow: 'hidden',
-    minWidth: '0%',
-    borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : borderColor
-  };
-});
-var OutlineLabel = styled('span')(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    fontFamily: theme.typography.fontFamily,
-    fontSize: 'inherit'
-  };
-});
-var OutlineLegend = styled('legend')(function (_ref3) {
-  var ownerState = _ref3.ownerState,
-    theme = _ref3.theme;
-  return _extends({
-    float: 'unset',
-    // Fix conflict with bootstrap
-    width: 'auto',
-    // Fix conflict with bootstrap
-    overflow: 'hidden'
-  }, !ownerState.withLabel && {
-    padding: 0,
-    lineHeight: '11px',
-    // sync with `height` in `legend` styles
-    transition: theme.transitions.create('width', {
-      duration: 150,
-      easing: theme.transitions.easing.easeOut
-    })
-  }, ownerState.withLabel && _extends({
-    display: 'block',
-    // Fix conflict with normalize.css and sanitize.css
-    padding: 0,
-    height: 11,
-    // sync with `lineHeight` in `legend` styles
-    fontSize: '0.75em',
-    visibility: 'hidden',
-    maxWidth: 0.01,
-    transition: theme.transitions.create('max-width', {
-      duration: 50,
-      easing: theme.transitions.easing.easeOut
-    }),
-    whiteSpace: 'nowrap',
-    '& > span': {
-      paddingLeft: 5,
-      paddingRight: 5,
-      display: 'inline-block',
-      opacity: 0,
-      visibility: 'visible'
-    }
-  }, ownerState.notched && {
-    maxWidth: '100%',
-    transition: theme.transitions.create('max-width', {
-      duration: 100,
-      easing: theme.transitions.easing.easeOut,
-      delay: 50
-    })
-  }));
-});
-
-/**
- * @ignore - internal component.
- */
-export default function Outline(props) {
-  var children = props.children,
-    className = props.className,
-    label = props.label,
-    notched = props.notched,
-    shrink = props.shrink,
-    other = _objectWithoutProperties(props, _excluded);
-  var withLabel = label != null && label !== '';
-  var ownerState = _extends({}, props, {
-    withLabel: withLabel
-  });
-  return /*#__PURE__*/_jsx(OutlineRoot, _extends({
-    "aria-hidden": true,
-    className: className
-  }, other, {
-    ownerState: ownerState,
-    children: /*#__PURE__*/_jsx(OutlineLegend, {
-      ownerState: ownerState,
-      children: withLabel ? /*#__PURE__*/_jsx(OutlineLabel, {
-        children: label
-      }) :
-      /*#__PURE__*/
-      // notranslate needed while Google Translate will not fix zero-width space issue
-      _jsx(OutlineLabel, {
-        className: "notranslate",
-        children: "\u200B"
-      })
-    })
-  }));
-}