@mui/x-date-pickers 7.0.0-alpha.2 → 7.0.0-alpha.3

package/legacy/AdapterMomentHijri/AdapterMomentHijri.js

@@ -2,8 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -140,7 +142,7 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
   _inherits(AdapterMomentHijri, _AdapterMoment);
   var _super = _createSuper(AdapterMomentHijri);
   function AdapterMomentHijri() {
-    var _this;
+    var _thisSuper, _this;
     var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       formats = _ref.formats,
       instance = _ref.instance;
@@ -212,21 +214,6 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
     _this.setDate = function (value, date) {
       return value.clone().iDate(date);
     };
-    _this.getWeekArray = function (value) {
-      var start = value.clone().startOf('iMonth').startOf('week');
-      var end = value.clone().endOf('iMonth').endOf('week');
-      var count = 0;
-      var current = start;
-      var nestedWeeks = [];
-      while (current.isBefore(end)) {
-        var weekNumber = Math.floor(count / 7);
-        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-        nestedWeeks[weekNumber].push(current);
-        current = current.clone().add(1, 'day');
-        count += 1;
-      }
-      return nestedWeeks;
-    };
     _this.getWeekNumber = function (value) {
       return value.iWeek();
     };
@@ -242,15 +229,7 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
       if (end.isAfter('2076-11-26')) {
         throw new Error('max date must be on or before 1499-12-29 H (2076-11-26)');
       }
-      var startDate = _this.moment(start).startOf('iYear');
-      var endDate = _this.moment(end).endOf('iYear');
-      var years = [];
-      var current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'iYear');
-      }
-      return years;
+      return _get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(AdapterMomentHijri.prototype)), "getYearRange", _thisSuper).call(_thisSuper, [start, end]);
     };
     _this.moment = instance || defaultHMoment;
     _this.locale = 'ar-SA';

package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -226,38 +225,9 @@ export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
     _this.setDate = function (value, date) {
       return value.clone().jDate(date);
     };
-    _this.getWeekArray = function (value) {
-      var start = value.clone().startOf('jMonth').startOf('week');
-      var end = value.clone().endOf('jMonth').endOf('week');
-      var count = 0;
-      var current = start;
-      var nestedWeeks = [];
-      while (current.isBefore(end)) {
-        var weekNumber = Math.floor(count / 7);
-        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-        nestedWeeks[weekNumber].push(current);
-        current = current.clone().add(1, 'day');
-        count += 1;
-      }
-      return nestedWeeks;
-    };
     _this.getWeekNumber = function (value) {
       return value.jWeek();
     };
-    _this.getYearRange = function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        start = _ref3[0],
-        end = _ref3[1];
-      var startDate = _this.moment(start).startOf('jYear');
-      var endDate = _this.moment(end).endOf('jYear');
-      var years = [];
-      var current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'jYear');
-      }
-      return years;
-    };
     _this.moment = instance || defaultJMoment;
     _this.locale = 'fa';
     _this.formats = _extends({}, defaultFormats, formats);

package/legacy/DateCalendar/DateCalendar.js

@@ -404,8 +404,8 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/DatePicker/DatePicker.js

@@ -111,8 +111,8 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/DateTimePicker/DateTimePicker.js

@@ -126,8 +126,8 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/DesktopDatePicker/DesktopDatePicker.js

@@ -129,8 +129,8 @@ DesktopDatePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -182,8 +182,8 @@ DesktopDateTimePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/MobileDatePicker/MobileDatePicker.js

@@ -126,8 +126,8 @@ MobileDatePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/MobileDateTimePicker/MobileDateTimePicker.js

