@mui/x-date-pickers 5.0.1 → 5.0.3

package/legacy/internals/components/CalendarOrClockPicker/CalendarOrClockPicker.js

@@ -1,8 +1,9 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["autoFocus", "className", "parsedValue", "DateInputProps", "isMobileKeyboardViewOpen", "onDateChange", "onViewChange", "openTo", "orientation", "showToolbar", "toggleMobileKeyboardView", "ToolbarComponent", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views", "dateRangeIcon", "timeIcon", "hideTabs"];
+var _excluded = ["autoFocus", "className", "parsedValue", "DateInputProps", "isMobileKeyboardViewOpen", "onDateChange", "onViewChange", "openTo", "orientation", "showToolbar", "toggleMobileKeyboardView", "ToolbarComponent", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views", "dateRangeIcon", "timeIcon", "hideTabs", "classes"];
 import * as React from 'react';
-import { styled } from '@mui/material/styles';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
 import { useViews } from '../../hooks/useViews';
 import { ClockPicker } from '../../../ClockPicker/ClockPicker';
 import { CalendarPicker } from '../../../CalendarPicker/CalendarPicker';
@@ -11,12 +12,35 @@ import { useIsLandscape } from '../../hooks/useIsLandscape';
 import { WrapperVariantContext } from '../wrappers/WrapperVariantContext';
 import { PickerViewRoot } from '../PickerViewRoot';
 import { useFocusManagement } from './useFocusManagement';
+import { getCalendarOrClockPickerUtilityClass } from './calendarOrClockPickerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var MobileKeyboardInputView = styled('div')({
+
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root'],
+    mobileKeyboardInputView: ['mobileKeyboardInputView']
+  };
+  return composeClasses(slots, getCalendarOrClockPickerUtilityClass, classes);
+};
+
+export var MobileKeyboardInputView = styled('div', {
+  name: 'MuiCalendarOrClockPicker',
+  slot: 'MobileKeyboardInputView',
+  overridesResolver: function overridesResolver(_, styles) {
+    return styles.mobileKeyboardInputView;
+  }
+})({
   padding: '16px 24px'
 });
