@mui/x-date-pickers 5.0.0 → 5.0.2

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/PureDateInput.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { useEventCallback } from '@mui/material/utils';
 import { onSpaceOrEnter } from '../utils/utils';
 import { useLocaleText, useUtils } from '../hooks/useUtils';
 import { getDisplayDate } from '../utils/text-field-helper';
@@ -29,6 +30,10 @@ export var PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInput(
     });
   }, [InputProps]);
   var inputValue = getDisplayDate(utils, rawValue, inputFormat);
+  var handleOnClick = useEventCallback(function (event) {
+    event.stopPropagation();
+    onOpen();
+  });
   return renderInput(_extends({
     label: label,
     disabled: disabled,
@@ -36,7 +41,10 @@ export var PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInput(
     inputRef: inputRef,
     error: validationError,
     InputProps: PureDateInputProps,
-    className: className,
+    className: className
+  }, !props.readOnly && !props.disabled && {
+    onClick: handleOnClick
+  }, {
     inputProps: _extends({
       disabled: disabled,
       readOnly: true,
@@ -44,7 +52,7 @@ export var PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInput(
       'aria-label': getOpenDialogAriaText(rawValue, utils),
       value: inputValue
     }, !props.readOnly && {
-      onMouseDown: onOpen
+      onClick: handleOnClick
     }, {
       onKeyDown: onSpaceOrEnter(onOpen)
     })

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/index.js

@@ -11,4 +11,5 @@ export * from './svSE';
 export * from './itIT';
 export * from './zhCN';
 export * from './koKR';
+export * from './isIS';
 export * from './utils/pickersLocaleTextApi';

package/legacy/locales/isIS.js

@@ -0,0 +1,54 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+// This object is not Partial<PickersLocaleText> because it is the default values
+var isISPickers = {
+  // Calendar navigation
+  previousMonth: 'Fyrri mánuður',
+  nextMonth: 'Næsti mánuður',
+  // View navigation
+  openPreviousView: 'opna fyrri skoðun',
+  openNextView: 'opna næstu skoðun',
+  calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
+    return view === 'year' ? 'ársskoðun er opin, skipta yfir í dagatalsskoðun' : 'dagatalsskoðun er opin, skipta yfir í ársskoðun';
+  },
+  inputModeToggleButtonAriaLabel: function inputModeToggleButtonAriaLabel(isKeyboardInputOpen, viewType) {
+    var viewTypeTranslated = viewType === 'calendar' ? 'dagatals' : 'klukku';
+    return isKeyboardInputOpen ? "textainnsl\xE1ttur er opinn, fara \xED ".concat(viewTypeTranslated, "sko\xF0un") : "".concat(viewTypeTranslated, "sko\xF0un er opin, opna fyrir textainnsl\xE1tt");
+  },
+  // DateRange placeholders
+  start: 'Upphaf',
+  end: 'Endir',
+  // Action bar
+  cancelButtonLabel: 'Hætta við',
+  clearButtonLabel: 'Hreinsa',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Í dag',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: 'Velja dagsetningu',
+  dateTimePickerDefaultToolbarTitle: 'Velja dagsetningu og tíma',
+  timePickerDefaultToolbarTitle: 'Velja tíma',
+  dateRangePickerDefaultToolbarTitle: 'Velja tímabil',
+  // Clock labels
+  clockLabelText: function clockLabelText(view, time, adapter) {
+    return "Select ".concat(view, ". ").concat(time === null ? 'Enginn tími valinn' : "Valinn t\xEDmi er ".concat(adapter.format(time, 'fullTime')));
+  },
+  hoursClockNumberText: function hoursClockNumberText(hours) {
+    return "".concat(hours, " klukkustundir");
+  },
+  minutesClockNumberText: function minutesClockNumberText(minutes) {
+    return "".concat(minutes, " m\xEDn\xFAtur");
+  },
+  secondsClockNumberText: function secondsClockNumberText(seconds) {
+    return "".concat(seconds, " sek\xFAndur");
+  },
+  // Open picker labels
+  openDatePickerDialogue: function openDatePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Velja dagsetningu, valin dagsetning er ".concat(utils.format(utils.date(rawValue), 'fullDate')) : 'Velja dagsetningu';
+  },
+  openTimePickerDialogue: function openTimePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Velja t\xEDma, valinn t\xEDmi er ".concat(utils.format(utils.date(rawValue), 'fullTime')) : 'Velja tíma';
+  },
+  // Table labels
+  timeTableLabel: 'velja tíma',
+  dateTableLabel: 'velja dagsetningu'
+};
+export var isIS = getPickersLocalization(isISPickers);