@@ -152,8 +152,8 @@ MobileDateTimePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -259,6 +259,7 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
             },
             items: getTimeSectionOptions({
               value: utils.getMinutes(valueOrReferenceDate),
+              utils: utils,
               isDisabled: function isDisabled(minutes) {
                 return disabled || isTimeDisabled(minutes, 'minutes');
               },
@@ -279,6 +280,7 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
             },
             items: getTimeSectionOptions({
               value: utils.getSeconds(valueOrReferenceDate),
+              utils: utils,
               isDisabled: function isDisabled(seconds) {
                 return disabled || isTimeDisabled(seconds, 'seconds');
               },

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -44,6 +44,7 @@ export var getHourSectionOptions = function getHourSectionOptions(_ref) {
 };
 export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
   var value = _ref2.value,
+    utils = _ref2.utils,
     isDisabled = _ref2.isDisabled,
     timeStep = _ref2.timeStep,
     resolveLabel = _ref2.resolveLabel,
@@ -65,7 +66,7 @@ export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
     var timeValue = timeStep * index;
     return {
       value: timeValue,
-      label: resolveLabel(timeValue),
+      label: utils.formatNumber(resolveLabel(timeValue)),
       isDisabled: isDisabled,
       isSelected: isSelected,
       isFocused: isFocused,

package/legacy/PickersShortcuts/PickersShortcuts.js

@@ -21,7 +21,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 function PickersShortcuts(props) {
   var items = props.items,
-    changeImportance = props.changeImportance,
+    _props$changeImportan = props.changeImportance,
+    changeImportance = _props$changeImportan === void 0 ? 'accept' : _props$changeImportan,
     isLandscape = props.isLandscape,
     onChange = props.onChange,
     isValid = props.isValid,

package/legacy/StaticDatePicker/StaticDatePicker.js

@@ -105,8 +105,8 @@ StaticDatePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/StaticDateTimePicker/StaticDateTimePicker.js

@@ -130,8 +130,8 @@ StaticDateTimePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-alpha.2
+ * @mui/x-date-pickers v7.0.0-alpha.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internals/components/PickersTextField/Outline.js

@@ -0,0 +1,100 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _excluded = ["children", "classes", "className", "label", "notched"];
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+var OutlineRoot = styled('fieldset')({
+  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%'
+});
+var OutlineLegend = styled('legend')(function (_ref) {
+  var ownerState = _ref.ownerState,
+    theme = _ref.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
+    })
+  }));
+});
+export default function Outline(props) {
+  var children = props.children,
+    classes = props.classes,
+    className = props.className,
+    label = props.label,
+    notched = props.notched,
+    other = _objectWithoutProperties(props, _excluded);
+  var withLabel = label != null && label !== '';
+  var ownerState = _extends({}, props, {
+    notched: notched,
+    withLabel: withLabel
+  });
+  return /*#__PURE__*/_jsx(OutlineRoot, _extends({
+    "aria-hidden": true,
+    className: className,
+    ownerState: ownerState
+  }, other, {
+    children: /*#__PURE__*/_jsx(OutlineLegend, {
+      ownerState: ownerState,
+      children: withLabel ? /*#__PURE__*/_jsx("span", {
+        children: label
+      }) :
+      /*#__PURE__*/
+      // notranslate needed while Google Translate will not fix zero-width space issue
+      _jsx("span", {
+        className: "notranslate",
+        children: "\u200B"
+      })
+    })
+  }));
+}

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

