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

package/node/{internals/components/PickersInput/PickersInput.js → PickersTextField/PickersInputBase/PickersInputBase.js}

@@ -4,25 +4,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PickersInputSectionsContainer = exports.PickersInputRoot = exports.PickersInput = void 0;
+exports.PickersInputBaseSectionsContainer = exports.PickersInputBaseRoot = exports.PickersInputBase = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
-var _pickersInputClasses = require("./pickersInputClasses");
-var _PickersSectionList = require("../../../PickersSectionList");
+var _pickersInputBaseClasses = require("./pickersInputBaseClasses");
+var _PickersSectionList = require("../../PickersSectionList");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value", "onChange", "id", "autoFocus", "endAdornment", "startAdornment", "renderSuffix", "slots", "contentEditable", "tabIndex", "onInput", "onPaste", "onKeyDown", "fullWidth", "inputProps", "inputRef", "sectionListRef"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const round = value => Math.round(value * 1e5) / 1e5;
-const PickersInputRoot = exports.PickersInputRoot = (0, _styles.styled)('div', {
-  name: 'MuiPickersInput',
+const PickersInputBaseRoot = exports.PickersInputBaseRoot = (0, _styles.styled)('div', {
+  name: 'MuiPickersInputBase',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
@@ -42,8 +43,8 @@ const PickersInputRoot = exports.PickersInputRoot = (0, _styles.styled)('div', {
 }, ownerState.fullWidth && {
   width: '100%'
 }));
-const PickersInputSectionsContainer = exports.PickersInputSectionsContainer = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListRoot, {
-  name: 'MuiPickersInput',
+const PickersInputBaseSectionsContainer = exports.PickersInputBaseSectionsContainer = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListRoot, {
+  name: 'MuiPickersInputBase',
   slot: 'SectionsContainer',
   overridesResolver: (props, styles) => styles.sectionsContainer
 })(({
@@ -76,8 +77,8 @@ const PickersInputSectionsContainer = exports.PickersInputSectionsContainer = (0
 }), ownerState.label != null && {
   opacity: 0
 })));
-const PickersInputSection = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSection, {
-  name: 'MuiPickersInput',
+const PickersInputBaseSection = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSection, {
+  name: 'MuiPickersInputBase',
   slot: 'Section',
   overridesResolver: (props, styles) => styles.section
 })(({
@@ -90,8 +91,8 @@ const PickersInputSection = (0, _styles.styled)(_PickersSectionList.Unstable_Pic
   // 23px
   display: 'flex'
 }));
-const PickersInputSectionContent = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionContent, {
-  name: 'MuiPickersInput',
+const PickersInputBaseSectionContent = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionContent, {
+  name: 'MuiPickersInputBase',
   slot: 'SectionContent',
   overridesResolver: (props, styles) => styles.content
 })(({
@@ -104,16 +105,16 @@ const PickersInputSectionContent = (0, _styles.styled)(_PickersSectionList.Unsta
   width: 'fit-content',
   outline: 'none'
 }));
-const PickersInputSeparator = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionSeparator, {
-  name: 'MuiPickersInput',
+const PickersInputBaseSectionSeparator = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionSeparator, {
+  name: 'MuiPickersInputBase',
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
 })(() => ({
   whiteSpace: 'pre',
   letterSpacing: 'inherit'
 }));
-const PickersInputInput = (0, _styles.styled)('input', {
-  name: 'MuiPickersInput',
+const PickersInputBaseInput = (0, _styles.styled)('input', {
+  name: 'MuiPickersInputBase',
   slot: 'Input',
   overridesResolver: (props, styles) => styles.hiddenInput
 })((0, _extends2.default)({}, _visuallyHidden.default));
@@ -139,9 +140,16 @@ const useUtilityClasses = ownerState => {
     sectionBefore: ['sectionBefore'],
     sectionAfter: ['sectionAfter']
   };
-  return (0, _composeClasses.default)(slots, _pickersInputClasses.getPickersInputUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersInputBaseClasses.getPickersInputBaseUtilityClass, classes);
 };
-const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(props, ref) {
+/**
+ * @ignore - internal component.
+ */
+const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickersInputBase'
+  });
   const {
       elements,
       areAllSectionsEmpty,
@@ -167,7 +175,7 @@ const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(functi
   const handleInputRef = (0, _useForkRef.default)(inputProps?.ref, inputRef);
   const muiFormControl = (0, _FormControl.useFormControl)();
   if (!muiFormControl) {
-    throw new Error('MUI X: PickersInput should always be used inside a PickersTextField component');
+    throw new Error('MUI X: PickersInputBase should always be used inside a PickersTextField component');
   }
   const handleInputFocus = event => {
     // Fix a bug with IE11 where the focus/blur events are triggered
@@ -195,8 +203,8 @@ const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(functi
   }, [muiFormControl, areAllSectionsEmpty]);
   const ownerState = (0, _extends2.default)({}, props, muiFormControl);
   const classes = useUtilityClasses(ownerState);
-  const InputRoot = slots?.root || PickersInputRoot;
-  const InputSectionsContainer = slots?.input || PickersInputSectionsContainer;
+  const InputRoot = slots?.root || PickersInputBaseRoot;
+  const InputSectionsContainer = slots?.input || PickersInputBaseSectionsContainer;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputRoot, (0, _extends2.default)({}, other, {
     className: classes.root,
     ownerState: ownerState,
@@ -215,24 +223,24 @@ const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(functi
       onKeyDown: onKeyDown,
       slots: {
         root: InputSectionsContainer,
-        section: PickersInputSection,
-        sectionContent: PickersInputSectionContent,
-        sectionSeparator: PickersInputSeparator
+        section: PickersInputBaseSection,
+        sectionContent: PickersInputBaseSectionContent,
+        sectionSeparator: PickersInputBaseSectionSeparator
       },
       slotProps: {
         root: {
           ownerState
         },
         sectionContent: {
-          className: _pickersInputClasses.pickersInputClasses.sectionContent
+          className: _pickersInputBaseClasses.pickersInputBaseClasses.sectionContent
         },
         sectionSeparator: ({
           position
         }) => ({
-          className: position === 'before' ? _pickersInputClasses.pickersInputClasses.sectionBefore : _pickersInputClasses.pickersInputClasses.sectionAfter
+          className: position === 'before' ? _pickersInputBaseClasses.pickersInputBaseClasses.sectionBefore : _pickersInputBaseClasses.pickersInputBaseClasses.sectionAfter
         })
       }
-    }), endAdornment, renderSuffix ? renderSuffix((0, _extends2.default)({}, muiFormControl)) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersInputInput, (0, _extends2.default)({
+    }), endAdornment, renderSuffix ? renderSuffix((0, _extends2.default)({}, muiFormControl)) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersInputBaseInput, (0, _extends2.default)({
       className: classes.input,
       value: value,
       onChange: onChange,
@@ -244,4 +252,74 @@ const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(functi
     }))]
   }));
 });
-PickersInput.muiName = 'Input';
+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.default.bool.isRequired,
+  className: _propTypes.default.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _propTypes.default.elementType,
+  /**
+   * If true, the whole element is editable.
+   * Useful when all the sections are selected.
+   */
+  contentEditable: _propTypes.default.bool.isRequired,
+  /**
+   * The elements to render.
+   * Each element contains the prop to edit a section of the value.
+   */
+  elements: _propTypes.default.arrayOf(_propTypes.default.shape({
+    after: _propTypes.default.object.isRequired,
+    before: _propTypes.default.object.isRequired,
+    container: _propTypes.default.object.isRequired,
+    content: _propTypes.default.object.isRequired
+  })).isRequired,
+  endAdornment: _propTypes.default.node,
+  fullWidth: _propTypes.default.bool,
+  id: _propTypes.default.string,
+  inputProps: _propTypes.default.object,
+  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.object
+  })]),
+  label: _propTypes.default.node,
+  margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  onChange: _propTypes.default.func.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  onInput: _propTypes.default.func.isRequired,
+  onKeyDown: _propTypes.default.func.isRequired,
+  onPaste: _propTypes.default.func.isRequired,
+  ownerState: _propTypes.default.any,
+  readOnly: _propTypes.default.bool,
+  renderSuffix: _propTypes.default.func,
+  sectionListRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      getRoot: _propTypes.default.func.isRequired,
+      getSectionContainer: _propTypes.default.func.isRequired,
+      getSectionContent: _propTypes.default.func.isRequired,
+      getSectionIndexFromDOMElement: _propTypes.default.func.isRequired
+    })
+  })]),
+  /**
+   * The components used for each slot inside.
+   *
+   * @default {}
+   */
+  slots: _propTypes.default.object,
+  startAdornment: _propTypes.default.node,
+  style: _propTypes.default.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  value: _propTypes.default.string.isRequired
+} : void 0;

