@mui/x-date-pickers 8.0.0-alpha.0 → 8.0.0-alpha.10

package/node/PickersLayout/usePickerLayout.js

@@ -1,30 +1,34 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _RtlProvider = require("@mui/system/RtlProvider");
 var _PickersActionBar = require("../PickersActionBar");
 var _pickersLayoutClasses = require("./pickersLayoutClasses");
 var _PickersShortcuts = require("../PickersShortcuts");
 var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ownerState"];
 function toolbarHasView(toolbarProps) {
   return toolbarProps.view !== null;
 }
 const useUtilityClasses = (classes, ownerState) => {
   const {
-    isLandscape
+    pickerOrientation
   } = ownerState;
   const slots = {
-    root: ['root', isLandscape && 'landscape'],
+    root: ['root', pickerOrientation === 'landscape' && 'landscape'],
     contentWrapper: ['contentWrapper'],
     toolbar: ['toolbar'],
     actionBar: ['actionBar'],
@@ -36,71 +40,42 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const usePickerLayout = props => {
   const {
-    ownerState: pickersOwnerState
+    ownerState: pickerOwnerState
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const {
-    wrapperVariant,
-    onAccept,
-    onClear,
-    onCancel,
-    onSetToday,
-    view,
-    views,
-    onViewChange,
-    value,
-    onChange,
-    onSelectShortcut,
-    isValid,
-    isLandscape,
-    disabled,
-    readOnly,
+    view
+  } = (0, _hooks.usePickerContext)();
+  const isRtl = (0, _RtlProvider.useRtl)();
+  const {
     children,
     slots,
     slotProps,
     classes: classesProp
-    // TODO: Remove this "as" hack. It get introduced to mark `value` prop in PickersLayoutProps as not required.
-    // The true type should be
-    // - For pickers value: PickerValidDate | null
-    // - For range pickers value: [PickerValidDate | null, PickerValidDate | null]
   } = props;
-  const ownerState = (0, _extends2.default)({}, pickersOwnerState, {
-    wrapperVariant,
-    isLandscape
-  });
+  const ownerState = React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
+    layoutDirection: isRtl ? 'rtl' : 'ltr'
+  }), [pickerOwnerState, isRtl]);
   const classes = useUtilityClasses(classesProp, ownerState);
 
   // Action bar
   const ActionBar = slots?.actionBar ?? _PickersActionBar.PickersActionBar;
-  const actionBarProps = (0, _useSlotProps.default)({
-    elementType: ActionBar,
-    externalSlotProps: slotProps?.actionBar,
-    additionalProps: {
-      onAccept,
-      onClear,
-      onCancel,
-      onSetToday,
-      actions: wrapperVariant === 'desktop' ? [] : ['cancel', 'accept']
-    },
-    className: classes.actionBar,
-    ownerState
-  });
+  const _useSlotProps = (0, _useSlotProps2.default)({
+      elementType: ActionBar,
+      externalSlotProps: slotProps?.actionBar,
+      additionalProps: {
+        actions: ['cancel', 'accept']
+      },
+      className: classes.actionBar,
+      ownerState
+    }),
+    actionBarProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded);
   const actionBar = /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionBar, (0, _extends2.default)({}, actionBarProps));
 
   // Toolbar
   const Toolbar = slots?.toolbar;
