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

package/node/DateTimePicker/DateTimePicker.js

@@ -136,8 +136,8 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -135,8 +135,8 @@ DesktopDatePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -189,8 +189,8 @@ DesktopDateTimePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/MobileDatePicker/MobileDatePicker.js

@@ -132,8 +132,8 @@ MobileDatePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -158,8 +158,8 @@ MobileDateTimePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -258,6 +258,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
             },
             items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
               value: utils.getMinutes(valueOrReferenceDate),
+              utils,
               isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
               resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
               timeStep: timeSteps.minutes,
@@ -274,6 +275,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
             },
             items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
               value: utils.getSeconds(valueOrReferenceDate),
+              utils,
               isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
               resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
               timeStep: timeSteps.seconds,

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -51,6 +51,7 @@ const getHourSectionOptions = ({
 exports.getHourSectionOptions = getHourSectionOptions;
 const getTimeSectionOptions = ({
   value,
+  utils,
   isDisabled,
   timeStep,
   resolveLabel,
@@ -72,7 +73,7 @@ const getTimeSectionOptions = ({
     const timeValue = timeStep * index;
     return {
       value: timeValue,
-      label: resolveLabel(timeValue),
+      label: utils.formatNumber(resolveLabel(timeValue)),
       isDisabled,
       isSelected,
       isFocused,

package/node/PickersShortcuts/PickersShortcuts.js

@@ -30,7 +30,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function PickersShortcuts(props) {
   const {
       items,
-      changeImportance,
+      changeImportance = 'accept',
       onChange,
       isValid
     } = props,

package/node/StaticDatePicker/StaticDatePicker.js

@@ -114,8 +114,8 @@ StaticDatePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -139,8 +139,8 @@ StaticDateTimePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/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/node/internals/components/PickersTextField/Outline.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Outline;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+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", "classes", "className", "label", "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 OutlineRoot = (0, _styles.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%'
+});
+const OutlineLegend = (0, _styles.styled)('legend')(({
+  ownerState,
+  theme
+}) => (0, _extends2.default)({
+  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 && (0, _extends2.default)({
+  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
+  })
+})));
+function Outline(props) {
+  const {
+      className,
+      label,
+      notched
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const withLabel = label != null && label !== '';
+  const ownerState = (0, _extends2.default)({}, props, {
+    notched,
+    withLabel
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OutlineRoot, (0, _extends2.default)({
+    "aria-hidden": true,
+    className: className,
+    ownerState: ownerState
+  }, other, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OutlineLegend, {
+      ownerState: ownerState,
+      children: withLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: label
+      }) :
+      /*#__PURE__*/
+      // notranslate needed while Google Translate will not fix zero-width space issue
+      (0, _jsxRuntime.jsx)("span", {
+        className: "notranslate",
+        children: "\u200B"
+      })
+    })
+  }));
+}

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

@@ -0,0 +1,272 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _FormControl = require("@mui/material/FormControl");
+var _styles = require("@mui/material/styles");
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _utils = require("@mui/utils");
+var _pickersTextFieldClasses = require("./pickersTextFieldClasses");
+var _Outline = _interopRequireDefault(require("./Outline"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["elements", "defaultValue", "label", "onFocus", "onWrapperClick", "onBlur", "valueStr", "onValueStrChange", "id", "InputProps", "inputProps", "autoFocus", "ownerState", "endAdornment", "startAdornment"];
+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 SectionsWrapper = (0, _styles.styled)(_Box.default, {
+  name: 'MuiPickersInput',
+  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 (0, _extends2.default)({
+    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 .${_pickersTextFieldClasses.pickersInputClasses.notchedOutline}`]: {
+      borderColor: (theme.vars || theme).palette.text.primary
+    },
+    // Reset on touch devices, it doesn't add specificity
+    '@media (hover: none)': {
+      [`&:hover .${_pickersTextFieldClasses.pickersInputClasses.notchedOutline}`]: {
+        borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
+      }
+    },
+    [`&.${_pickersTextFieldClasses.pickersInputClasses.focused} .${_pickersTextFieldClasses.pickersInputClasses.notchedOutline}`]: {
+      borderStyle: 'solid',
+      borderColor: (theme.vars || theme).palette[ownerState.color].main,
+      borderWidth: 2
+    },
+    [`&.${_pickersTextFieldClasses.pickersInputClasses.disabled}`]: {
+      [`& .${_pickersTextFieldClasses.pickersInputClasses.notchedOutline}`]: {
+        borderColor: (theme.vars || theme).palette.action.disabled
+      },
+      '*': {
+        color: (theme.vars || theme).palette.action.disabled
+      }
+    },
+    [`&.${_pickersTextFieldClasses.pickersInputClasses.error} .${_pickersTextFieldClasses.pickersInputClasses.notchedOutline}`]: {
+      borderColor: (theme.vars || theme).palette.error.main
+    }
+  }, ownerState.size === 'small' && {
+    padding: '8.5px 14px'
+  });
+});
+const SectionsContainer = (0, _styles.styled)('div', {
+  name: 'MuiPickersInput',
+  slot: 'Input',
+  overridesResolver: (props, styles) => styles.input
+})(({
+  theme,
+  ownerState
+}) => ({
+  fontFamily: theme.typography.fontFamily,
+  fontSize: 'inherit',
+  lineHeight: '1.4375em',
+  // 23px
+  flexGrow: 1,
+  visibility: ownerState.adornedStart || ownerState.focused ? 'visible' : 'hidden'
+}));
+const SectionContainer = (0, _styles.styled)('span', {
+  name: 'MuiPickersInput',
+  slot: 'Section',
+  overridesResolver: (props, styles) => styles.section
+})(({
+  theme
+}) => ({
+  fontFamily: theme.typography.fontFamily,
+  fontSize: 'inherit',
+  lineHeight: '1.4375em',
+  // 23px
+  flexGrow: 1
+}));
+const SectionInput = (0, _styles.styled)('span', {
+  name: 'MuiPickersInput',
+  slot: 'Content',
+  overridesResolver: (props, styles) => styles.content
+})(({
+  theme
+}) => ({
+  fontFamily: theme.typography.fontFamily,
+  lineHeight: '1.4375em',
+  // 23px
+  letterSpacing: 'inherit',
+  width: 'fit-content'
+}));
+const SectionSeparator = (0, _styles.styled)('span', {
+  name: 'MuiPickersInput',
+  slot: 'Separator',
+  overridesResolver: (props, styles) => styles.separator
+})(() => ({
+  whiteSpace: 'pre'
+}));
+const FakeHiddenInput = (0, _styles.styled)('input', {
+  name: 'MuiPickersInput',
+  slot: 'HiddenInput',
+  overridesResolver: (props, styles) => styles.hiddenInput
+})((0, _extends2.default)({}, _utils.visuallyHidden));
+const NotchedOutlineRoot = (0, _styles.styled)(_Outline.default, {
+  name: 'MuiPickersInput',
+  slot: 'NotchedOutline',
+  overridesResolver: (props, styles) => styles.notchedOutline
+})(({
+  theme
+}) => {
+  const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
+  return {
+    borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
+  };
+});
+function InputContent({
+  elements,
+  contentEditable,
+  ownerState
+}) {
+  if (contentEditable) {
+    return elements.map(({
+      content,
+      before,
+      after
+    }) => `${before.children}${content.children}${after.children}`).join('');
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+    children: elements.map(({
+      container,
+      content,
+      before,
+      after
+    }, elementIndex) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(SectionContainer, (0, _extends2.default)({}, container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, before, {
+        className: (0, _clsx.default)(_pickersTextFieldClasses.pickersInputClasses.before, before?.className)
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionInput, (0, _extends2.default)({}, content, {
+        className: (0, _clsx.default)(_pickersTextFieldClasses.pickersInputClasses.content, content?.className),
+        ownerState
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, after, {
+        className: (0, _clsx.default)(_pickersTextFieldClasses.pickersInputClasses.after, after?.className)
+      }))]
+    }), elementIndex))
+  });
+}
+const useUtilityClasses = ownerState => {
+  const {
+    focused,
+    disabled,
+    error,
+    classes,
+    fullWidth,
+    color,
+    size,
+    endAdornment,
+    startAdornment
+  } = ownerState;
+  const slots = {
+    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', `color${(0, _utils.unstable_capitalize)(color)}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
+    notchedOutline: ['notchedOutline'],
+    before: ['before'],
+    after: ['after'],
+    content: ['content'],
+    input: ['input']
+  };
+  return (0, _utils.unstable_composeClasses)(slots, _pickersTextFieldClasses.getPickersInputUtilityClass, classes);
+};
+
+// TODO: move to utils
+// Separates the state props from the form control
+function formControlState({
+  props,
+  states,
+  muiFormControl
+}) {
+  return states.reduce((acc, state) => {
+    acc[state] = props[state];
+    if (muiFormControl) {
+      if (typeof props[state] === 'undefined') {
+        acc[state] = muiFormControl[state];
+      }
+    }
+    return acc;
+  }, {});
+}
+const PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(props, ref) {
+  const {
+      elements,
+      label,
+      onWrapperClick,
+      valueStr,
+      onValueStrChange,
+      id,
+      ownerState: ownerStateProp,
+      endAdornment,
+      startAdornment
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const inputRef = React.useRef(null);
+  const handleInputRef = (0, _useForkRef.default)(ref, inputRef);
+  const muiFormControl = (0, _FormControl.useFormControl)();
+  const fcs = formControlState({
+    props,
+    muiFormControl,
+    states: ['color', 'disabled', 'error', 'focused', 'size', 'required', 'fullWidth', 'adornedStart']
+  });
+  React.useEffect(() => {
+    if (muiFormControl) {
+      muiFormControl.setAdornedStart(Boolean(startAdornment));
+    }
+  }, [muiFormControl, startAdornment]);
+  const ownerState = (0, _extends2.default)({}, props, ownerStateProp, {
+    color: fcs.color || 'primary',
+    disabled: fcs.disabled,
+    error: fcs.error,
+    focused: fcs.focused,
+    fullWidth: fcs.fullWidth,
+    size: fcs.size
+  });
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SectionsWrapper, (0, _extends2.default)({
+    ref: handleInputRef
+  }, other, {
+    className: classes.root,
+    onClick: onWrapperClick,
+    ownerState: ownerState,
+    "aria-invalid": fcs.error,
+    children: [startAdornment, /*#__PURE__*/(0, _jsxRuntime.jsxs)(SectionsContainer, {
+      ownerState: ownerState,
+      className: classes.input,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InputContent, {
+        elements: elements,
+        contentEditable: other.contentEditable,
+        ownerState: ownerState
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FakeHiddenInput, {
+        value: valueStr,
+        onChange: onValueStrChange,
+        id: id,
+        "aria-hidden": "true",
+        tabIndex: -1
+      })]
+    }), endAdornment, /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedOutlineRoot, {
+      shrink: fcs.adornedStart || fcs.focused,
+      notched: fcs.adornedStart || fcs.focused,
+      className: classes.notchedOutline,
+      label: label != null && label !== '' && fcs.required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [label, "\u2009", '*']
+      }) : label,
+      ownerState: ownerState
+    })]
+  }));
+});
+var _default = exports.default = PickersInput;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/internals/components/PickersTextField/PickersTextField.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersTextField = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _utils = require("@mui/utils");
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _pickersTextFieldClasses = require("./pickersTextFieldClasses");
+var _PickersInput = _interopRequireDefault(require("./PickersInput"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["elements", "className", "color", "disabled", "error", "label", "variant", "fullWidth", "valueStr", "helperText", "valueType", "id", "FormHelperTextProps", "InputLabelProps", "inputProps", "InputProps", "required", "focused", "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 PickersTextFieldRoot = (0, _styles.styled)(_FormControl.default, {
+  name: 'MuiPickersTextField',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})({});
+const useUtilityClasses = ownerState => {
+  const {
+    focused,
+    disabled,
+    classes,
+    required
+  } = ownerState;
+  const slots = {
+    root: ['root', focused && !disabled && 'focused', disabled && 'disabled', required && 'required']
+  };
+  return (0, _utils.unstable_composeClasses)(slots, _pickersTextFieldClasses.getPickersTextFieldUtilityClass, classes);
+};
+const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField(props, ref) {
+  const {
+      elements,
+      className,
+      color = 'primary',
+      disabled = false,
+      error = false,
+      label,
+      variant = 'outlined',
+      fullWidth = false,
+      valueStr,
+      helperText,
+      valueType,
+      id: idOverride,
+      FormHelperTextProps,
+      InputLabelProps,
+      inputProps,
+      InputProps,
+      required = false,
+      focused: focusedProp
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const [focused, setFocused] = React.useState(focusedProp);
+  const rootRef = React.useRef(null);
+  const handleRootRef = (0, _useForkRef.default)(ref, rootRef);
+  const inputRef = React.useRef(null);
+  const handleInputRef = (0, _useForkRef.default)(inputRef, InputProps?.ref);
+  const id = (0, _utils.unstable_useId)(idOverride);
+  const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
+  const inputLabelId = label && id ? `${id}-label` : undefined;
+  const ownerState = (0, _extends2.default)({}, props, {
+    color,
+    disabled,
+    error,
+    focused,
+    variant
+  });
+  const classes = useUtilityClasses(ownerState);
+
+  // TODO: delete after behavior implementation
+  const onWrapperClick = () => {
+    if (!focused) {
+      setFocused(true);
+      const container = rootRef.current;
+
+      // Find the first input element within the container
+      const firstInput = container?.querySelector('.content');
+
+      // Check if the input element exists before focusing it
+      if (firstInput) {
+        firstInput.focus();
+      }
+      inputRef.current?.focus();
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersTextFieldRoot, {
+    className: (0, _clsx.default)(classes.root, className),
+    ref: handleRootRef,
+    focused: focused,
+    disabled: disabled,
+    variant: variant,
+    error: error,
+    color: color,
+    fullWidth: fullWidth,
+    required: required,
+    ownerState: ownerState,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, (0, _extends2.default)({
+      htmlFor: id,
+      id: inputLabelId
+    }, InputLabelProps, {
+      children: label
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInput.default, (0, _extends2.default)({
+      elements,
+      valueStr,
+      valueType,
+      onWrapperClick,
+      inputProps,
+      label
+    }, other, InputProps, {
+      ref: handleInputRef
+    })), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, (0, _extends2.default)({
+      id: helperTextId
+    }, FormHelperTextProps, {
+      children: helperText
+    }))]
+  });
+});

package/node/internals/components/PickersTextField/PickersTextField.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/internals/components/PickersTextField/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersTextField", {
+  enumerable: true,
+  get: function () {
+    return _PickersTextField.PickersTextField;
+  }
+});
+var _PickersTextField = require("./PickersTextField");