package/node/PickersTextField/PickersInputBase/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersInputBase", {
+  enumerable: true,
+  get: function () {
+    return _PickersInputBase.PickersInputBase;
+  }
+});
+Object.defineProperty(exports, "getPickersInputBaseUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _pickersInputBaseClasses.getPickersInputBaseUtilityClass;
+  }
+});
+Object.defineProperty(exports, "pickersInputBaseClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickersInputBaseClasses.pickersInputBaseClasses;
+  }
+});
+var _PickersInputBase = require("./PickersInputBase");
+var _pickersInputBaseClasses = require("./pickersInputBaseClasses");

package/node/PickersTextField/PickersInputBase/pickersInputBaseClasses.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickersInputBaseUtilityClass = getPickersInputBaseUtilityClass;
+exports.pickersInputBaseClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getPickersInputBaseUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPickersInputBase', slot);
+}
+const pickersInputBaseClasses = exports.pickersInputBaseClasses = (0, _generateUtilityClasses.default)('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);

package/node/{internals/components/PickersInput → PickersTextField/PickersOutlinedInput}/Outline.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "label"];
+const _excluded = ["children", "className", "label", "notched", "shrink"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const OutlineRoot = (0, _styles.styled)('fieldset', {
@@ -91,6 +91,10 @@ const OutlineLegend = (0, _styles.styled)('legend')(({
     delay: 50
   })
 })));
