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

package/modern/locales/zhHK.js

@@ -13,9 +13,14 @@ const zhHKPickers = {
   openPreviousView: '前一個檢視表',
   openNextView: '下一個檢視表',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? '年份檢視表已打開，切換以檢視日曆' : '日曆檢視表已打開，切換以檢視年份',
-  // DateRange placeholders
+  // DateRange labels
   start: '開始',
   end: '結束',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: '取消',
   clearButtonLabel: '清除',

package/node/DateTimePicker/DateTimePickerTabs.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DateTimePickerTabs = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
 var _Tabs = _interopRequireWildcard(require("@mui/material/Tabs"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _icons = require("../icons");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dateTimePickerTabsClasses = require("./dateTimePickerTabsClasses");
@@ -37,7 +38,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _dateTimePickerTabsClasses.getDateTimePickerTabsUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateTimePickerTabsClasses.getDateTimePickerTabsUtilityClass, classes);
 };
 const DateTimePickerTabsRoot = (0, _styles.styled)(_Tabs.default, {
   name: 'MuiDateTimePickerTabs',
@@ -76,7 +77,8 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     onViewChange,
     timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
     view,
-    hidden = typeof window === 'undefined' || window.innerHeight < 667
+    hidden = typeof window === 'undefined' || window.innerHeight < 667,
+    className
   } = props;
   const localeText = (0, _useUtils.useLocaleText)();
   const classes = useUtilityClasses(props);
@@ -91,7 +93,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     variant: "fullWidth",
     value: viewToTab(view),
     onChange: handleChange,
-    className: classes.root,
+    className: (0, _clsx.default)(className, classes.root),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
       value: "date",
       "aria-label": localeText.dateTableLabel,
@@ -116,6 +118,7 @@ process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * Date tab icon.
    * @default DateRange
@@ -127,7 +130,7 @@ process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
    */
   hidden: _propTypes.default.bool,
   /**
-   * Callback called when a tab is clicked
+   * Callback called when a tab is clicked.
    * @template TView
    * @param {TView} view The view to open
    */

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -10,7 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _PickersToolbarText = require("../internals/components/PickersToolbarText");
 var _PickersToolbar = require("../internals/components/PickersToolbar");
 var _PickersToolbarButton = require("../internals/components/PickersToolbarButton");
@@ -19,8 +20,10 @@ var _dateTimePickerToolbarClasses = require("./dateTimePickerToolbarClasses");
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _dimensions = require("../internals/constants/dimensions");
 var _dateUtils = require("../internals/utils/date-utils");
+var _pickersToolbarTextClasses = require("../internals/components/pickersToolbarTextClasses");
+var _internals = require("../internals");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ampm", "ampmInClock", "value", "onChange", "view", "isLandscape", "onViewChange", "toolbarFormat", "toolbarPlaceholder", "views", "disabled", "readOnly", "toolbarVariant"];
+const _excluded = ["ampm", "ampmInClock", "value", "onChange", "view", "isLandscape", "onViewChange", "toolbarFormat", "toolbarPlaceholder", "views", "disabled", "readOnly", "toolbarVariant", "toolbarTitle", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useUtilityClasses = ownerState => {
@@ -38,7 +41,7 @@ const useUtilityClasses = ownerState => {
     ampmSelection: ['ampmSelection', isLandscape && 'ampmLandscape'],
     ampmLabel: ['ampmLabel']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _dateTimePickerToolbarClasses.getDateTimePickerToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateTimePickerToolbarClasses.getDateTimePickerToolbarUtilityClass, classes);
 };
 const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar, {
   name: 'MuiDateTimePickerToolbar',
@@ -47,13 +50,18 @@ const DateTimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToo
 })(({
   theme,
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   paddingLeft: ownerState.toolbarVariant === 'desktop' && !ownerState.isLandscape ? 24 : 16,
   paddingRight: ownerState.toolbarVariant === 'desktop' && !ownerState.isLandscape ? 0 : 16,
   borderBottom: ownerState.toolbarVariant === 'desktop' ? `1px solid ${(theme.vars || theme).palette.divider}` : undefined,
   borderRight: ownerState.toolbarVariant === 'desktop' && ownerState.isLandscape ? `1px solid ${(theme.vars || theme).palette.divider}` : undefined,
   justifyContent: 'space-around',
   position: 'relative'
+}, ownerState.toolbarVariant === 'desktop' && {
+  [`& .${_internals.pickersToolbarClasses.content} .${_pickersToolbarTextClasses.pickersToolbarTextClasses.selected}`]: {
+    color: (theme.vars || theme).palette.primary.main,
+    fontWeight: theme.typography.fontWeightBold
+  }
 }));
 DateTimePickerToolbarRoot.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -190,7 +198,9 @@ function DateTimePickerToolbar(inProps) {
       views,
       disabled,
       readOnly,
-      toolbarVariant = 'mobile'
+      toolbarVariant = 'mobile',
+      toolbarTitle: inToolbarTitle,
+      className
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
@@ -206,6 +216,7 @@ function DateTimePickerToolbar(inProps) {
   const classes = useUtilityClasses((0, _extends2.default)({}, ownerState, {
     theme
   }));
+  const toolbarTitle = inToolbarTitle ?? localeText.dateTimePickerToolbarTitle;
   const formatHours = time => ampm ? utils.format(time, 'hours12h') : utils.format(time, 'hours24h');
   const dateText = React.useMemo(() => {
     if (!value) {
@@ -217,9 +228,9 @@ function DateTimePickerToolbar(inProps) {
     return utils.format(value, 'shortDate');
   }, [value, toolbarFormat, toolbarPlaceholder, utils]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarRoot, (0, _extends2.default)({
-    toolbarTitle: localeText.dateTimePickerToolbarTitle,
     isLandscape: isLandscape,
-    className: classes.root
+    className: (0, _clsx.default)(classes.root, className),
+    toolbarTitle: toolbarTitle
   }, other, {
     ownerState: ownerState,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarDateContainer, {
@@ -244,14 +255,14 @@ function DateTimePickerToolbar(inProps) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarTimeDigitsContainer, {
         className: classes.timeDigitsContainer,
         ownerState: ownerState,
-        children: [views.includes('hours') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
-          variant: isDesktop ? 'h5' : 'h3',
-          width: isDesktop && !isLandscape ? _dimensions.MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
-          onClick: () => onViewChange('hours'),
-          selected: view === 'hours',
-          value: value ? formatHours(value) : '--'
-        }), views.includes('minutes') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePickerToolbarSeparator, {
+        children: [views.includes('hours') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
+            variant: isDesktop ? 'h5' : 'h3',
+            width: isDesktop && !isLandscape ? _dimensions.MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
+            onClick: () => onViewChange('hours'),
+            selected: view === 'hours',
+            value: value ? formatHours(value) : '--'
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePickerToolbarSeparator, {
             variant: isDesktop ? 'h5' : 'h3',
             value: ":",
             className: classes.separator,
@@ -260,8 +271,9 @@ function DateTimePickerToolbar(inProps) {
             variant: isDesktop ? 'h5' : 'h3',
             width: isDesktop && !isLandscape ? _dimensions.MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
             onClick: () => onViewChange('minutes'),
-            selected: view === 'minutes',
-            value: value ? utils.format(value, 'minutes') : '--'
+            selected: view === 'minutes' || !views.includes('minutes') && view === 'hours',
+            value: value ? utils.format(value, 'minutes') : '--',
+            disabled: !views.includes('minutes')
           })]
         }), views.includes('seconds') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePickerToolbarSeparator, {
@@ -343,11 +355,15 @@ process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
    * @default "––"
    */
   toolbarPlaceholder: _propTypes.default.node,
+  /**
+   * If provided, it will be used instead of `dateTimePickerToolbarTitle` from localization.
+   */
+  toolbarTitle: _propTypes.default.node,
   toolbarVariant: _propTypes.default.oneOf(['desktop', 'mobile']),
   value: _propTypes.default.any,
   /**
    * Currently visible picker view.
    */
-  view: _propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']).isRequired,
+  view: _propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']).isRequired).isRequired
 } : void 0;

package/node/PickersLayout/pickersLayoutClasses.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPickersLayoutUtilityClass = getPickersLayoutUtilityClass;
 exports.pickersLayoutClasses = void 0;
-var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getPickersLayoutUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersLayout', slot);
+  return (0, _generateUtilityClass.default)('MuiPickersLayout', slot);
 }
-const pickersLayoutClasses = exports.pickersLayoutClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'shortcuts']);
+const pickersLayoutClasses = exports.pickersLayoutClasses = (0, _generateUtilityClasses.default)('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'tabs', 'shortcuts']);

package/node/PickersLayout/usePickerLayout.js

@@ -113,7 +113,8 @@ const usePickerLayout = props => {
   const Tabs = slots?.tabs;
   const tabs = view && Tabs ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs, (0, _extends2.default)({
     view: view,
-    onViewChange: onViewChange
+    onViewChange: onViewChange,
+    className: classes.tabs
   }, slotProps?.tabs)) : null;
 
   // Shortcuts

package/node/TimeClock/TimeClock.js

@@ -226,7 +226,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
         {
           const handleHoursChange = (hourValue, isFinish) => {
             const valueWithMeridiem = (0, _timeUtils.convertValueToMeridiem)(hourValue, meridiemMode, ampm);
-            setValueAndGoToNextView(utils.setHours(valueOrReferenceDate, valueWithMeridiem), isFinish);
+            setValueAndGoToNextView(utils.setHours(valueOrReferenceDate, valueWithMeridiem), isFinish, 'hours');
           };
           return {
             onChange: handleHoursChange,
@@ -246,7 +246,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
         {
           const minutesValue = utils.getMinutes(valueOrReferenceDate);
           const handleMinutesChange = (minuteValue, isFinish) => {
-            setValueAndGoToNextView(utils.setMinutes(valueOrReferenceDate, minuteValue), isFinish);
+            setValueAndGoToNextView(utils.setMinutes(valueOrReferenceDate, minuteValue), isFinish, 'minutes');
           };
           return {
             viewValue: minutesValue,
@@ -265,7 +265,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
         {
           const secondsValue = utils.getSeconds(valueOrReferenceDate);
           const handleSecondsChange = (secondValue, isFinish) => {
-            setValueAndGoToNextView(utils.setSeconds(valueOrReferenceDate, secondValue), isFinish);
+            setValueAndGoToNextView(utils.setSeconds(valueOrReferenceDate, secondValue), isFinish, 'seconds');
           };
           return {
             viewValue: secondsValue,

package/node/dateTimeViewRenderers/dateTimeViewRenderers.js

@@ -146,23 +146,23 @@ const renderDesktopDateTimeView = ({
           view: 'hours',
           views: ['hours'],
           focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? 'hours' : null,
-          sx: (0, _extends2.default)({
+          sx: [{
             width: 'auto',
             [`&.${_DigitalClock.digitalClockClasses.root}`]: {
               maxHeight: _dimensions.VIEW_HEIGHT
             }
-          }, Array.isArray(sx) ? sx : [sx])
+          }, ...(Array.isArray(sx) ? sx : [sx])]
         })) : (0, _timeViewRenderers.renderMultiSectionDigitalClockTimeView)((0, _extends2.default)({}, commonTimeProps, {
           view: (0, _timeUtils.isInternalTimeView)(view) ? view : 'hours',
           views: views.filter(_timeUtils.isInternalTimeView),
           focusedView: focusedView && (0, _timeUtils.isInternalTimeView)(focusedView) ? focusedView : null,
-          sx: (0, _extends2.default)({
+          sx: [{
             borderBottom: 0,
             width: 'auto',
             [`.${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.root}`]: {
               maxHeight: '100%'
             }
-          }, Array.isArray(sx) ? sx : [sx])
+          }, ...(Array.isArray(sx) ? sx : [sx])]
         }))]
       })]
     }), isActionBarVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {})]

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-alpha.9
+ * @mui/x-date-pickers v7.0.0-beta.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/hooks/usePicker/usePicker.js

@@ -17,7 +17,8 @@ const usePicker = ({
   inputRef,
   additionalViewProps,
   validator,
-  autoFocusView
+  autoFocusView,
+  rendererInterceptor
 }) => {
   if (process.env.NODE_ENV !== 'production') {
     if (props.renderInput != null) {
@@ -36,7 +37,8 @@ const usePicker = ({
     inputRef,
     additionalViewProps,
     autoFocusView,
-    propsFromPickerValue: pickerValueResponse.viewProps
+    propsFromPickerValue: pickerValueResponse.viewProps,
+    rendererInterceptor
   });
   const pickerLayoutResponse = (0, _usePickerLayoutProps.usePickerLayoutProps)({
     props,

package/node/internals/hooks/usePicker/usePickerViews.js

@@ -38,7 +38,8 @@ const usePickerViews = ({
   propsFromPickerValue,
   additionalViewProps,
   inputRef,
-  autoFocusView
+  autoFocusView,
+  rendererInterceptor
 }) => {
   const {
     onChange,
@@ -154,7 +155,7 @@ const usePickerViews = ({
       if (renderer == null) {
         return null;
       }
-      return renderer((0, _extends2.default)({}, propsToForwardToView, additionalViewProps, propsFromPickerValue, {
+      const rendererProps = (0, _extends2.default)({}, propsToForwardToView, additionalViewProps, propsFromPickerValue, {
         views,
         timezone,
         onChange: setValueAndGoToNextView,
@@ -164,7 +165,11 @@ const usePickerViews = ({
         onFocusedViewChange: setFocusedView,
         showViewSwitcher: timeViewsCount > 1,
         timeViewsCount
-      }));
+      });
+      if (rendererInterceptor) {
+        return rendererInterceptor(viewRenderers, popperView, rendererProps);
+      }
+      return renderer(rendererProps);
     }
   };
 };

package/node/internals/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "PickersToolbarButton", {
     return _PickersToolbarButton.PickersToolbarButton;
   }
 });
+Object.defineProperty(exports, "VIEW_HEIGHT", {
+  enumerable: true,
+  get: function () {
+    return _dimensions.VIEW_HEIGHT;
+  }
+});
 Object.defineProperty(exports, "addPositionPropertiesToSections", {
   enumerable: true,
   get: function () {
@@ -147,6 +153,12 @@ Object.defineProperty(exports, "isDatePickerView", {
     return _dateUtils.isDatePickerView;
   }
 });
+Object.defineProperty(exports, "isInternalTimeView", {
+  enumerable: true,
+  get: function () {
+    return _timeUtils.isInternalTimeView;
+  }
+});
 Object.defineProperty(exports, "isTimeView", {
   enumerable: true,
   get: function () {

package/node/locales/beBY.js

@@ -17,12 +17,17 @@ const beBYPickers = {
   previousMonth: 'Папярэдні месяц',
   nextMonth: 'Наступны месяц',
   // View navigation
-  openPreviousView: 'адкрыць папярэдні выгляд',
-  openNextView: 'адкрыць наступны выгляд',
+  openPreviousView: 'Aдкрыць папярэдні выгляд',
+  openNextView: 'Aдкрыць наступны выгляд',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'гадавы выгляд адкрыты, перайсці да каляндарнага выгляду' : 'каляндарны выгляд адкрыты, перайсці да гадавога выгляду',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Пачатак',
   end: 'Канец',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Адмена',
   clearButtonLabel: 'Ачысціць',

package/node/locales/caES.js

@@ -16,12 +16,17 @@ const caESPickers = {
   previousMonth: 'Últim mes',
   nextMonth: 'Pròxim mes',
   // View navigation
-  openPreviousView: "obrir l'última vista",
+  openPreviousView: "Obrir l'última vista",
   openNextView: 'obrir la següent vista',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? "la vista de l'any està oberta, canvie a la vista de calendari" : "la vista de calendari està oberta, canvie a la vista de l'any",
-  // DateRange placeholders
+  // DateRange labels
   start: 'Començar',
   end: 'Terminar',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Cancel·lar',
   clearButtonLabel: 'Netejar',

package/node/locales/csCZ.js

@@ -17,12 +17,17 @@ const csCZPickers = {
   previousMonth: 'Předchozí měsíc',
   nextMonth: 'Další měsíc',
   // View navigation
-  openPreviousView: 'otevřít předchozí zobrazení',
-  openNextView: 'otevřít další zobrazení',
+  openPreviousView: 'Otevřít předchozí zobrazení',
+  openNextView: 'Otevřít další zobrazení',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'roční zobrazení otevřeno, přepněte do zobrazení kalendáře' : 'zobrazení kalendáře otevřeno, přepněte do zobrazení roku',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Začátek',
   end: 'Konec',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Zrušit',
   clearButtonLabel: 'Vymazat',

package/node/locales/daDK.js

@@ -17,12 +17,17 @@ const daDKPickers = {
   previousMonth: 'Forrige måned',
   nextMonth: 'Næste måned',
   // View navigation
-  openPreviousView: 'åben forrige visning',
-  openNextView: 'åben næste visning',
+  openPreviousView: 'Åben forrige visning',
+  openNextView: 'Åben næste visning',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'årsvisning er åben, skift til kalendervisning' : 'kalendervisning er åben, skift til årsvisning',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Start',
   end: 'Slut',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Annuller',
   clearButtonLabel: 'Ryd',

package/node/locales/deDE.js

@@ -20,9 +20,14 @@ const deDEPickers = {
   openPreviousView: 'Letzte Ansicht öffnen',
   openNextView: 'Nächste Ansicht öffnen',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Jahresansicht ist geöffnet, zur Kalenderansicht wechseln' : 'Kalenderansicht ist geöffnet, zur Jahresansicht wechseln',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Beginn',
   end: 'Ende',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Abbrechen',
   clearButtonLabel: 'Löschen',

package/node/locales/elGR.js

@@ -16,12 +16,17 @@ const elGRPickers = {
   previousMonth: 'Προηγούμενος μήνας',
   nextMonth: 'Επόμενος μήνας',
   // View navigation
-  openPreviousView: 'ανοίγμα προηγούμενης προβολή',
-  openNextView: 'ανοίγμα επόμενης προβολή',
+  openPreviousView: 'Άνοίγμα προηγούμενης προβολή',
+  openNextView: 'Άνοίγμα επόμενης προβολή',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'η προβολή έτους είναι ανοιχτή, μεταβείτε στην προβολή ημερολογίου' : 'η προβολή ημερολογίου είναι ανοιχτή, μεταβείτε στην προβολή έτους',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Αρχή',
   end: 'Τέλος',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Άκυρο',
   clearButtonLabel: 'Καθαρισμός',

package/node/locales/enUS.js

@@ -12,12 +12,16 @@ const enUSPickers = {
   previousMonth: 'Previous month',
   nextMonth: 'Next month',
   // View navigation
-  openPreviousView: 'open previous view',
-  openNextView: 'open next view',
+  openPreviousView: 'Open previous view',
+  openNextView: 'Open next view',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Start',
   end: 'End',
+  startDate: 'Start date',
+  startTime: 'Start time',
+  endDate: 'End date',
+  endTime: 'End time',
   // Action bar
   cancelButtonLabel: 'Cancel',
   clearButtonLabel: 'Clear',

package/node/locales/esES.js

@@ -16,12 +16,17 @@ const esESPickers = {
   previousMonth: 'Último mes',
   nextMonth: 'Próximo mes',
   // View navigation
-  openPreviousView: 'abrir la última vista',
-  openNextView: 'abrir la siguiente vista',
+  openPreviousView: 'Abrir la última vista',
+  openNextView: 'Abrir la siguiente vista',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'la vista del año está abierta, cambie a la vista de calendario' : 'la vista de calendario está abierta, cambie a la vista del año',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Empezar',
   end: 'Terminar',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Cancelar',
   clearButtonLabel: 'Limpiar',

package/node/locales/eu.js

@@ -19,9 +19,14 @@ const euPickers = {
   openPreviousView: 'azken bista ireki',
   openNextView: 'hurrengo bista ireki',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'urteko bista irekita dago, aldatu egutegi bistara' : 'egutegi bista irekita dago, aldatu urteko bistara',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Hasi',
   end: 'Bukatu',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Utxi',
   clearButtonLabel: 'Garbitu',

package/node/locales/faIR.js

@@ -19,9 +19,14 @@ const faIRPickers = {
   openPreviousView: 'نمای قبلی',
   openNextView: 'نمای بعدی',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'نمای سال باز است، رفتن به نمای تقویم' : 'نمای تقویم باز است، رفتن به نمای سال',
-  // DateRange placeholders
+  // DateRange labels
   start: 'شروع',
   end: 'پایان',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'لغو',
   clearButtonLabel: 'پاک کردن',

package/node/locales/fiFI.js

@@ -16,12 +16,17 @@ const fiFIPickers = {
   previousMonth: 'Edellinen kuukausi',
   nextMonth: 'Seuraava kuukausi',
   // View navigation
-  openPreviousView: 'avaa edellinen kuukausi',
-  openNextView: 'avaa seuraava kuukausi',
+  openPreviousView: 'Avaa edellinen kuukausi',
+  openNextView: 'Avaa seuraava kuukausi',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'vuosinäkymä on auki, vaihda kalenterinäkymään' : 'kalenterinäkymä on auki, vaihda vuosinäkymään',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Alku',
   end: 'Loppu',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Peruuta',
   clearButtonLabel: 'Tyhjennä',

package/node/locales/frFR.js

@@ -19,9 +19,14 @@ const frFRPickers = {
   openPreviousView: 'Ouvrir la vue précédente',
   openNextView: 'Ouvrir la vue suivante',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'La vue année est ouverte, ouvrir la vue calendrier' : 'La vue calendrier est ouverte, ouvrir la vue année',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Début',
   end: 'Fin',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Annuler',
   clearButtonLabel: 'Vider',

package/node/locales/heIL.js

@@ -19,9 +19,14 @@ const heILPickers = {
   openPreviousView: 'תצוגה קודמת',
   openNextView: 'תצוגה הבאה',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'תצוגת שנה פתוחה, מעבר לתצוגת לוח שנה' : 'תצוגת לוח שנה פתוחה, מעבר לתצוגת שנה',
-  // DateRange placeholders
+  // DateRange labels
   start: 'תחילה',
   end: 'סיום',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'ביטול',
   clearButtonLabel: 'ניקוי',