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

package/node/PickersSectionList/PickersSectionList.js

@@ -13,6 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/base/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _styles = require("@mui/material/styles");
 var _pickersSectionListClasses = require("./pickersSectionListClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps", "elements", "sectionListRef"];
@@ -112,7 +113,11 @@ function PickersSection(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, sectionSeparatorBeforeProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionContent, (0, _extends2.default)({}, sectionContentProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, sectionSeparatorAfterProps))]
   }));
 }
-const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSectionList(props, ref) {
+const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSectionList(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickersSectionList'
+  });
   const {
       slots,
       slotProps,

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

@@ -8,16 +8,18 @@ exports.PickersFilledInput = 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 _utils = require("@mui/utils");
-var _pickersInputClasses = require("./pickersInputClasses");
-var _PickersInput = require("./PickersInput");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _pickersFilledInputClasses = require("./pickersFilledInputClasses");
+var _PickersInputBase = require("../PickersInputBase");
+var _PickersInputBase2 = require("../PickersInputBase/PickersInputBase");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["label", "autoFocus", "ownerState"];
 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 FilledInputRoot = (0, _styles.styled)(_PickersInput.PickersInputRoot, {
+const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
   name: 'MuiPickersFilledInput',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -45,10 +47,10 @@ const FilledInputRoot = (0, _styles.styled)(_PickersInput.PickersInputRoot, {
         backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
       }
     },
-    [`&.${_pickersInputClasses.pickersFilledInputClasses.focused}`]: {
+    [`&.${_pickersFilledInputClasses.pickersFilledInputClasses.focused}`]: {
       backgroundColor: theme.vars ? theme.vars.palette.FilledInput.bg : backgroundColor
     },
-    [`&.${_pickersInputClasses.pickersFilledInputClasses.disabled}`]: {
+    [`&.${_pickersFilledInputClasses.pickersFilledInputClasses.disabled}`]: {
       backgroundColor: theme.vars ? theme.vars.palette.FilledInput.disabledBg : disabledBackground
     }
   }, !ownerState.disableUnderline && {
@@ -67,12 +69,12 @@ const FilledInputRoot = (0, _styles.styled)(_PickersInput.PickersInputRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-    [`&.${_pickersInputClasses.pickersFilledInputClasses.focused}:after`]: {
+    [`&.${_pickersFilledInputClasses.pickersFilledInputClasses.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)'
     },
-    [`&.${_pickersInputClasses.pickersFilledInputClasses.error}`]: {
+    [`&.${_pickersFilledInputClasses.pickersFilledInputClasses.error}`]: {
       '&:before, &:after': {
         borderBottomColor: (theme.vars || theme).palette.error.main
       }
@@ -90,10 +92,10 @@ const FilledInputRoot = (0, _styles.styled)(_PickersInput.PickersInputRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-    [`&:hover:not(.${_pickersInputClasses.pickersFilledInputClasses.disabled}, .${_pickersInputClasses.pickersFilledInputClasses.error}):before`]: {
+    [`&:hover:not(.${_pickersFilledInputClasses.pickersFilledInputClasses.disabled}, .${_pickersFilledInputClasses.pickersFilledInputClasses.error}):before`]: {
       borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`
     },
-    [`&.${_pickersInputClasses.pickersFilledInputClasses.disabled}:before`]: {
+    [`&.${_pickersFilledInputClasses.pickersFilledInputClasses.disabled}:before`]: {
       borderBottomStyle: 'dotted'
     }
   }, ownerState.startAdornment && {
@@ -102,7 +104,7 @@ const FilledInputRoot = (0, _styles.styled)(_PickersInput.PickersInputRoot, {
     paddingRight: 12
   });
 });
-const FilledSectionsContainer = (0, _styles.styled)(_PickersInput.PickersInputSectionsContainer, {
+const PickersFilledSectionsContainer = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseSectionsContainer, {
   name: 'MuiPickersFilledInput',
   slot: 'sectionsContainer',
   overridesResolver: (props, styles) => styles.sectionsContainer
@@ -129,27 +131,24 @@ const FilledSectionsContainer = (0, _styles.styled)(_PickersInput.PickersInputSe
 }));
 const useUtilityClasses = ownerState => {
   const {
-    focused,
-    disabled,
-    error,
     classes,
-    fullWidth,
-    color,
-    size,
-    endAdornment,
-    startAdornment
+    disableUnderline
   } = ownerState;
   const slots = {
-    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', `color${(0, _utils.unstable_capitalize)(color)}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    before: ['before'],
-    after: ['after'],
-    content: ['content'],
+    root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _pickersInputClasses.getPickersFilledInputUtilityClass, classes);
+  const composedClasses = (0, _composeClasses.default)(slots, _pickersFilledInputClasses.getPickersFilledInputUtilityClass, classes);
+  return (0, _extends2.default)({}, classes, composedClasses);
 };
-const PickersFilledInput = exports.PickersFilledInput = /*#__PURE__*/React.forwardRef(function PickersFilledInput(props, ref) {
+/**
+ * @ignore - internal component.
+ */
+const PickersFilledInput = exports.PickersFilledInput = /*#__PURE__*/React.forwardRef(function PickersFilledInput(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickersFilledInput'
+  });
   const {
       label,
       ownerState: ownerStateProp
@@ -160,10 +159,10 @@ const PickersFilledInput = exports.PickersFilledInput = /*#__PURE__*/React.forwa
     color: muiFormControl?.color || 'primary'
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInput.PickersInput, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInputBase.PickersInputBase, (0, _extends2.default)({
     slots: {
-      root: FilledInputRoot,
-      input: FilledSectionsContainer
+      root: PickersFilledInputRoot,
+      input: PickersFilledSectionsContainer
     }
   }, other, {
     label: label,
@@ -171,4 +170,77 @@ const PickersFilledInput = exports.PickersFilledInput = /*#__PURE__*/React.forwa
     ref: ref
   }));
 });
-_PickersInput.PickersInput.muiName = 'Input';
+process.env.NODE_ENV !== "production" ? PickersFilledInput.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,
+  disableUnderline: _propTypes.default.bool,
+  /**
+   * 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,
+  hiddenLabel: _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;
+PickersFilledInput.muiName = 'Input';

package/node/PickersTextField/PickersFilledInput/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersFilledInput", {
+  enumerable: true,
+  get: function () {
+    return _PickersFilledInput.PickersFilledInput;
+  }
+});
+Object.defineProperty(exports, "getPickersFilledInputUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _pickersFilledInputClasses.getPickersFilledInputUtilityClass;
+  }
+});
+Object.defineProperty(exports, "pickersFilledInputClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickersFilledInputClasses.pickersFilledInputClasses;
+  }
+});
+var _PickersFilledInput = require("./PickersFilledInput");
+var _pickersFilledInputClasses = require("./pickersFilledInputClasses");

package/node/PickersTextField/PickersFilledInput/pickersFilledInputClasses.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickersFilledInputUtilityClass = getPickersFilledInputUtilityClass;
+exports.pickersFilledInputClasses = 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 getPickersFilledInputUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPickersFilledInput', slot);
+}
+const pickersFilledInputClasses = exports.pickersFilledInputClasses = (0, _extends2.default)({}, _PickersInputBase.pickersInputBaseClasses, (0, _generateUtilityClasses.default)('MuiPickersFilledInput', ['root', 'underline', 'input']));

package/node/PickersTextField/PickersInput/PickersInput.js

@@ -0,0 +1,204 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersInput = 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 _pickersInputClasses = require("./pickersInputClasses");
+var _PickersInputBase = require("../PickersInputBase");
+var _PickersInputBase2 = require("../PickersInputBase/PickersInputBase");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["label", "autoFocus", "ownerState"];
+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 PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
+  name: 'MuiPickersInput',
+  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 (0, _extends2.default)({
+    'label + &': {
+      marginTop: 16
+    }
+  }, !ownerState.disableUnderline && {
+    '&::after': {
+      background: 'red',
+      // @ts-ignore
+      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.
+    },
+    [`&.${_pickersInputClasses.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)'
+    },
+    [`&.${_pickersInputClasses.pickersInputClasses.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(.${_pickersInputClasses.pickersInputClasses.disabled}, .${_pickersInputClasses.pickersInputClasses.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}`
+      }
+    },
+    [`&.${_pickersInputClasses.pickersInputClasses.disabled}:before`]: {
+      borderBottomStyle: 'dotted'
+    }
+  });
+});
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    disableUnderline
+  } = ownerState;
+  const slots = {
+    root: ['root', !disableUnderline && 'underline'],
+    input: ['input']
+  };
+  const composedClasses = (0, _composeClasses.default)(slots, _pickersInputClasses.getPickersInputUtilityClass, classes);
+  return (0, _extends2.default)({}, classes, composedClasses);
+};
+/**
+ * @ignore - internal component.
+ */
+const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickersInput'
+  });
+  const {
+      label,
+      ownerState: ownerStateProp
+    } = 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: 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.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,
+  disableUnderline: _propTypes.default.bool,
+  /**
+   * 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;
+PickersInput.muiName = 'Input';

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

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "PickersInput", {
     return _PickersInput.PickersInput;
   }
 });
-Object.defineProperty(exports, "PickersInputProps", {
-  enumerable: true,
-  get: function () {
-    return _PickersInput2.PickersInputProps;
-  }
-});
 Object.defineProperty(exports, "getPickersInputUtilityClass", {
   enumerable: true,
   get: function () {
@@ -28,5 +22,4 @@ Object.defineProperty(exports, "pickersInputClasses", {
   }
 });
 var _PickersInput = require("./PickersInput");
-var _PickersInput2 = require("./PickersInput.types");
 var _pickersInputClasses = require("./pickersInputClasses");

package/node/PickersTextField/PickersInput/pickersInputClasses.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickersInputUtilityClass = getPickersInputUtilityClass;
+exports.pickersInputClasses = 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 getPickersInputUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPickersFilledInput', slot);
+}
+const pickersInputClasses = exports.pickersInputClasses = (0, _extends2.default)({}, _PickersInputBase.pickersInputBaseClasses, (0, _generateUtilityClasses.default)('MuiPickersInput', ['root', 'input']));