@mui/x-date-pickers 8.0.0-alpha.11 → 8.0.0-alpha.13

package/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -1,28 +1,36 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
+var _pickersInputBaseClasses = require("./pickersInputBaseClasses");
+var _PickersSectionList = require("../../PickersSectionList");
+var _usePickerTextFieldOwnerState = require("../usePickerTextFieldOwnerState");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value", "onChange", "id", "autoFocus", "endAdornment", "startAdornment", "renderSuffix", "slots", "slotProps", "contentEditable", "tabIndex", "onInput", "onPaste", "onKeyDown", "fullWidth", "name", "readOnly", "inputProps", "inputRef", "sectionListRef", "onFocus", "onBlur", "classes", "ownerState"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled, useThemeProps } from '@mui/material/styles';
-import useForkRef from '@mui/utils/useForkRef';
-import { refType } from '@mui/utils';
-import composeClasses from '@mui/utils/composeClasses';
-import capitalize from '@mui/utils/capitalize';
-import useSlotProps from '@mui/utils/useSlotProps';
-import visuallyHidden from '@mui/utils/visuallyHidden';
-import { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from "./pickersInputBaseClasses.js";
-import { Unstable_PickersSectionList as PickersSectionList, Unstable_PickersSectionListRoot as PickersSectionListRoot, Unstable_PickersSectionListSection as PickersSectionListSection, Unstable_PickersSectionListSectionSeparator as PickersSectionListSectionSeparator, Unstable_PickersSectionListSectionContent as PickersSectionListSectionContent } from "../../PickersSectionList/index.js";
-import { usePickerTextFieldOwnerState } from "../usePickerTextFieldOwnerState.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const round = value => Math.round(value * 1e5) / 1e5;
-export const PickersInputBaseRoot = styled('div', {
+const PickersInputBaseRoot = exports.PickersInputBaseRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersInputBase',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
   theme
-}) => _extends({}, theme.typography.body1, {
+}) => (0, _extends2.default)({}, theme.typography.body1, {
   color: (theme.vars || theme).palette.text.primary,
   cursor: 'text',
   padding: 0,
@@ -42,7 +50,7 @@ export const PickersInputBaseRoot = styled('div', {
     }
   }]
 }));
-export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot, {
+const PickersInputBaseSectionsContainer = exports.PickersInputBaseSectionsContainer = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListRoot, {
   name: 'MuiPickersInputBase',
   slot: 'SectionsContainer',
   overridesResolver: (props, styles) => styles.sectionsContainer
@@ -100,7 +108,7 @@ export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot,
     }
   }]
 }));