-  const toolbarProps = (0, _useSlotProps.default)({
+  const toolbarProps = (0, _useSlotProps2.default)({
     elementType: Toolbar,
     externalSlotProps: slotProps?.toolbar,
-    additionalProps: {
-      isLandscape,
-      onChange,
-      value,
-      view,
-      onViewChange,
-      views,
-      disabled,
-      readOnly
-    },
     className: classes.toolbar,
     ownerState
   });
@@ -112,21 +87,14 @@ const usePickerLayout = props => {
   // Tabs
   const Tabs = slots?.tabs;
   const tabs = view && Tabs ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs, (0, _extends2.default)({
-    view: view,
-    onViewChange: onViewChange,
     className: classes.tabs
   }, slotProps?.tabs)) : null;
 
   // Shortcuts
   const Shortcuts = slots?.shortcuts ?? _PickersShortcuts.PickersShortcuts;
-  const shortcutsProps = (0, _useSlotProps.default)({
+  const shortcutsProps = (0, _useSlotProps2.default)({
     elementType: Shortcuts,
     externalSlotProps: slotProps?.shortcuts,
-    additionalProps: {
-      isValid,
-      isLandscape,
-      onChange: onSelectShortcut
-    },
     className: classes.shortcuts,
     ownerState
   });
@@ -136,7 +104,8 @@ const usePickerLayout = props => {
     content,
     tabs,
     actionBar,
-    shortcuts
+    shortcuts,
+    ownerState
   };
 };
 var _default = exports.default = usePickerLayout;

package/node/PickersSectionList/PickersSectionList.js

@@ -16,8 +16,9 @@ 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 _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "elements", "sectionListRef"];
+const _excluded = ["slots", "slotProps", "elements", "sectionListRef", "classes"];
 const PickersSectionListRoot = exports.PickersSectionListRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersSectionList',
   slot: 'Root',
@@ -45,10 +46,7 @@ const PickersSectionListSectionContent = exports.PickersSectionListSectionConten
 })({
   outline: 'none'
 });
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
+const useUtilityClasses = classes => {
   const slots = {
     root: ['root'],
     section: ['section'],
@@ -63,13 +61,16 @@ function PickersSection(props) {
     element,
     classes
   } = props;
+  const {
+    ownerState
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const Section = slots?.section ?? PickersSectionListSection;
   const sectionProps = (0, _useSlotProps.default)({
     elementType: Section,
     externalSlotProps: slotProps?.section,
     externalForwardedProps: element.container,
     className: classes.section,
-    ownerState: {}
+    ownerState
   });
   const SectionContent = slots?.sectionContent ?? PickersSectionListSectionContent;
   const sectionContentProps = (0, _useSlotProps.default)({
@@ -80,24 +81,24 @@ function PickersSection(props) {
       suppressContentEditableWarning: true
     },
     className: classes.sectionContent,
-    ownerState: {}
+    ownerState
   });
   const SectionSeparator = slots?.sectionSeparator ?? PickersSectionListSectionSeparator;
   const sectionSeparatorBeforeProps = (0, _useSlotProps.default)({
     elementType: SectionSeparator,
     externalSlotProps: slotProps?.sectionSeparator,
     externalForwardedProps: element.before,
-    ownerState: {
-      position: 'before'
-    }
+    ownerState: (0, _extends2.default)({}, ownerState, {
+      separatorPosition: 'before'
+    })
   });
   const sectionSeparatorAfterProps = (0, _useSlotProps.default)({
     elementType: SectionSeparator,
     externalSlotProps: slotProps?.sectionSeparator,
     externalForwardedProps: element.after,
-    ownerState: {
-      position: 'after'
-    }
+    ownerState: (0, _extends2.default)({}, ownerState, {
+      separatorPosition: 'after'
+    })
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Section, (0, _extends2.default)({}, sectionProps, {
     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))]
@@ -142,10 +143,14 @@ const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwa
       slots,
       slotProps,
       elements,
-      sectionListRef
+      sectionListRef,
+      classes: classesProp
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const classes = useUtilityClasses(props);
+  const classes = useUtilityClasses(classesProp);
+  const {
+    ownerState
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const rootRef = React.useRef(null);
   const handleRootRef = (0, _useForkRef.default)(ref, rootRef);
   const getRoot = methodName => {
@@ -193,7 +198,7 @@ const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwa
       suppressContentEditableWarning: true
     },
     className: classes.root,
-    ownerState: {}
+    ownerState
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, {
     children: rootProps.contentEditable ? elements.map(({

package/node/PickersShortcuts/PickersShortcuts.js

@@ -10,14 +10,22 @@ exports.PickersShortcuts = PickersShortcuts;
 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _List = _interopRequireDefault(require("@mui/material/List"));
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
 var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
 var _dimensions = require("../internals/constants/dimensions");
+var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["items", "changeImportance", "isLandscape", "onChange", "isValid"],
+const _excluded = ["items", "changeImportance"],
   _excluded2 = ["getValue"];
+const PickersShortcutsRoot = (0, _styles.styled)(_List.default, {
+  name: 'MuiPickersLayout',
+  slot: 'Shortcuts',
+  overridesResolver: (_, styles) => styles.shortcuts
+})({});
+
 /**
  * Demos:
  *
@@ -30,11 +38,13 @@ const _excluded = ["items", "changeImportance", "isLandscape", "onChange", "isVa
 function PickersShortcuts(props) {
   const {
       items,
-      changeImportance = 'accept',
-      onChange,
-      isValid
+      changeImportance = 'accept'
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    setValue
+  } = (0, _hooks.usePickerActionsContext)();
+  const isValidValue = (0, _hooks.useIsValidValue)();
   if (items == null || items.length === 0) {
     return null;
   }
@@ -44,17 +54,20 @@ function PickersShortcuts(props) {
       } = _ref,
       item = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
     const newValue = getValue({
-      isValid
+      isValid: isValidValue
     });
     return (0, _extends2.default)({}, item, {
       label: item.label,
       onClick: () => {
-        onChange(newValue, changeImportance, item);
+        setValue(newValue, {
+          changeImportance,
+          shortcut: item
+        });
       },
-      disabled: !isValid(newValue)
+      disabled: !isValidValue(newValue)
     });
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersShortcutsRoot, (0, _extends2.default)({
     dense: true,
     sx: [{
       maxHeight: _dimensions.VIEW_HEIGHT,
@@ -95,8 +108,6 @@ process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
    * @default false
    */
   disablePadding: _propTypes.default.bool,
-  isLandscape: _propTypes.default.bool.isRequired,
-  isValid: _propTypes.default.func.isRequired,
   /**
    * Ordered array of shortcuts to display.
    * If empty, does not display the shortcuts.
@@ -107,7 +118,6 @@ process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
     id: _propTypes.default.string,
     label: _propTypes.default.string.isRequired
   })),
-  onChange: _propTypes.default.func.isRequired,
   style: _propTypes.default.object,
   /**
    * The content of the subheader, normally `ListSubheader`.

package/node/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -10,7 +10,6 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 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 _system = require("@mui/system");
 var _utils = require("@mui/utils");
@@ -18,8 +17,9 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _pickersFilledInputClasses = require("./pickersFilledInputClasses");
 var _PickersInputBase = require("../PickersInputBase");
 var _PickersInputBase2 = require("../PickersInputBase/PickersInputBase");
+var _usePickerTextFieldOwnerState = require("../usePickerTextFieldOwnerState");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["label", "autoFocus", "disableUnderline", "ownerState"];
+const _excluded = ["label", "autoFocus", "disableUnderline", "hiddenLabel", "classes"];
 const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
   name: 'MuiPickersFilledInput',
   slot: 'Root',
@@ -58,7 +58,7 @@ const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInp
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
       props: {
-        color,
+        inputColor: color,
         disableUnderline: false
       },
       style: {
@@ -117,16 +117,16 @@ const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInp
         }
       }
     }, {
-      props: ({
-        startAdornment
-      }) => !!startAdornment,
+      props: {
+        hasStartAdornment: true
+      },
       style: {
         paddingLeft: 12
       }
     }, {
-      props: ({
-        endAdornment
-      }) => !!endAdornment,
+      props: {
+        hasEndAdornment: true
+      },
       style: {
         paddingRight: 12
       }
@@ -136,7 +136,8 @@ const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInp
 const PickersFilledSectionsContainer = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseSectionsContainer, {
   name: 'MuiPickersFilledInput',
   slot: 'sectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  overridesResolver: (props, styles) => styles.sectionsContainer,
+  shouldForwardProp: prop => (0, _system.shouldForwardProp)(prop) && prop !== 'hiddenLabel'
 })({
   paddingTop: 25,
   paddingRight: 12,
@@ -144,23 +145,23 @@ const PickersFilledSectionsContainer = (0, _styles.styled)(_PickersInputBase2.Pi
   paddingLeft: 12,
   variants: [{
     props: {
-      size: 'small'
+      inputSize: 'small'
     },
     style: {
       paddingTop: 21,
       paddingBottom: 4
     }
   }, {
-    props: ({
-      startAdornment
-    }) => !!startAdornment,
+    props: {
+      hasStartAdornment: true
+    },
     style: {
       paddingLeft: 0
     }
   }, {
-    props: ({
-      endAdornment
-    }) => !!endAdornment,
+    props: {
+      hasEndAdornment: true
+    },
     style: {
       paddingRight: 0
     }
@@ -175,7 +176,7 @@ const PickersFilledSectionsContainer = (0, _styles.styled)(_PickersInputBase2.Pi
   }, {
     props: {
       hiddenLabel: true,
-      size: 'small'
+      inputSize: 'small'
     },
     style: {
       paddingTop: 8,
@@ -183,18 +184,18 @@ const PickersFilledSectionsContainer = (0, _styles.styled)(_PickersInputBase2.Pi
     }
   }]
 });
-const useUtilityClasses = ownerState => {
+const useUtilityClasses = (classes, ownerState) => {
   const {
-    classes,
-    disableUnderline
+    inputHasUnderline
   } = ownerState;
   const slots = {
-    root: ['root', !disableUnderline && 'underline'],
+    root: ['root', inputHasUnderline && 'underline'],
     input: ['input']
   };
   const composedClasses = (0, _composeClasses.default)(slots, _pickersFilledInputClasses.getPickersFilledInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
+
 /**
  * @ignore - internal component.
  */
@@ -206,14 +207,15 @@ const PickersFilledInput = exports.PickersFilledInput = /*#__PURE__*/React.forwa
   const {
       label,
       disableUnderline = false,
-      ownerState: ownerStateProp
+      hiddenLabel = false,
+      classes: classesProp
     } = 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 pickerTextFieldOwnerState = (0, _usePickerTextFieldOwnerState.usePickerTextFieldOwnerState)();
+  const ownerState = (0, _extends2.default)({}, pickerTextFieldOwnerState, {
+    inputHasUnderline: !disableUnderline
   });
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses(classesProp, ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInputBase.PickersInputBase, (0, _extends2.default)({
     slots: {
       root: PickersFilledInputRoot,
@@ -222,12 +224,16 @@ const PickersFilledInput = exports.PickersFilledInput = /*#__PURE__*/React.forwa
     slotProps: {
       root: {
         disableUnderline
+      },
+      input: {
+        hiddenLabel
       }
     }
   }, other, {
     label: label,
     classes: classes,
-    ref: ref
+    ref: ref,
+    ownerState: ownerState
   }));
 });
 process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {

package/node/PickersTextField/PickersInput/PickersInput.js

@@ -10,19 +10,21 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 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 _createStyled = require("@mui/system/createStyled");
 var _utils = require("@mui/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersInputClasses = require("./pickersInputClasses");
 var _PickersInputBase = require("../PickersInputBase");
 var _PickersInputBase2 = require("../PickersInputBase/PickersInputBase");
+var _usePickerTextFieldOwnerState = require("../usePickerTextFieldOwnerState");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["label", "autoFocus", "disableUnderline", "ownerState"];
+const _excluded = ["label", "autoFocus", "disableUnderline", "ownerState", "classes"];
 const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBaseRoot, {
   name: 'MuiPickersInput',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  overridesResolver: (props, styles) => styles.root,
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'disableUnderline'
 })(({
   theme
 }) => {
@@ -39,7 +41,7 @@ const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBase
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
       props: {
-        color
+        inputColor: color
       },
       style: {
         '&::after': {
@@ -104,18 +106,18 @@ const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBase
     }]
   };
 });
-const useUtilityClasses = ownerState => {
+const useUtilityClasses = (classes, ownerState) => {
   const {
-    classes,
-    disableUnderline
+    inputHasUnderline
   } = ownerState;
   const slots = {
-    root: ['root', !disableUnderline && 'underline'],
+    root: ['root', !inputHasUnderline && 'underline'],
     input: ['input']
   };
   const composedClasses = (0, _composeClasses.default)(slots, _pickersInputClasses.getPickersInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
+
 /**
  * @ignore - internal component.
  */
@@ -127,18 +129,22 @@ const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(functi
   const {
       label,
       disableUnderline = false,
-      ownerState: ownerStateProp
+      classes: classesProp
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const muiFormControl = (0, _FormControl.useFormControl)();
-  const ownerState = (0, _extends2.default)({}, props, ownerStateProp, muiFormControl, {
-    disableUnderline,
-    color: muiFormControl?.color || 'primary'
+  const pickerTextFieldOwnerState = (0, _usePickerTextFieldOwnerState.usePickerTextFieldOwnerState)();
+  const ownerState = (0, _extends2.default)({}, pickerTextFieldOwnerState, {
+    inputHasUnderline: !disableUnderline
   });
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses(classesProp, ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersInputBase.PickersInputBase, (0, _extends2.default)({
     slots: {
       root: PickersInputRoot
+    },
+    slotProps: {
+      root: {
+        disableUnderline
+      }
     }
   }, other, {
     label: label,

package/node/PickersTextField/PickersInput/pickersInputClasses.js

@@ -13,4 +13,4 @@ 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']));
+const pickersInputClasses = exports.pickersInputClasses = (0, _extends2.default)({}, _PickersInputBase.pickersInputBaseClasses, (0, _generateUtilityClasses.default)('MuiPickersInput', ['root', 'underline', 'input']));