-var PickerRoot = styled('div')(function (_ref) {
+var PickerRoot = styled('div', {
+  name: 'MuiCalendarOrClockPicker',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(_, styles) {
+    return styles.root;
+  }
+})(function (_ref) {
   var ownerState = _ref.ownerState;
   return _extends({
     display: 'flex',
@@ -38,9 +62,14 @@ var isTimePickerView = function isTimePickerView(view) {
 };
 
 var warnedOnceNotValidOpenTo = false;
-export function CalendarOrClockPicker(props) {
+export function CalendarOrClockPicker(inProps) {
   var _other$components, _other$componentsProp;
 
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiCalendarOrClockPicker'
+  });
+
   var autoFocus = props.autoFocus,
       className = props.className,
       parsedValue = props.parsedValue,
@@ -63,11 +92,13 @@ export function CalendarOrClockPicker(props) {
       dateRangeIcon = props.dateRangeIcon,
       timeIcon = props.timeIcon,
       hideTabs = props.hideTabs,
+      providedClasses = props.classes,
       other = _objectWithoutProperties(props, _excluded);
 
   var TabsComponent = (_other$components = other.components) == null ? void 0 : _other$components.Tabs;
   var isLandscape = useIsLandscape(views, orientation);
   var wrapperVariant = React.useContext(WrapperVariantContext);
+  var classes = useUtilityClasses(props);
   var toShowToolbar = showToolbar != null ? showToolbar : wrapperVariant !== 'desktop';
   var showTabs = !hideTabs && typeof window !== 'undefined' && window.innerHeight > 667;
   var handleDateChange = React.useCallback(function (newDate, selectionState) {
@@ -112,6 +143,7 @@ export function CalendarOrClockPicker(props) {
     ownerState: {
       isLandscape: isLandscape
     },
+    className: classes.root,
     children: [toShowToolbar && /*#__PURE__*/_jsx(ToolbarComponent, _extends({}, other, {
       views: views,
       isLandscape: isLandscape,
@@ -131,6 +163,7 @@ export function CalendarOrClockPicker(props) {
       onChange: setOpenView
     }, (_other$componentsProp = other.componentsProps) == null ? void 0 : _other$componentsProp.tabs)), /*#__PURE__*/_jsx(PickerViewRoot, {
       children: isMobileKeyboardViewOpen ? /*#__PURE__*/_jsx(MobileKeyboardInputView, {
+        className: classes.mobileKeyboardInputView,
         children: /*#__PURE__*/_jsx(KeyboardDateInput, _extends({}, DateInputProps, {
           ignoreInvalidInputs: true,
           disableOpenPicker: true,

package/legacy/internals/components/CalendarOrClockPicker/calendarOrClockPickerClasses.js

@@ -0,0 +1,5 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/material';
+export function getCalendarOrClockPickerUtilityClass(slot) {
+  return generateUtilityClass('MuiCalendarOrClockPicker', slot);
+}
+export var calendarOrClockPickerClasses = generateUtilityClasses('MuiCalendarOrClockPicker', ['root', 'mobileKeyboardInputView']);

package/legacy/internals/components/PickerStaticWrapper/PickerStaticWrapper.js

@@ -1,10 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["displayStaticWrapperAs", "onAccept", "onClear", "onCancel", "onDismiss", "onSetToday", "open", "children", "components", "componentsProps"];
+var _excluded = ["displayStaticWrapperAs", "onAccept", "onClear", "onCancel", "onDismiss", "onSetToday", "open", "children", "components", "componentsProps", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/material';
+import clsx from 'clsx';
 import { DIALOG_WIDTH } from '../../constants/dimensions';
 import { WrapperVariantContext } from '../wrappers/WrapperVariantContext';
 import { getStaticWrapperUtilityClass } from './pickerStaticWrapperClasses';
@@ -66,6 +67,7 @@ function PickerStaticWrapper(inProps) {
       children = props.children,
       components = props.components,
       componentsProps = props.componentsProps,
+      className = props.className,
       other = _objectWithoutProperties(props, _excluded);
 
   var classes = useUtilityClasses(props);
@@ -74,7 +76,7 @@ function PickerStaticWrapper(inProps) {
   return /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
     value: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsxs(PickerStaticWrapperRoot, _extends({
-      className: classes.root
+      className: clsx(classes.root, className)
     }, other, {
       children: [/*#__PURE__*/_jsx(PickerStaticWrapperContent, {
         className: classes.content,
@@ -103,6 +105,7 @@ process.env.NODE_ENV !== "production" ? PickerStaticWrapper.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
+  className: PropTypes.string,
 
   /**
    * Overrideable components.

package/legacy/internals/components/PickersArrowSwitcher.js

@@ -4,13 +4,24 @@ var _excluded = ["children", "className", "components", "componentsProps", "isLe
 import * as React from 'react';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
-import { generateUtilityClasses } from '@mui/material';
-import { useTheme, styled } from '@mui/material/styles';
+import { useTheme, styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
 import IconButton from '@mui/material/IconButton';
 import { ArrowLeft, ArrowRight } from './icons';
+import { getPickersArrowSwitcherUtilityClass } from './pickersArrowSwitcherClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var classes = generateUtilityClasses('MuiPickersArrowSwitcher', ['root', 'spacer', 'button']);
+
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root'],
+    spacer: ['spacer'],
+    button: ['button']
+  };
+  return composeClasses(slots, getPickersArrowSwitcherUtilityClass, classes);
+};
+
 var PickersArrowSwitcherRoot = styled('div', {
   name: 'MuiPickersArrowSwitcher',
   slot: 'Root',
@@ -44,7 +55,12 @@ var PickersArrowSwitcherButton = styled(IconButton, {
     visibility: 'hidden'
   });
 });
-export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(props, ref) {
+export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickersArrowSwitcher'
+  });
+
   var children = props.children,
       className = props.className,
       components = props.components,
@@ -66,6 +82,7 @@ export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Pickers
   var rightArrowButtonProps = (componentsProps == null ? void 0 : componentsProps.rightArrowButton) || {};
   var RightArrowIcon = (components == null ? void 0 : components.RightArrowIcon) || ArrowRight;
   var ownerState = props;
+  var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(PickersArrowSwitcherRoot, _extends({
     ref: ref,
     className: clsx(classes.root, className),

package/legacy/internals/components/PickersPopper.js

@@ -8,17 +8,41 @@ import Paper from '@mui/material/Paper';
 import Popper from '@mui/material/Popper';
 import TrapFocus from '@mui/material/Unstable_TrapFocus';
 import { useForkRef, useEventCallback, ownerDocument } from '@mui/material/utils';
-import { styled } from '@mui/material/styles';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
 import { PickersActionBar } from '../../PickersActionBar';
+import { getPickersPopperUtilityClass } from './pickersPopperClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var PickersPopperRoot = styled(Popper)(function (_ref) {
+
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root'],
+    paper: ['paper']
+  };
+  return composeClasses(slots, getPickersPopperUtilityClass, classes);
+};
+
+var PickersPopperRoot = styled(Popper, {
+  name: 'MuiPickersPopper',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(_, styles) {
+    return styles.root;
+  }
+})(function (_ref) {
   var theme = _ref.theme;
   return {
     zIndex: theme.zIndex.modal
   };
 });
-var PickersPopperPaper = styled(Paper)(function (_ref2) {
+var PickersPopperPaper = styled(Paper, {
+  name: 'MuiPickersPopper',
+  slot: 'Paper',
+  overridesResolver: function overridesResolver(_, styles) {
+    return styles.paper;
+  }
+})(function (_ref2) {
   var ownerState = _ref2.ownerState;
   return _extends({
     transformOrigin: 'top center',
@@ -148,9 +172,13 @@ function useClickAwayListener(active, onClickAway) {
   return [nodeRef, handleSynthetic, handleSynthetic];
 }
 
-export var PickersPopper = function PickersPopper(props) {
+export function PickersPopper(inProps) {
   var _components$ActionBar;
 
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickersPopper'
+  });
   var anchorEl = props.anchorEl,
       _children = props.children,
       _props$containerRef = props.containerRef,
@@ -213,6 +241,7 @@ export var PickersPopper = function PickersPopper(props) {
   var handleRef = useForkRef(paperRef, containerRef);
   var handlePaperRef = useForkRef(handleRef, clickAwayRef);
   var ownerState = props;
+  var classes = useUtilityClasses(ownerState);
 
   var onPaperClickProp = PaperProps.onClick,
       onPaperTouchStartProp = PaperProps.onTouchStart,
@@ -233,8 +262,8 @@ export var PickersPopper = function PickersPopper(props) {
     role: role,
     open: open,
     anchorEl: anchorEl,
-    ownerState: ownerState,
-    onKeyDown: handleKeyDown
+    onKeyDown: handleKeyDown,
+    className: classes.root
   }, PopperProps, {
     children: function children(_ref3) {
       var TransitionProps = _ref3.TransitionProps,
@@ -272,7 +301,8 @@ export var PickersPopper = function PickersPopper(props) {
             },
             ownerState: _extends({}, ownerState, {
               placement: placement
-            })
+            }),
+            className: classes.paper
           }, otherPaperProps, {
             children: /*#__PURE__*/_jsxs(PaperContent, _extends({}, componentsProps == null ? void 0 : componentsProps.paperContent, {
               children: [_children, /*#__PURE__*/_jsx(ActionBar, _extends({
@@ -288,4 +318,4 @@ export var PickersPopper = function PickersPopper(props) {
       }));
     }
   }));
-};
+}

package/legacy/internals/components/PickersToolbar.js

@@ -1,16 +1,29 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';
 import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
 import IconButton from '@mui/material/IconButton';
-import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/material';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
 import { Pen, Calendar, Clock } from './icons';
 import { useLocaleText } from '../hooks/useUtils';
+import { getPickersToolbarUtilityClass, pickersToolbarClasses } from './pickersToolbarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var pickersToolbarClasses = generateUtilityClasses('MuiPickersToolbar', ['root', 'content', 'penIconButton', 'penIconButtonLandscape']);
+
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes,
+      isLandscape = ownerState.isLandscape;
+  var slots = {
+    root: ['root'],
+    content: ['content'],
+    penIconButton: ['penIconButton', isLandscape && 'penIconButtonLandscape']
+  };
+  return composeClasses(slots, getPickersToolbarUtilityClass, classes);
+};
+
 var PickersToolbarRoot = styled('div', {
   name: 'MuiPickersToolbar',
   slot: 'Root',
@@ -47,7 +60,7 @@ var PickersToolbarPenIconButton = styled(IconButton, {
   name: 'MuiPickersToolbar',
   slot: 'PenIconButton',
   overridesResolver: function overridesResolver(props, styles) {
-    return styles.penIconButton;
+    return [_defineProperty({}, "&.".concat(pickersToolbarClasses.penIconButtonLandscape), styles.penIconButtonLandscape), styles.penIconButton];
   }
 })({});
 
@@ -59,7 +72,11 @@ var getViewTypeIcon = function getViewTypeIcon(viewType) {
   });
 };
 
-export var PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolbar(props, ref) {
+export var PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolbar(inProps, ref) {
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickersToolbar'
+  });
   var children = props.children,
       className = props.className,
       getMobileKeyboardInputViewButtonText = props.getMobileKeyboardInputViewButtonText,
@@ -73,9 +90,10 @@ export var PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolba
       viewType = _props$viewType === void 0 ? 'calendar' : _props$viewType;
   var ownerState = props;
   var localeText = useLocaleText();
+  var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(PickersToolbarRoot, {
     ref: ref,
-    className: clsx(pickersToolbarClasses.root, className),
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     children: [/*#__PURE__*/_jsx(Typography, {
       color: "text.secondary",
@@ -84,13 +102,13 @@ export var PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolba
     }), /*#__PURE__*/_jsxs(PickersToolbarContent, {
       container: true,
       justifyContent: "space-between",
-      className: pickersToolbarClasses.content,
+      className: classes.content,
       ownerState: ownerState,
       direction: isLandscape ? landscapeDirection : 'row',
       alignItems: isLandscape ? 'flex-start' : 'flex-end',
       children: [children, /*#__PURE__*/_jsx(PickersToolbarPenIconButton, {
         onClick: toggleMobileKeyboardView,
-        className: clsx(pickersToolbarClasses.penIconButton, isLandscape && pickersToolbarClasses.penIconButtonLandscape),
+        className: classes.penIconButton,
         ownerState: ownerState,
         color: "inherit",
         "aria-label": getMobileKeyboardInputViewButtonText ? getMobileKeyboardInputViewButtonText(isMobileKeyboardViewOpen, viewType) : localeText.inputModeToggleButtonAriaLabel(isMobileKeyboardViewOpen, viewType),

package/legacy/internals/components/PickersToolbarButton.js

@@ -2,16 +2,39 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["align", "className", "selected", "typographyClassName", "value", "variant"];
 import * as React from 'react';
+import clsx from 'clsx';
 import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
 import { PickersToolbarText } from './PickersToolbarText';
+import { getPickersToolbarUtilityClass } from './pickersToolbarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-var PickersToolbarButtonRoot = styled(Button)({
+
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getPickersToolbarUtilityClass, classes);
+};
+
+var PickersToolbarButtonRoot = styled(Button, {
+  name: 'MuiPickersToolbarButton',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(_, styles) {
+    return styles.root;
+  }
+})({
   padding: 0,
   minWidth: 16,
   textTransform: 'none'
 });
-export var PickersToolbarButton = /*#__PURE__*/React.forwardRef(function PickersToolbarButton(props, ref) {
+export var PickersToolbarButton = /*#__PURE__*/React.forwardRef(function PickersToolbarButton(inProps, ref) {
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickersToolbarButton'
+  });
+
   var align = props.align,
       className = props.className,
       selected = props.selected,
@@ -20,10 +43,11 @@ export var PickersToolbarButton = /*#__PURE__*/React.forwardRef(function Pickers
       variant = props.variant,
       other = _objectWithoutProperties(props, _excluded);
 
+  var classes = useUtilityClasses(props);
   return /*#__PURE__*/_jsx(PickersToolbarButtonRoot, _extends({
     variant: "text",
     ref: ref,
-    className: className
+    className: clsx(className, classes.root)
   }, other, {
     children: /*#__PURE__*/_jsx(PickersToolbarText, {
       align: align,

package/legacy/internals/components/PickersToolbarText.js

@@ -6,27 +6,45 @@ import * as React from 'react';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
 import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/material';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
+import { getPickersToolbarTextUtilityClass, pickersToolbarTextClasses } from './pickersToolbarTextClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-var classes = generateUtilityClasses('PrivatePickersToolbarText', ['selected']);
-var PickersToolbarTextRoot = styled(Typography)(function (_ref) {
-  var theme = _ref.theme;
+
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes,
+      selected = ownerState.selected;
+  var slots = {
+    root: ['root', selected && 'selected']
+  };
+  return composeClasses(slots, getPickersToolbarTextUtilityClass, classes);
+};
+
+var PickersToolbarTextRoot = styled(Typography, {
+  name: 'PrivatePickersToolbarText',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(_, styles) {
+    return [styles.root, _defineProperty({}, "&.".concat(pickersToolbarTextClasses.selected), styles.selected)];
+  }
+})(function (_ref2) {
+  var theme = _ref2.theme;
   return _defineProperty({
     transition: theme.transitions.create('color'),
     color: theme.palette.text.secondary
-  }, "&.".concat(classes.selected), {
+  }, "&.".concat(pickersToolbarTextClasses.selected), {
     color: theme.palette.text.primary
   });
 });
 export var PickersToolbarText = /*#__PURE__*/React.forwardRef(function PickersToolbarText(props, ref) {
+  // TODO v6: add 'useThemeProps' once the component class names are aligned
   var className = props.className,
       selected = props.selected,
       value = props.value,
       other = _objectWithoutProperties(props, _excluded);
 
+  var classes = useUtilityClasses(props);
   return /*#__PURE__*/_jsx(PickersToolbarTextRoot, _extends({
     ref: ref,
-    className: clsx(className, selected && classes.selected),
+    className: clsx(className, classes.root),
     component: "span"
   }, other, {
     children: value

package/legacy/internals/components/pickersArrowSwitcherClasses.js

@@ -0,0 +1,5 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/material';
+export function getPickersArrowSwitcherUtilityClass(slot) {
+  return generateUtilityClass('MuiPickersArrowSwitcher', slot);
+}
+export var pickersArrowSwitcherClasses = generateUtilityClasses('MuiPickersArrowSwitcher', ['root', 'spacer', 'button']);

package/legacy/internals/components/pickersPopperClasses.js

@@ -0,0 +1,5 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/material';
+export function getPickersPopperUtilityClass(slot) {
+  return generateUtilityClass('MuiPickersPopper', slot);
+}
+export var pickersPopperClasses = generateUtilityClasses('MuiPickersPopper', ['root', 'paper']);

package/legacy/internals/components/pickersToolbarButtonClasses.js

@@ -0,0 +1,5 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/material';
+export function getPickersToolbarButtonUtilityClass(slot) {
+  return generateUtilityClass('MuiPickersToolbarButton', slot);
+}
+export var pickersToolbarButtonClasses = generateUtilityClasses('MuiPickersToolbarButton', ['root']);

package/legacy/internals/components/pickersToolbarClasses.js

@@ -0,0 +1,5 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/material';
+export function getPickersToolbarUtilityClass(slot) {
+  return generateUtilityClass('MuiPickersToolbar', slot);
+}
+export var pickersToolbarClasses = generateUtilityClasses('MuiPickersToolbar', ['root', 'content', 'penIconButton', 'penIconButtonLandscape']);

package/legacy/internals/components/pickersToolbarTextClasses.js

@@ -0,0 +1,7 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/material';
+export function getPickersToolbarTextUtilityClass(slot) {
+  // TODO v6: Rename 'PrivatePickersToolbarText' to 'MuiPickersToolbarText' to follow convention
+  return generateUtilityClass('PrivatePickersToolbarText', slot);
+} // TODO v6: Rename 'PrivatePickersToolbarText' to 'MuiPickersToolbarText' to follow convention
+
+export var pickersToolbarTextClasses = generateUtilityClasses('PrivatePickersToolbarText', ['root', 'selected']);

package/legacy/internals/index.js

@@ -1,10 +1,17 @@
 export { DesktopTooltipWrapper } from './components/wrappers/DesktopTooltipWrapper';
 export { MobileWrapper } from './components/wrappers/MobileWrapper';
 export { MobileKeyboardInputView } from './components/CalendarOrClockPicker/CalendarOrClockPicker';
+export { calendarOrClockPickerClasses } from './components/CalendarOrClockPicker/calendarOrClockPickerClasses';
 export { PickersArrowSwitcher } from './components/PickersArrowSwitcher';
 export { PickerStaticWrapper } from './components/PickerStaticWrapper/PickerStaticWrapper';
-export { PickersToolbar, pickersToolbarClasses } from './components/PickersToolbar';
+export { PickersToolbar } from './components/PickersToolbar';
+export { pickersToolbarClasses } from './components/pickersToolbarClasses';
+export { pickersToolbarButtonClasses } from './components/pickersToolbarButtonClasses';
+export { pickersToolbarTextClasses } from './components/pickersToolbarTextClasses';
+export { pickersArrowSwitcherClasses } from './components/pickersArrowSwitcherClasses';
+export { pickersPopperClasses } from './components/pickersPopperClasses';
 export { PickersToolbarButton } from './components/PickersToolbarButton';
+export { pickerStaticWrapperClasses } from './components/PickerStaticWrapper/pickerStaticWrapperClasses';
 export { WrapperVariantContext } from './components/wrappers/WrapperVariantContext';
 export { DAY_MARGIN } from './constants/dimensions';
 export { useMaskedInput } from './hooks/useMaskedInput';

package/legacy/locales/deDE.js

@@ -1,9 +1,14 @@
 import { getPickersLocalization } from './utils/getPickersLocalization';
 // maps ClockPickerView to its translation
-var views = {
+var clockViews = {
   hours: 'Stunden',
   minutes: 'Minuten',
   seconds: 'Sekunden'
+}; // maps PickersToolbar["viewType"] to its translation
+
+var pickerViews = {
+  calendar: 'Kalenderansicht',
+  clock: 'Uhransicht'
 };
 var deDEPickers = {
   // Calendar navigation
@@ -15,7 +20,9 @@ var deDEPickers = {
   calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
     return view === 'year' ? 'Jahresansicht ist geöffnet, zur Kalenderansicht wechseln' : 'Kalenderansicht ist geöffnet, zur Jahresansicht wechseln';
   },
-  // inputModeToggleButtonAriaLabel: (isKeyboardInputOpen: boolean, viewType: 'calendar' | 'clock') => isKeyboardInputOpen ? `text input view is open, go to ${viewType} view` : `${viewType} view is open, go to text input view`,
+  inputModeToggleButtonAriaLabel: function inputModeToggleButtonAriaLabel(isKeyboardInputOpen, viewType) {
+    return isKeyboardInputOpen ? "Texteingabeansicht ist ge\xF6ffnet, zur ".concat(pickerViews[viewType], " wechseln") : "".concat(pickerViews[viewType], " ist ge\xF6ffnet, zur Texteingabeansicht wechseln");
+  },
   // DateRange placeholders
   start: 'Beginn',
   end: 'Ende',
@@ -25,24 +32,24 @@ var deDEPickers = {
   okButtonLabel: 'OK',
   todayButtonLabel: 'Heute',
   // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  datePickerDefaultToolbarTitle: 'Datum auswählen',
+  dateTimePickerDefaultToolbarTitle: 'Datum & Uhrzeit auswählen',
+  timePickerDefaultToolbarTitle: 'Uhrzeit auswählen',
+  dateRangePickerDefaultToolbarTitle: 'Datumsbereich auswählen',
   // Clock labels
   clockLabelText: function clockLabelText(view, time, adapter) {
-    var _views$view;
+    var _clockViews$view;
 
-    return "".concat((_views$view = views[view]) != null ? _views$view : view, " ausw\xE4hlen. ").concat(time === null ? 'Keine Uhrzeit ausgewählt' : "Gew\xE4hlte Uhrzeit ist ".concat(adapter.format(time, 'fullTime')));
+    return "".concat((_clockViews$view = clockViews[view]) != null ? _clockViews$view : view, " ausw\xE4hlen. ").concat(time === null ? 'Keine Uhrzeit ausgewählt' : "Gew\xE4hlte Uhrzeit ist ".concat(adapter.format(time, 'fullTime')));
   },
   hoursClockNumberText: function hoursClockNumberText(hours) {
-    return "".concat(hours, " ").concat(views.hours);
+    return "".concat(hours, " ").concat(clockViews.hours);
   },
   minutesClockNumberText: function minutesClockNumberText(minutes) {
-    return "".concat(minutes, " ").concat(views.minutes);
+    return "".concat(minutes, " ").concat(clockViews.minutes);
   },
   secondsClockNumberText: function secondsClockNumberText(seconds) {
-    return "".concat(seconds, "  ").concat(views.seconds);
+    return "".concat(seconds, "  ").concat(clockViews.seconds);
   },
   // Open picker labels
   openDatePickerDialogue: function openDatePickerDialogue(rawValue, utils) {

package/legacy/locales/faIR.js

@@ -0,0 +1,52 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+var faIRPickers = {
+  // Calendar navigation
+  previousMonth: 'ماه گذشته',
+  nextMonth: 'ماه آینده',
+  // View navigation
+  openPreviousView: 'نمای قبلی',
+  openNextView: 'نمای بعدی',
+  calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
+    return view === 'year' ? 'نمای سال باز است، رفتن به نمای تقویم' : 'نمای تقویم باز است، رفتن به نمای سال';
+  },
+  inputModeToggleButtonAriaLabel: function inputModeToggleButtonAriaLabel(isKeyboardInputOpen, viewType) {
+    return isKeyboardInputOpen ? "\u0646\u0645\u0627\u06CC \u0648\u0631\u0648\u062F\u06CC \u0645\u062A\u0646 \u0628\u0627\u0632 \u0627\u0633\u062A\u060C \u0631\u0641\u062A\u0646 \u0628\u0647 \u0646\u0645\u0627\u06CC ".concat(viewType) : "\u0646\u0645\u0627\u06CC ".concat(viewType, " \u0628\u0627\u0632 \u0627\u0633\u062A\u060C \u0631\u0641\u062A\u0646 \u0628\u0647 \u0646\u0645\u0627\u06CC \u0648\u0631\u0648\u062F\u06CC \u0645\u062A\u0646");
+  },
+  // DateRange placeholders
+  start: 'شروع',
+  end: 'پایان',
+  // Action bar
+  cancelButtonLabel: 'لغو',
+  clearButtonLabel: 'پاک کردن',
+  okButtonLabel: 'اوکی',
+  todayButtonLabel: 'امروز',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: 'تاریخ را انتخاب کنید',
+  dateTimePickerDefaultToolbarTitle: 'تاریخ و ساعت را انتخاب کنید',
+  timePickerDefaultToolbarTitle: 'ساعت را انتخاب کنید',
+  dateRangePickerDefaultToolbarTitle: 'محدوده تاریخ را انتخاب کنید',
+  // Clock labels
+  clockLabelText: function clockLabelText(view, time, adapter) {
+    return "Select ".concat(view, ". ").concat(time === null ? 'هیچ ساعتی انتخاب نشده است' : "\u0633\u0627\u0639\u062A \u0627\u0646\u062A\u062E\u0627\u0628 ".concat(adapter.format(time, 'fullTime'), " \u0645\u06CC \u0628\u0627\u0634\u062F"));
+  },
+  hoursClockNumberText: function hoursClockNumberText(hours) {
+    return "".concat(hours, " \u0633\u0627\u0639\u062A \u0647\u0627");
+  },
+  minutesClockNumberText: function minutesClockNumberText(minutes) {
+    return "".concat(minutes, " \u062F\u0642\u06CC\u0642\u0647 \u0647\u0627");
+  },
+  secondsClockNumberText: function secondsClockNumberText(seconds) {
+    return "".concat(seconds, " \u062B\u0627\u0646\u06CC\u0647 \u0647\u0627");
+  },
+  // Open picker labels
+  openDatePickerDialogue: function openDatePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "\u062A\u0627\u0631\u06CC\u062E \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\u060C \u062A\u0627\u0631\u06CC\u062E \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 ".concat(utils.format(utils.date(rawValue), 'fullDate'), " \u0645\u06CC \u0628\u0627\u0634\u062F") : 'تاریخ را انتخاب کنید';
+  },
+  openTimePickerDialogue: function openTimePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "\u0633\u0627\u0639\u062A \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F\u060C \u0633\u0627\u0639\u062A \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 ".concat(utils.format(utils.date(rawValue), 'fullTime'), " \u0645\u06CC \u0628\u0627\u0634\u062F") : 'ساعت را انتخاب کنید';
+  },
+  // Table labels
+  timeTableLabel: 'انتخاب تاریخ',
+  dateTableLabel: 'انتخاب ساعت'
+};
+export var faIR = getPickersLocalization(faIRPickers);