-const PickersInputBaseSection = styled(PickersSectionListSection, {
+const PickersInputBaseSection = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSection, {
   name: 'MuiPickersInputBase',
   slot: 'Section',
   overridesResolver: (props, styles) => styles.section
@@ -115,7 +123,7 @@ const PickersInputBaseSection = styled(PickersSectionListSection, {
   display: 'inline-block',
   whiteSpace: 'nowrap'
 }));
-const PickersInputBaseSectionContent = styled(PickersSectionListSectionContent, {
+const PickersInputBaseSectionContent = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionContent, {
   name: 'MuiPickersInputBase',
   slot: 'SectionContent',
   overridesResolver: (props, styles) => styles.content
@@ -129,7 +137,7 @@ const PickersInputBaseSectionContent = styled(PickersSectionListSectionContent,
   width: 'fit-content',
   outline: 'none'
 }));
-const PickersInputBaseSectionSeparator = styled(PickersSectionListSectionSeparator, {
+const PickersInputBaseSectionSeparator = (0, _styles.styled)(_PickersSectionList.Unstable_PickersSectionListSectionSeparator, {
   name: 'MuiPickersInputBase',
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
@@ -137,11 +145,11 @@ const PickersInputBaseSectionSeparator = styled(PickersSectionListSectionSeparat
   whiteSpace: 'pre',
   letterSpacing: 'inherit'
 }));
-const PickersInputBaseInput = styled('input', {
+const PickersInputBaseInput = (0, _styles.styled)('input', {
   name: 'MuiPickersInputBase',
   slot: 'Input',
   overridesResolver: (props, styles) => styles.hiddenInput
-})(_extends({}, visuallyHidden));
+})((0, _extends2.default)({}, _visuallyHidden.default));
 const useUtilityClasses = (classes, ownerState) => {
   const {
     isFieldFocused,
@@ -155,7 +163,7 @@ const useUtilityClasses = (classes, ownerState) => {
     hasEndAdornment
   } = ownerState;
   const slots = {
-    root: ['root', isFieldFocused && !isFieldDisabled && 'focused', isFieldDisabled && 'disabled', isFieldReadOnly && 'readOnly', hasFieldError && 'error', isInputInFullWidth && 'fullWidth', `color${capitalize(inputColor)}`, inputSize === 'small' && 'inputSizeSmall', hasStartAdornment && 'adornedStart', hasEndAdornment && 'adornedEnd'],
+    root: ['root', isFieldFocused && !isFieldDisabled && 'focused', isFieldDisabled && 'disabled', isFieldReadOnly && 'readOnly', hasFieldError && 'error', isInputInFullWidth && 'fullWidth', `color${(0, _capitalize.default)(inputColor)}`, inputSize === 'small' && 'inputSizeSmall', hasStartAdornment && 'adornedStart', hasEndAdornment && 'adornedEnd'],
     notchedOutline: ['notchedOutline'],
     input: ['input'],
     sectionsContainer: ['sectionsContainer'],
@@ -163,14 +171,14 @@ const useUtilityClasses = (classes, ownerState) => {
     sectionBefore: ['sectionBefore'],
     sectionAfter: ['sectionAfter']
   };
-  return composeClasses(slots, getPickersInputBaseUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _pickersInputBaseClasses.getPickersInputBaseUtilityClass, classes);
 };
 
 /**
  * @ignore - internal component.
  */
-const PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase(inProps, ref) {
-  const props = useThemeProps({
+const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPickersInputBase'
   });
@@ -200,12 +208,12 @@ const PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase
       classes: classesProp,
       ownerState: ownerStateProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerStateContext = usePickerTextFieldOwnerState();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerStateContext = (0, _usePickerTextFieldOwnerState.usePickerTextFieldOwnerState)();
   const rootRef = React.useRef(null);
-  const handleRootRef = useForkRef(ref, rootRef);
-  const handleInputRef = useForkRef(inputProps?.ref, inputRef);
-  const muiFormControl = useFormControl();
+  const handleRootRef = (0, _useForkRef.default)(ref, rootRef);
+  const handleInputRef = (0, _useForkRef.default)(inputProps?.ref, inputRef);
+  const muiFormControl = (0, _FormControl.useFormControl)();
   if (!muiFormControl) {
     throw new Error('MUI X: PickersInputBase should always be used inside a PickersTextField component');
   }
@@ -238,7 +246,7 @@ const PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase
   }, [muiFormControl, areAllSectionsEmpty]);
   const classes = useUtilityClasses(classesProp, ownerState);
   const InputRoot = slots?.root || PickersInputBaseRoot;
-  const inputRootProps = useSlotProps({
+  const inputRootProps = (0, _useSlotProps.default)({
     elementType: InputRoot,
     externalSlotProps: slotProps?.root,
     externalForwardedProps: other,
@@ -250,8 +258,8 @@ const PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase
     ownerState
   });
   const InputSectionsContainer = slots?.input || PickersInputBaseSectionsContainer;
-  return /*#__PURE__*/_jsxs(InputRoot, _extends({}, inputRootProps, {
-    children: [startAdornment, /*#__PURE__*/_jsx(PickersSectionList, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputRoot, (0, _extends2.default)({}, inputRootProps, {
+    children: [startAdornment, /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersSectionList.Unstable_PickersSectionList, {
       sectionListRef: sectionListRef,
       elements: elements,
       contentEditable: contentEditable,
@@ -269,19 +277,19 @@ const PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase
         sectionSeparator: PickersInputBaseSectionSeparator
       },
       slotProps: {
-        root: _extends({}, slotProps?.input, {
+        root: (0, _extends2.default)({}, slotProps?.input, {
           ownerState
         }),
         sectionContent: {
-          className: pickersInputBaseClasses.sectionContent
+          className: _pickersInputBaseClasses.pickersInputBaseClasses.sectionContent
         },
         sectionSeparator: ({
           separatorPosition
         }) => ({
-          className: separatorPosition === 'before' ? pickersInputBaseClasses.sectionBefore : pickersInputBaseClasses.sectionAfter
+          className: separatorPosition === 'before' ? _pickersInputBaseClasses.pickersInputBaseClasses.sectionBefore : _pickersInputBaseClasses.pickersInputBaseClasses.sectionAfter
         })
       }
-    }), endAdornment, renderSuffix ? renderSuffix(_extends({}, muiFormControl)) : null, /*#__PURE__*/_jsx(PickersInputBaseInput, _extends({
+    }), endAdornment, renderSuffix ? renderSuffix((0, _extends2.default)({}, muiFormControl)) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersInputBaseInput, (0, _extends2.default)({
       name: name,
       className: classes.input,
       value: value,
@@ -311,69 +319,68 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
    * For a single item value, it means that `value === null`
    * For a range value, it means that `value === [null, null]`
    */
-  areAllSectionsEmpty: PropTypes.bool.isRequired,
-  className: PropTypes.string,
+  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.elementType,
+  component: _propTypes.default.elementType,
   /**
    * If true, the whole element is editable.
    * Useful when all the sections are selected.
    */
-  contentEditable: PropTypes.bool.isRequired,
+  contentEditable: _propTypes.default.bool.isRequired,
   /**
    * The elements to render.
    * Each element contains the prop to edit a section of the value.
    */
-  elements: PropTypes.arrayOf(PropTypes.shape({
-    after: PropTypes.object.isRequired,
-    before: PropTypes.object.isRequired,
-    container: PropTypes.object.isRequired,
-    content: PropTypes.object.isRequired
+  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.node,
-  fullWidth: PropTypes.bool,
-  id: PropTypes.string,
-  inputProps: PropTypes.object,
-  inputRef: refType,
-  label: PropTypes.node,
-  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
-  name: PropTypes.string,
-  onChange: PropTypes.func.isRequired,
-  onClick: PropTypes.func.isRequired,
-  onInput: PropTypes.func.isRequired,
-  onKeyDown: PropTypes.func.isRequired,
-  onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
-  readOnly: PropTypes.bool,
-  renderSuffix: PropTypes.func,
-  sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      getRoot: PropTypes.func.isRequired,
-      getSectionContainer: PropTypes.func.isRequired,
-      getSectionContent: PropTypes.func.isRequired,
-      getSectionIndexFromDOMElement: PropTypes.func.isRequired
+  endAdornment: _propTypes.default.node,
+  fullWidth: _propTypes.default.bool,
+  id: _propTypes.default.string,
+  inputProps: _propTypes.default.object,
+  inputRef: _utils.refType,
+  label: _propTypes.default.node,
+  margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
+  name: _propTypes.default.string,
+  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 props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * The components used for each slot inside.
    *
    * @default {}
    */
-  slots: PropTypes.object,
-  startAdornment: PropTypes.node,
-  style: PropTypes.object,
+  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.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  value: PropTypes.string.isRequired
-} : void 0;
-export { PickersInputBase };
+  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/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts

@@ -1,59 +1,59 @@
 import * as React from 'react';
 import { BoxProps } from '@mui/material/Box';
-import { PickersSectionListProps } from '../../PickersSectionList';
+import { PickersSectionListProps } from "../../PickersSectionList/index.js";
 export interface PickersInputPropsUsedByField extends Pick<PickersSectionListProps, 'elements' | 'sectionListRef' | 'contentEditable' | 'tabIndex'> {
-    /**
-     * 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: boolean;
-    onClick: React.MouseEventHandler<HTMLDivElement>;
-    onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
-    onInput: React.FormEventHandler<HTMLDivElement>;
-    onPaste: React.ClipboardEventHandler<HTMLDivElement>;
-    endAdornment?: React.ReactNode;
-    startAdornment?: React.ReactNode;
-    value: string;
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-    label?: React.ReactNode;
-    id?: string;
-    fullWidth?: boolean;
-    readOnly?: boolean;
-    name?: string;
-    inputProps?: React.HTMLAttributes<HTMLInputElement> & {
-        ref?: React.Ref<HTMLInputElement>;
-    };
-    inputRef?: React.Ref<HTMLInputElement>;
+  /**
+   * 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: boolean;
+  onClick: React.MouseEventHandler<HTMLDivElement>;
+  onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
+  onInput: React.FormEventHandler<HTMLDivElement>;
+  onPaste: React.ClipboardEventHandler<HTMLDivElement>;
+  endAdornment?: React.ReactNode;
+  startAdornment?: React.ReactNode;
+  value: string;
+  onChange: React.ChangeEventHandler<HTMLInputElement>;
+  label?: React.ReactNode;
+  id?: string;
+  fullWidth?: boolean;
+  readOnly?: boolean;
+  name?: string;
+  inputProps?: React.HTMLAttributes<HTMLInputElement> & {
+    ref?: React.Ref<HTMLInputElement>;
+  };
+  inputRef?: React.Ref<HTMLInputElement>;
 }
 export interface PickersInputBaseProps extends Omit<BoxProps, keyof PickersInputPropsUsedByField>, PickersInputPropsUsedByField {
-    ownerState?: any;
+  ownerState?: any;
+  margin?: 'dense' | 'none' | 'normal';
+  renderSuffix?: (state: {
+    disabled?: boolean;
+    error?: boolean;
+    filled?: boolean;
+    focused?: boolean;
     margin?: 'dense' | 'none' | 'normal';
-    renderSuffix?: (state: {
-        disabled?: boolean;
-        error?: boolean;
-        filled?: boolean;
-        focused?: boolean;
-        margin?: 'dense' | 'none' | 'normal';
-        required?: boolean;
-        adornedStart?: boolean;
-    }) => React.ReactNode;
-    ref?: React.Ref<HTMLDivElement>;
-    /**
-     * The components used for each slot inside.
-     *
-     * @default {}
-     */
-    slots?: {
-        root?: React.ElementType;
-        input?: React.ElementType;
-    };
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: {
-        root?: any;
-        input?: any;
-    };
-}
+    required?: boolean;
+    adornedStart?: boolean;
+  }) => React.ReactNode;
+  ref?: React.Ref<HTMLDivElement>;
+  /**
+   * The components used for each slot inside.
+   *
+   * @default {}
+   */
+  slots?: {
+    root?: React.ElementType;
+    input?: React.ElementType;
+  };
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: {
+    root?: any;
+    input?: any;
+  };
+}

package/PickersTextField/PickersInputBase/PickersInputBase.types.js

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

package/PickersTextField/PickersInputBase/index.d.ts

@@ -1,4 +1,4 @@
-export { PickersInputBase } from './PickersInputBase';
+export { PickersInputBase } from "./PickersInputBase.js";
 export type { PickersInputBaseProps } from './PickersInputBase.types';
-export { pickersInputBaseClasses, getPickersInputBaseUtilityClass, } from './pickersInputBaseClasses';
-export type { PickersInputBaseClasses, PickersInputBaseClassKey } from './pickersInputBaseClasses';
+export { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from "./pickersInputBaseClasses.js";
+export type { PickersInputBaseClasses, PickersInputBaseClassKey } from './pickersInputBaseClasses';

package/PickersTextField/PickersInputBase/index.js

@@ -1,2 +1,25 @@
-export { PickersInputBase } from "./PickersInputBase.js";
-export { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from "./pickersInputBaseClasses.js";
+"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/PickersTextField/PickersInputBase/pickersInputBaseClasses.d.ts

@@ -1,31 +1,31 @@
 export interface PickersInputBaseClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if focused. */
-    focused: string;
-    /** State class applied to the root element if `disabled=true`. */
-    disabled: string;
-    /** State class applied to the root element if `readOnly=true`. */
-    readOnly: string;
-    /** State class applied to the root element if `error=true`. */
-    error: string;
-    /** Styles applied to the NotchedOutline element. */
-    notchedOutline: string;
-    /** Styles applied to the real hidden input element. */
-    input: string;
-    /** Styles applied to the container of the sections. */
-    sectionsContainer: string;
-    /** Styles applied to the content of a section. */
-    sectionContent: string;
-    /** Styles applied to the separator before a section */
-    sectionBefore: string;
-    /** Styles applied to the separator after a section */
-    sectionAfter: string;
-    /** Styles applied to the root if there is a startAdornment present */
-    adornedStart: string;
-    /** Styles applied to the root if there is an endAdornment present */
-    adornedEnd: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if focused. */
+  focused: string;
+  /** State class applied to the root element if `disabled=true`. */
+  disabled: string;
+  /** State class applied to the root element if `readOnly=true`. */
+  readOnly: string;
+  /** State class applied to the root element if `error=true`. */
+  error: string;
+  /** Styles applied to the NotchedOutline element. */
+  notchedOutline: string;
+  /** Styles applied to the real hidden input element. */
+  input: string;
+  /** Styles applied to the container of the sections. */
+  sectionsContainer: string;
+  /** Styles applied to the content of a section. */
+  sectionContent: string;
+  /** Styles applied to the separator before a section */
+  sectionBefore: string;
+  /** Styles applied to the separator after a section */
+  sectionAfter: string;
+  /** Styles applied to the root if there is a startAdornment present */
+  adornedStart: string;
+  /** Styles applied to the root if there is an endAdornment present */
+  adornedEnd: string;
 }
 export type PickersInputBaseClassKey = keyof PickersInputBaseClasses;
 export declare function getPickersInputBaseUtilityClass(slot: string): string;
-export declare const pickersInputBaseClasses: Record<keyof PickersInputBaseClasses, string>;
+export declare const pickersInputBaseClasses: Record<keyof PickersInputBaseClasses, string>;

package/PickersTextField/PickersInputBase/pickersInputBaseClasses.js

@@ -1,6 +1,14 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getPickersInputBaseUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersInputBase', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+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);
 }
-export const pickersInputBaseClasses = generateUtilityClasses('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);
+const pickersInputBaseClasses = exports.pickersInputBaseClasses = (0, _generateUtilityClasses.default)('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);

package/PickersTextField/PickersOutlinedInput/Outline.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 interface OutlineProps extends React.HTMLAttributes<HTMLFieldSetElement> {
-    notched: boolean;
-    shrink: boolean;
-    label: React.ReactNode;
+  notched: boolean;
+  shrink: boolean;
+  label: React.ReactNode;
 }
 /**
  * @ignore - internal component.
  */
 export default function Outline(props: OutlineProps): React.JSX.Element;
-export {};
+export {};

package/PickersTextField/PickersOutlinedInput/Outline.js

@@ -1,12 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Outline;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _createStyled = require("@mui/system/createStyled");
+var _usePickerTextFieldOwnerState = require("../usePickerTextFieldOwnerState");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children", "className", "label", "notched", "shrink"];
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { shouldForwardProp } from '@mui/system/createStyled';
-import { usePickerTextFieldOwnerState } from "../usePickerTextFieldOwnerState.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const OutlineRoot = styled('fieldset', {
+const OutlineRoot = (0, _styles.styled)('fieldset', {
   name: 'MuiPickersOutlinedInput',
   slot: 'NotchedOutline',
   overridesResolver: (props, styles) => styles.notchedOutline
@@ -32,14 +40,14 @@ const OutlineRoot = styled('fieldset', {
     borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
   };
 });
-const OutlineLabel = styled('span')(({
+const OutlineLabel = (0, _styles.styled)('span')(({
   theme
 }) => ({
   fontFamily: theme.typography.fontFamily,
   fontSize: 'inherit'
 }));
-const OutlineLegend = styled('legend', {
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'notched'
+const OutlineLegend = (0, _styles.styled)('legend', {
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'notched'
 })(({
   theme
 }) => ({
@@ -107,28 +115,28 @@ const OutlineLegend = styled('legend', {
 /**
  * @ignore - internal component.
  */
-export default function Outline(props) {
+function Outline(props) {
   const {
       className,
       label,
       notched
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = usePickerTextFieldOwnerState();
-  return /*#__PURE__*/_jsx(OutlineRoot, _extends({
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _usePickerTextFieldOwnerState.usePickerTextFieldOwnerState)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OutlineRoot, (0, _extends2.default)({
     "aria-hidden": true,
     className: className
   }, other, {
     ownerState: ownerState,
-    children: /*#__PURE__*/_jsx(OutlineLegend, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OutlineLegend, {
       ownerState: ownerState,
       notched: notched,
-      children: label ? /*#__PURE__*/_jsx(OutlineLabel, {
+      children: label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(OutlineLabel, {
         children: label
       }) :
       /*#__PURE__*/
       // notranslate needed while Google Translate will not fix zero-width space issue
-      _jsx(OutlineLabel, {
+      (0, _jsxRuntime.jsx)(OutlineLabel, {
         className: "notranslate",
         children: "\u200B"
       })