@@ -0,0 +1,273 @@
+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 = ["elements", "defaultValue", "label", "onFocus", "onWrapperClick", "onBlur", "valueStr", "onValueStrChange", "id", "InputProps", "inputProps", "autoFocus", "ownerState", "endAdornment", "startAdornment"];
+import * as React from 'react';
+import clsx from 'clsx';
+import Box from '@mui/material/Box';
+import { useFormControl } from '@mui/material/FormControl';
+import { styled } from '@mui/material/styles';
+import useForkRef from '@mui/utils/useForkRef';
+import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize, visuallyHidden } from '@mui/utils';
+import { pickersInputClasses, getPickersInputUtilityClass } from './pickersTextFieldClasses';
+import Outline from './Outline';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SectionsWrapper = styled(Box, {
+  name: 'MuiPickersInput',
+  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 _extends(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    cursor: 'text',
+    padding: '16.5px 14px',
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    width: ownerState.fullWidth ? '100%' : '25ch',
+    position: 'relative',
+    borderRadius: (theme.vars || theme).shape.borderRadius
+  }, "&:hover .".concat(pickersInputClasses.notchedOutline), {
+    borderColor: (theme.vars || theme).palette.text.primary
+  }), '@media (hover: none)', _defineProperty({}, "&:hover .".concat(pickersInputClasses.notchedOutline), {
+    borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : borderColor
+  })), "&.".concat(pickersInputClasses.focused, " .").concat(pickersInputClasses.notchedOutline), {
+    borderStyle: 'solid',
+    borderColor: (theme.vars || theme).palette[ownerState.color].main,
+    borderWidth: 2
+  }), "&.".concat(pickersInputClasses.disabled), _defineProperty(_defineProperty({}, "& .".concat(pickersInputClasses.notchedOutline), {
+    borderColor: (theme.vars || theme).palette.action.disabled
+  }), '*', {
+    color: (theme.vars || theme).palette.action.disabled
+  })), "&.".concat(pickersInputClasses.error, " .").concat(pickersInputClasses.notchedOutline), {
+    borderColor: (theme.vars || theme).palette.error.main
+  }), ownerState.size === 'small' && {
+    padding: '8.5px 14px'
+  });
+});
+var SectionsContainer = styled('div', {
+  name: 'MuiPickersInput',
+  slot: 'Input',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.input;
+  }
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    ownerState = _ref2.ownerState;
+  return {
+    fontFamily: theme.typography.fontFamily,
+    fontSize: 'inherit',
+    lineHeight: '1.4375em',
+    // 23px
+    flexGrow: 1,
+    visibility: ownerState.adornedStart || ownerState.focused ? 'visible' : 'hidden'
+  };
+});
+var SectionContainer = styled('span', {
+  name: 'MuiPickersInput',
+  slot: 'Section',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.section;
+  }
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    fontFamily: theme.typography.fontFamily,
+    fontSize: 'inherit',
+    lineHeight: '1.4375em',
+    // 23px
+    flexGrow: 1
+  };
+});
+var SectionInput = styled('span', {
+  name: 'MuiPickersInput',
+  slot: 'Content',
+  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'
+  };
+});
+var SectionSeparator = styled('span', {
+  name: 'MuiPickersInput',
+  slot: 'Separator',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.separator;
+  }
+})(function () {
+  return {
+    whiteSpace: 'pre'
+  };
+});
+var FakeHiddenInput = styled('input', {
+  name: 'MuiPickersInput',
+  slot: 'HiddenInput',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.hiddenInput;
+  }
+})(_extends({}, visuallyHidden));
+var NotchedOutlineRoot = styled(Outline, {
+  name: 'MuiPickersInput',
+  slot: 'NotchedOutline',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.notchedOutline;
+  }
+})(function (_ref5) {
+  var theme = _ref5.theme;
+  var borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
+  return {
+    borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : borderColor
+  };
+});
+function InputContent(_ref6) {
+  var elements = _ref6.elements,
+    contentEditable = _ref6.contentEditable,
+    ownerState = _ref6.ownerState;
+  if (contentEditable) {
+    return elements.map(function (_ref7) {
+      var content = _ref7.content,
+        before = _ref7.before,
+        after = _ref7.after;
+      return "".concat(before.children).concat(content.children).concat(after.children);
+    }).join('');
+  }
+  return /*#__PURE__*/_jsx(React.Fragment, {
+    children: elements.map(function (_ref8, elementIndex) {
+      var container = _ref8.container,
+        content = _ref8.content,
+        before = _ref8.before,
+        after = _ref8.after;
+      return /*#__PURE__*/_jsxs(SectionContainer, _extends({}, container, {
+        children: [/*#__PURE__*/_jsx(SectionSeparator, _extends({}, before, {
+          className: clsx(pickersInputClasses.before, before == null ? void 0 : before.className)
+        })), /*#__PURE__*/_jsx(SectionInput, _extends({}, content, {
+          className: clsx(pickersInputClasses.content, content == null ? void 0 : content.className),
+          ownerState: ownerState
+        })), /*#__PURE__*/_jsx(SectionSeparator, _extends({}, after, {
+          className: clsx(pickersInputClasses.after, after == null ? void 0 : after.className)
+        }))]
+      }), elementIndex);
+    })
+  });
+}
+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(capitalize(color)), size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
+    notchedOutline: ['notchedOutline'],
+    before: ['before'],
+    after: ['after'],
+    content: ['content'],
+    input: ['input']
+  };
+  return composeClasses(slots, getPickersInputUtilityClass, classes);
+};
+
+// TODO: move to utils
+// Separates the state props from the form control
+function formControlState(_ref9) {
+  var props = _ref9.props,
+    states = _ref9.states,
+    muiFormControl = _ref9.muiFormControl;
+  return states.reduce(function (acc, state) {
+    acc[state] = props[state];
+    if (muiFormControl) {
+      if (typeof props[state] === 'undefined') {
+        acc[state] = muiFormControl[state];
+      }
+    }
+    return acc;
+  }, {});
+}
+var PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(props, ref) {
+  var elements = props.elements,
+    defaultValue = props.defaultValue,
+    label = props.label,
+    onFocus = props.onFocus,
+    onWrapperClick = props.onWrapperClick,
+    onBlur = props.onBlur,
+    valueStr = props.valueStr,
+    onValueStrChange = props.onValueStrChange,
+    id = props.id,
+    InputProps = props.InputProps,
+    inputProps = props.inputProps,
+    autoFocus = props.autoFocus,
+    ownerStateProp = props.ownerState,
+    endAdornment = props.endAdornment,
+    startAdornment = props.startAdornment,
+    other = _objectWithoutProperties(props, _excluded);
+  var inputRef = React.useRef(null);
+  var handleInputRef = useForkRef(ref, inputRef);
+  var muiFormControl = useFormControl();
+  var fcs = formControlState({
+    props: props,
+    muiFormControl: muiFormControl,
+    states: ['color', 'disabled', 'error', 'focused', 'size', 'required', 'fullWidth', 'adornedStart']
+  });
+  React.useEffect(function () {
+    if (muiFormControl) {
+      muiFormControl.setAdornedStart(Boolean(startAdornment));
+    }
+  }, [muiFormControl, startAdornment]);
+  var ownerState = _extends({}, props, ownerStateProp, {
+    color: fcs.color || 'primary',
+    disabled: fcs.disabled,
+    error: fcs.error,
+    focused: fcs.focused,
+    fullWidth: fcs.fullWidth,
+    size: fcs.size
+  });
+  var classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/_jsxs(SectionsWrapper, _extends({
+    ref: handleInputRef
+  }, other, {
+    className: classes.root,
+    onClick: onWrapperClick,
+    ownerState: ownerState,
+    "aria-invalid": fcs.error,
+    children: [startAdornment, /*#__PURE__*/_jsxs(SectionsContainer, {
+      ownerState: ownerState,
+      className: classes.input,
+      children: [/*#__PURE__*/_jsx(InputContent, {
+        elements: elements,
+        contentEditable: other.contentEditable,
+        ownerState: ownerState
+      }), /*#__PURE__*/_jsx(FakeHiddenInput, {
+        value: valueStr,
+        onChange: onValueStrChange,
+        id: id,
+        "aria-hidden": "true",
+        tabIndex: -1
+      })]
+    }), endAdornment, /*#__PURE__*/_jsx(NotchedOutlineRoot, {
+      shrink: fcs.adornedStart || fcs.focused,
+      notched: fcs.adornedStart || fcs.focused,
+      className: classes.notchedOutline,
+      label: label != null && label !== '' && fcs.required ? /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [label, "\u2009", '*']
+      }) : label,
+      ownerState: ownerState
+    })]
+  }));
+});
+export default PickersInput;

package/legacy/internals/components/PickersTextField/PickersInput.types.js

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