+
+/**
+ * @ignore - internal component.
+ */
 function Outline(props) {
   const {
       className,

package/node/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersOutlinedInput = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _FormControl = require("@mui/material/FormControl");
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _pickersOutlinedInputClasses = require("./pickersOutlinedInputClasses");
+var _Outline = _interopRequireDefault(require("./Outline"));
+var _PickersInputBase = require("../PickersInputBase");
+var _PickersInputBase2 = require("../PickersInputBase/PickersInputBase");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["label", "autoFocus", "ownerState", "notched"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
+  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.pickersOutlinedInputClasses.notchedOutline}`]: {
+      borderColor: (theme.vars || theme).palette.text.primary
+    },
+    // Reset on touch devices, it doesn't add specificity
+    '@media (hover: none)': {
+      [`&:hover .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
+        borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
+      }
+    },
+    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.focused} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
+      borderStyle: 'solid',
+      // @ts-ignore
+      borderColor: (theme.vars || theme).palette[ownerState.color].main,
+      borderWidth: 2
+    },
+    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.disabled}`]: {
+      [`& .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
+        borderColor: (theme.vars || theme).palette.action.disabled
+      },
+      '*': {
+        color: (theme.vars || theme).palette.action.disabled
+      }
+    },
+    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.error} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
+      borderColor: (theme.vars || theme).palette.error.main
+    }
+  };
+});
+const PickersOutlinedInputSectionsContainer = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseSectionsContainer, {
+  name: 'MuiPickersOutlinedInput',
+  slot: 'SectionsContainer',
+  overridesResolver: (props, styles) => styles.sectionsContainer
+})(({
+  ownerState
+}) => (0, _extends2.default)({
+  padding: '16.5px 0'
+}, ownerState.size === 'small' && {
+  padding: '8.5px 0'
+}));
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    notchedOutline: ['notchedOutline'],
+    input: ['input']
+  };
+  const composedClasses = (0, _composeClasses.default)(slots, _pickersOutlinedInputClasses.getPickersOutlinedInputUtilityClass, classes);
+  return (0, _extends2.default)({}, classes, composedClasses);
+};
+/**
+ * @ignore - internal component.
+ */
+const PickersOutlinedInput = exports.PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickersOutlinedInput'
+  });
+  const {
+      label,
+      ownerState: ownerStateProp,
+      notched
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const muiFormControl = (0, _FormControl.useFormControl)();
+  const ownerState = (0, _extends2.default)({}, props, ownerStateProp, muiFormControl, {
+    color: muiFormControl?.color || 'primary'
+  });
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInputBase.PickersInputBase, (0, _extends2.default)({
+    slots: {
+      root: PickersOutlinedInputRoot,
+      input: PickersOutlinedInputSectionsContainer
+    },
+    renderSuffix: state => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Outline.default, {
+      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?.required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [label, "\u2009", '*']
+      }) : label,
+      ownerState: ownerState
+    })
+  }, other, {
+    label: label,
+    classes: classes,
+    ref: ref
+  }));
+});
+process.env.NODE_ENV !== "production" ? PickersOutlinedInput.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.default.bool.isRequired,
+  className: _propTypes.default.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _propTypes.default.elementType,
+  /**
+   * If true, the whole element is editable.
+   * Useful when all the sections are selected.
+   */
+  contentEditable: _propTypes.default.bool.isRequired,
+  /**
+   * The elements to render.
+   * Each element contains the prop to edit a section of the value.
+   */
+  elements: _propTypes.default.arrayOf(_propTypes.default.shape({
+    after: _propTypes.default.object.isRequired,
+    before: _propTypes.default.object.isRequired,
+    container: _propTypes.default.object.isRequired,
+    content: _propTypes.default.object.isRequired
+  })).isRequired,
+  endAdornment: _propTypes.default.node,
+  fullWidth: _propTypes.default.bool,
+  id: _propTypes.default.string,
+  inputProps: _propTypes.default.object,
+  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.object
+  })]),
+  label: _propTypes.default.node,
+  margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  notched: _propTypes.default.bool,
+  onChange: _propTypes.default.func.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  onInput: _propTypes.default.func.isRequired,
+  onKeyDown: _propTypes.default.func.isRequired,
+  onPaste: _propTypes.default.func.isRequired,
+  ownerState: _propTypes.default.any,
+  readOnly: _propTypes.default.bool,
+  renderSuffix: _propTypes.default.func,
+  sectionListRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      getRoot: _propTypes.default.func.isRequired,
+      getSectionContainer: _propTypes.default.func.isRequired,
+      getSectionContent: _propTypes.default.func.isRequired,
+      getSectionIndexFromDOMElement: _propTypes.default.func.isRequired
+    })
+  })]),
+  /**
+   * The components used for each slot inside.
+   *
+   * @default {}
+   */
+  slots: _propTypes.default.object,
+  startAdornment: _propTypes.default.node,
+  style: _propTypes.default.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  value: _propTypes.default.string.isRequired
+} : void 0;
+PickersOutlinedInput.muiName = 'Input';

package/node/PickersTextField/PickersOutlinedInput/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersOutlinedInput", {
+  enumerable: true,
+  get: function () {
+    return _PickersOutlinedInput.PickersOutlinedInput;
+  }
+});
+Object.defineProperty(exports, "getPickersOutlinedInputUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _pickersOutlinedInputClasses.getPickersOutlinedInputUtilityClass;
+  }
+});
+Object.defineProperty(exports, "pickersOutlinedInputClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickersOutlinedInputClasses.pickersOutlinedInputClasses;
+  }
+});
+var _PickersOutlinedInput = require("./PickersOutlinedInput");
+var _pickersOutlinedInputClasses = require("./pickersOutlinedInputClasses");

package/node/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickersOutlinedInputUtilityClass = getPickersOutlinedInputUtilityClass;
+exports.pickersOutlinedInputClasses = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _PickersInputBase = require("../PickersInputBase");
+function getPickersOutlinedInputUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPickersOutlinedInput', slot);
+}
+const pickersOutlinedInputClasses = exports.pickersOutlinedInputClasses = (0, _extends2.default)({}, _PickersInputBase.pickersInputBaseClasses, (0, _generateUtilityClasses.default)('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));