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

package/node/internals/hooks/useField/useFieldCharacterEditing.js

@@ -48,6 +48,7 @@ const useFieldCharacterEditing = ({
   sections,
   updateSectionValue,
   sectionsValueBoundaries,
+  localizedDigits,
   setTempAndroidValueStr,
   timezone
 }) => {
@@ -76,7 +77,7 @@ const useFieldCharacterEditing = ({
     const activeSection = sections[sectionIndex];
 
     // The current query targets the section being editing
-    // We can try to concatenated value
+    // We can try to concatenate the value
     if (query != null && (!isValidQueryValue || isValidQueryValue(query.value)) && query.sectionIndex === sectionIndex) {
       const concatenatedQueryValue = `${query.value}${cleanKeyPressed}`;
       const queryResponse = getFirstSectionValueMatchingWithQuery(concatenatedQueryValue, activeSection);
@@ -170,7 +171,8 @@ const useFieldCharacterEditing = ({
   };
   const applyNumericEditing = params => {
     const getNewSectionValue = (queryValue, section) => {
-      const queryValueNumber = Number(`${queryValue}`);
+      const cleanQueryValue = (0, _useField.removeLocalizedDigits)(queryValue, localizedDigits);
+      const queryValueNumber = Number(cleanQueryValue);
       const sectionBoundaries = sectionsValueBoundaries[section.type]({
         currentDate: null,
         format: section.format,
@@ -190,8 +192,8 @@ const useFieldCharacterEditing = ({
           saveQuery: true
         };
       }
-      const shouldGoToNextSection = Number(`${queryValue}0`) > sectionBoundaries.maximum || queryValue.length === sectionBoundaries.maximum.toString().length;
-      const newSectionValue = (0, _useField.cleanDigitSectionValue)(utils, timezone, queryValueNumber, sectionBoundaries, section);
+      const shouldGoToNextSection = queryValueNumber * 10 > sectionBoundaries.maximum || cleanQueryValue.length === sectionBoundaries.maximum.toString().length;
+      const newSectionValue = (0, _useField.cleanDigitSectionValue)(utils, queryValueNumber, sectionBoundaries, localizedDigits, section);
       return {
         sectionValue: newSectionValue,
         shouldGoToNextSection
@@ -239,12 +241,14 @@ const useFieldCharacterEditing = ({
         saveQuery: false
       };
     };
-    return applyQuery(params, getFirstSectionValueMatchingWithQuery, queryValue => !Number.isNaN(Number(queryValue)));
+    return applyQuery(params, getFirstSectionValueMatchingWithQuery, queryValue => (0, _useField.isStringNumber)(queryValue, localizedDigits));
   };
   const applyCharacterEditing = (0, _useEventCallback.default)(params => {
     const activeSection = sections[params.sectionIndex];
-    const isNumericEditing = !Number.isNaN(Number(params.keyPressed));
-    const response = isNumericEditing ? applyNumericEditing(params) : applyLetterEditing(params);
+    const isNumericEditing = (0, _useField.isStringNumber)(params.keyPressed, localizedDigits);
+    const response = isNumericEditing ? applyNumericEditing((0, _extends2.default)({}, params, {
+      keyPressed: (0, _useField.applyLocalizedDigits)(params.keyPressed, localizedDigits)
+    })) : applyLetterEditing(params);
     if (response == null) {
       setTempAndroidValueStr(null);
     } else {

package/node/internals/hooks/useField/useFieldState.js

@@ -51,9 +51,10 @@ const useFieldState = params => {
     onChange,
     valueManager
   });
-  const sectionsValueBoundaries = React.useMemo(() => (0, _useField.getSectionsBoundaries)(utils, timezone), [utils, timezone]);
-  const getSectionsFromValue = React.useCallback((value, fallbackSections = null) => fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, isRTL, date => (0, _useField.splitFormatIntoSections)(utils, timezone, localeText, format, date, formatDensity, shouldRespectLeadingZeros, isRTL)), [fieldValueManager, format, localeText, isRTL, shouldRespectLeadingZeros, utils, formatDensity, timezone]);
-  const placeholder = React.useMemo(() => fieldValueManager.getValueStrFromSections(getSectionsFromValue(valueManager.emptyValue), isRTL), [fieldValueManager, getSectionsFromValue, valueManager.emptyValue, isRTL]);
+  const localizedDigits = React.useMemo(() => (0, _useField.getLocalizedDigits)(utils), [utils]);
+  const sectionsValueBoundaries = React.useMemo(() => (0, _useField.getSectionsBoundaries)(utils, localizedDigits, timezone), [utils, localizedDigits, timezone]);
+  const getSectionsFromValue = React.useCallback((value, fallbackSections = null) => fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, localizedDigits, isRTL, date => (0, _useField.splitFormatIntoSections)(utils, timezone, localeText, localizedDigits, format, date, formatDensity, shouldRespectLeadingZeros, isRTL)), [fieldValueManager, format, localeText, localizedDigits, isRTL, shouldRespectLeadingZeros, utils, formatDensity, timezone]);
+  const placeholder = React.useMemo(() => fieldValueManager.getValueStrFromSections(getSectionsFromValue(valueManager.emptyValue), localizedDigits, isRTL), [fieldValueManager, getSectionsFromValue, valueManager.emptyValue, localizedDigits, isRTL]);
   const [state, setState] = React.useState(() => {
     const sections = getSectionsFromValue(valueFromTheOutside);
     (0, _useField.validateSections)(sections, valueType);
@@ -151,7 +152,7 @@ const useFieldState = params => {
       value: newSectionValue,
       modified: true
     });
-    return (0, _useField.addPositionPropertiesToSections)(newSections, isRTL);
+    return (0, _useField.addPositionPropertiesToSections)(newSections, localizedDigits, isRTL);
   };
   const clearValue = () => {
     publishValue({
@@ -188,7 +189,7 @@ const useFieldState = params => {
       if (date == null || !utils.isValid(date)) {
         return null;
       }
-      const sections = (0, _useField.splitFormatIntoSections)(utils, timezone, localeText, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
+      const sections = (0, _useField.splitFormatIntoSections)(utils, timezone, localeText, localizedDigits, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
       return (0, _useField.mergeDateIntoReferenceDate)(utils, timezone, date, sections, referenceDate, false);
     };
     const newValue = fieldValueManager.parseValueStr(valueStr, state.referenceValue, parseDateStr);
@@ -219,7 +220,7 @@ const useFieldState = params => {
     const activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
     const newSections = setSectionValue(selectedSectionIndexes.startIndex, newSectionValue);
     const newActiveDateSections = activeDateManager.getSections(newSections);
-    const newActiveDate = (0, _useField.getDateFromDateSections)(utils, newActiveDateSections);
+    const newActiveDate = (0, _useField.getDateFromDateSections)(utils, newActiveDateSections, localizedDigits);
     let values;
     let shouldPublish;
 
@@ -287,6 +288,7 @@ const useFieldState = params => {
     updateValueFromValueStr,
     setTempAndroidValueStr,
     sectionsValueBoundaries,
+    localizedDigits,
     placeholder,
     timezone
   };

package/node/internals/utils/valueManagers.js

@@ -37,12 +37,12 @@ const singleItemValueManager = exports.singleItemValueManager = {
 };
 const singleItemFieldValueManager = exports.singleItemFieldValueManager = {
   updateReferenceValue: (utils, value, prevReferenceValue) => value == null || !utils.isValid(value) ? prevReferenceValue : value,
-  getSectionsFromValue: (utils, date, prevSections, isRTL, getSectionsFromDate) => {
+  getSectionsFromValue: (utils, date, prevSections, localizedDigits, isRTL, getSectionsFromDate) => {
     const shouldReUsePrevDateSections = !utils.isValid(date) && !!prevSections;
     if (shouldReUsePrevDateSections) {
       return prevSections;
     }
-    return (0, _useField.addPositionPropertiesToSections)(getSectionsFromDate(date), isRTL);
+    return (0, _useField.addPositionPropertiesToSections)(getSectionsFromDate(date), localizedDigits, isRTL);
   },
   getValueStrFromSections: _useField.createDateStrForInputFromSections,
   getActiveDateManager: (utils, state) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.0.0-alpha.8",
+  "version": "7.0.0-alpha.9",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -34,19 +34,19 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.7",
-    "@mui/base": "^5.0.0-beta.29",
-    "@mui/system": "^5.15.2",
-    "@mui/utils": "^5.15.2",
+    "@babel/runtime": "^7.23.8",
+    "@mui/base": "^5.0.0-beta.32",
+    "@mui/system": "^5.15.5",
+    "@mui/utils": "^5.15.5",
     "@types/react-transition-group": "^4.4.10",
-    "clsx": "^2.0.0",
+    "clsx": "^2.1.0",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.8.6",
+    "@mui/material": "^5.15.0",
     "date-fns": "^2.25.0 || ^3.2.0",
     "date-fns-jalali": "^2.13.0-0",
     "dayjs": "^1.10.7",

package/themeAugmentation/components.d.ts

@@ -167,6 +167,32 @@ export interface PickerComponents<Theme = unknown> {
   MuiStaticDateTimePicker?: {
     defaultProps?: ComponentsProps['MuiStaticDateTimePicker'];
   };
+
+  // PickersTextField
+  MuiPickersTextField?: {
+    defaultProps?: ComponentsProps['MuiPickersTextField'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersTextField'];
+  };
+  MuiPickersInputBase?: {
+    defaultProps?: ComponentsProps['MuiPickersInputBase'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersInputBase'];
+  };
+  MuiPickersInput?: {
+    defaultProps?: ComponentsProps['MuiPickersInput'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersInput'];
+  };
+  MuiPickersFilledInput?: {
+    defaultProps?: ComponentsProps['MuiPickersFilledInput'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersFilledInput'];
+  };
+  MuiPickersOutlinedInput?: {
+    defaultProps?: ComponentsProps['MuiPickersOutlinedInput'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersOutlinedInput'];
+  };
+  MuiPickersSectionList?: {
+    defaultProps?: ComponentsProps['MuiPickersSectionList'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersSectionList'];
+  };
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/overrides.d.ts

@@ -29,6 +29,14 @@ import {
   MultiSectionDigitalClockClassKey,
   MultiSectionDigitalClockSectionClassKey,
 } from '../MultiSectionDigitalClock';
+import {
+  PickersTextFieldClassKey,
+  PickersInputClassKey,
+  PickersOutlinedInputClassKey,
+  PickersFilledInputClassKey,
+  PickersInputBaseClassKey,
+} from '../PickersTextField';
+import { PickersSectionListClassKey } from '../PickersSectionList';
 
 // prettier-ignore
 export interface PickersComponentNameToClassKey {
@@ -60,6 +68,14 @@ export interface PickersComponentNameToClassKey {
   MuiTimeClock: TimeClockClassKey;
   MuiTimePickerToolbar: TimePickerToolbarClassKey;
   MuiYearCalendar: YearCalendarClassKey;
+
+  // V7 Picker's TextField
+  MuiPickersTextField: PickersTextFieldClassKey;
+  MuiPickersInputBase: PickersInputBaseClassKey
+  MuiPickersInput: PickersInputClassKey
+  MuiPickersFilledInput: PickersFilledInputClassKey
+  MuiPickersOutlinedInput: PickersOutlinedInputClassKey
+  MuiPickersSectionList: PickersSectionListClassKey
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/props.d.ts

@@ -45,6 +45,14 @@ import {
   MultiSectionDigitalClockProps,
 } from '../MultiSectionDigitalClock';
 import { ExportedPickersCalendarHeaderProps } from '../PickersCalendarHeader';
+import {
+  PickersTextFieldProps,
+  PickersInputBaseProps,
+  PickersOutlinedInputProps,
+  PickersInputProps,
+  PickersFilledInputProps,
+} from '../PickersTextField';
+import { PickersSectionListProps } from '../PickersSectionList';
 
 export interface PickersComponentsPropsList {
   MuiClock: ClockProps<unknown>;
@@ -97,6 +105,14 @@ export interface PickersComponentsPropsList {
   MuiDesktopDateTimePicker: DesktopDateTimePickerProps<unknown>;
   MuiMobileDateTimePicker: MobileDateTimePickerProps<unknown>;
   MuiStaticDateTimePicker: StaticDateTimePickerProps<unknown>;
+
+  // V7 Picker's TextField
+  MuiPickersTextField: PickersTextFieldProps;
+  MuiPickersInputBase: PickersInputBaseProps;
+  MuiPickersInput: PickersInputProps;
+  MuiPickersFilledInput: PickersFilledInputProps;
+  MuiPickersOutlinedInput: PickersOutlinedInputProps;
+  MuiPickersSectionList: PickersSectionListProps;
 }
 
 declare module '@mui/material/styles' {

package/internals/components/PickersInput/PickersFilledInput.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PickersFilledInputProps } from './PickersInput.types';
-export declare const PickersFilledInput: React.ForwardRefExoticComponent<Omit<PickersFilledInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/internals/components/PickersInput/PickersInput.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { FormControlState } from '@mui/material/FormControl';
-import { PickersInputProps } from './PickersInput.types';
-export declare const PickersInputRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    ownerState: OwnerStateType;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PickersInputSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    ownerState: OwnerStateType;
-}, {}, {}>;
-interface OwnerStateType extends FormControlState, Omit<PickersInputProps, keyof FormControlState> {
-}
-export declare const PickersInput: React.ForwardRefExoticComponent<Omit<PickersInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/internals/components/PickersInput/PickersOutlinedInput.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PickersOutlinedInputProps } from './PickersInput.types';
-export declare const PickersOutlinedInput: React.ForwardRefExoticComponent<Omit<PickersOutlinedInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/internals/components/PickersInput/PickersOutlinedInput.js

@@ -1,117 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["label", "autoFocus", "ownerState", "notched"];
-import * as React from 'react';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
-import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from './pickersInputClasses';
-import Outline from './Outline';
-import { PickersInputRoot, PickersInput, PickersInputSectionsContainer } from './PickersInput';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-const OutlinedInputRoot = styled(PickersInputRoot, {
-  name: 'MuiPickersOutlinedInput',
-  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 {
-    padding: '0 14px',
-    borderRadius: (theme.vars || theme).shape.borderRadius,
-    [`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.text.primary
-    },
-    // Reset on touch devices, it doesn't add specificity
-    '@media (hover: none)': {
-      [`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
-        borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
-      }
-    },
-    [`&.${pickersOutlinedInputClasses.focused} .${pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderStyle: 'solid',
-      borderColor: (theme.vars || theme).palette[ownerState.color].main,
-      borderWidth: 2
-    },
-    [`&.${pickersOutlinedInputClasses.disabled}`]: {
-      [`& .${pickersOutlinedInputClasses.notchedOutline}`]: {
-        borderColor: (theme.vars || theme).palette.action.disabled
-      },
-      '*': {
-        color: (theme.vars || theme).palette.action.disabled
-      }
-    },
-    [`&.${pickersOutlinedInputClasses.error} .${pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.error.main
-    }
-  };
-});
-const OutlinedPickersInputSectionsContainer = styled(PickersInputSectionsContainer, {
-  name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
-})(({
-  ownerState
-}) => _extends({
-  padding: '16.5px 0'
-}, ownerState.size === 'small' && {
-  padding: '8.5px 0'
-}));
-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${color ? capitalize(color) : ''}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    before: ['before'],
-    after: ['after'],
-    content: ['content'],
-    input: ['input']
-  };
-  return composeClasses(slots, getPickersOutlinedInputUtilityClass, classes);
-};
-export const PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(props, ref) {
-  const {
-      label,
-      ownerState: ownerStateProp,
-      notched
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const muiFormControl = useFormControl();
-  const ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
-    color: (muiFormControl == null ? void 0 : muiFormControl.color) || 'primary'
-  });
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PickersInput, _extends({
-    slots: {
-      root: OutlinedInputRoot,
-      input: OutlinedPickersInputSectionsContainer
-    },
-    renderSuffix: state => /*#__PURE__*/_jsx(Outline, {
-      shrink: Boolean(notched || state.adornedStart || state.focused || state.filled),
-      notched: Boolean(notched || state.adornedStart || state.focused || state.filled),
-      className: classes.notchedOutline,
-      label: label != null && label !== '' && muiFormControl != null && muiFormControl.required ? /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [label, "\u2009", '*']
-      }) : label,
-      ownerState: ownerState
-    })
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-PickersInput.muiName = 'Input';

package/internals/components/PickersInput/PickersStandardInput.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PickersStandardInputProps } from './PickersInput.types';
-export declare const PickersStandardInput: React.ForwardRefExoticComponent<Omit<PickersStandardInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/internals/components/PickersInput/PickersStandardInput.js

@@ -1,123 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["label", "autoFocus", "ownerState"];
-import * as React from 'react';
-import { useFormControl } from '@mui/material/FormControl';
-import { styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
-import { pickersStandardInputClasses, getPickersStandardInputUtilityClass } from './pickersInputClasses';
-import { PickersInputRoot, PickersInput } from './PickersInput';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StandardInputRoot = styled(PickersInputRoot, {
-  name: 'MuiPickersStandardInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme,
-  ownerState
-}) => {
-  const light = theme.palette.mode === 'light';
-  let bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
-  if (theme.vars) {
-    bottomLineColor = `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})`;
-  }
-  return _extends({
-    'label + &': {
-      marginTop: 16
-    }
-  }, !ownerState.disableUnderline && {
-    '&::after': {
-      background: 'red',
-      borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '""',
-      position: 'absolute',
-      right: 0,
-      transform: 'scaleX(0)',
-      transition: theme.transitions.create('transform', {
-        duration: theme.transitions.duration.shorter,
-        easing: theme.transitions.easing.easeOut
-      }),
-      pointerEvents: 'none' // Transparent to the hover style.
-    },
-    [`&.${pickersStandardInputClasses.focused}:after`]: {
-      // translateX(0) is a workaround for Safari transform scale bug
-      // See https://github.com/mui/material-ui/issues/31766
-      transform: 'scaleX(1) translateX(0)'
-    },
-    [`&.${pickersStandardInputClasses.error}`]: {
-      '&:before, &:after': {
-        borderBottomColor: (theme.vars || theme).palette.error.main
-      }
-    },
-    '&::before': {
-      borderBottom: `1px solid ${bottomLineColor}`,
-      left: 0,
-      bottom: 0,
-      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
-      content: '"\\00a0"',
-      position: 'absolute',
-      right: 0,
-      transition: theme.transitions.create('border-bottom-color', {
-        duration: theme.transitions.duration.shorter
-      }),
-      pointerEvents: 'none' // Transparent to the hover style.
-    },
-    [`&:hover:not(.${pickersStandardInputClasses.disabled}, .${pickersStandardInputClasses.error}):before`]: {
-      borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        borderBottom: `1px solid ${bottomLineColor}`
-      }
-    },
-    [`&.${pickersStandardInputClasses.disabled}:before`]: {
-      borderBottomStyle: 'dotted'
-    }
-  });
-});
-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${capitalize(color)}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
-    notchedOutline: ['notchedOutline'],
-    before: ['before'],
-    after: ['after'],
-    content: ['content'],
-    input: ['input']
-  };
-  return composeClasses(slots, getPickersStandardInputUtilityClass, classes);
-};
-export const PickersStandardInput = /*#__PURE__*/React.forwardRef(function PickersStandardInput(props, ref) {
-  const {
-      label,
-      ownerState: ownerStateProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const muiFormControl = useFormControl();
-  const ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
-    color: (muiFormControl == null ? void 0 : muiFormControl.color) || 'primary'
-  });
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PickersInput, _extends({
-    slots: {
-      root: StandardInputRoot
-    }
-  }, other, {
-    label: label,
-    classes: classes,
-    ref: ref
-  }));
-});
-PickersInput.muiName = 'Input';

package/internals/components/PickersInput/index.js

@@ -1,3 +0,0 @@
-export { PickersInput } from './PickersInput';
-export { PickersInputProps } from './PickersInput.types';
-export { pickersInputClasses, getPickersInputUtilityClass } from './pickersInputClasses';

package/internals/components/PickersInput/pickersInputClasses.d.ts

@@ -1,84 +0,0 @@
-export interface PickersInputClasses {
-    /** 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 unless `disableUnderline={true}`. */
-    underline?: string;
-}
-export type PickersInputClassKey = keyof PickersInputClasses;
-export declare function getPickersInputUtilityClass(slot: string): string;
-export declare function getPickersOutlinedInputUtilityClass(slot: string): string;
-export declare function getPickersFilledInputUtilityClass(slot: string): string;
-export declare function getPickersStandardInputUtilityClass(slot: string): string;
-export declare const pickersInputClasses: Record<keyof PickersInputClasses, string>;
-export declare const pickersOutlinedInputClasses: {
-    underline: string;
-    disabled: string;
-    input: string;
-    readOnly: string;
-    error: string;
-    focused: string;
-    root: string;
-    adornedStart: string;
-    adornedEnd: string;
-    notchedOutline: string;
-    sectionContent: string;
-    sectionsContainer: string;
-    sectionBefore: string;
-    sectionAfter: string;
-};
-export declare const pickersFilledInputClasses: {
-    underline: string;
-    disabled: string;
-    input: string;
-    readOnly: string;
-    error: string;
-    focused: string;
-    root: string;
-    adornedStart: string;
-    adornedEnd: string;
-    notchedOutline: string;
-    sectionContent: string;
-    sectionsContainer: string;
-    sectionBefore: string;
-    sectionAfter: string;
-};
-export declare const pickersStandardInputClasses: {
-    underline: string;
-    disabled: string;
-    input: string;
-    readOnly: string;
-    error: string;
-    focused: string;
-    root: string;
-    adornedStart: string;
-    adornedEnd: string;
-    notchedOutline: string;
-    sectionContent: string;
-    sectionsContainer: string;
-    sectionBefore: string;
-    sectionAfter: string;
-};

package/internals/components/PickersInput/pickersInputClasses.js

@@ -1,18 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersInput', slot);
-}
-export function getPickersOutlinedInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersOutlinedInput', slot);
-}
-export function getPickersFilledInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersFilledInput', slot);
-}
-export function getPickersStandardInputUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersStandardInput', slot);
-}
-export const pickersInputClasses = generateUtilityClasses('MuiPickersInput', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);
-export const pickersOutlinedInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));
-export const pickersFilledInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersFilledInput', ['root', 'underline', 'input']));
-export const pickersStandardInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersStandardInput', ['root', 'underline', 'input']));

package/internals/components/PickersTextField/PickersTextField.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;