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

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useUtils } from '../useUtils';
-import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions } from './useField.utils';
+import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions, applyLocalizedDigits, removeLocalizedDigits, isStringNumber } from './useField.utils';
 
 /**
  * The letter editing and the numeric editing each define a `CharacterEditingApplier`.
@@ -40,6 +40,7 @@ export const useFieldCharacterEditing = ({
   sections,
   updateSectionValue,
   sectionsValueBoundaries,
+  localizedDigits,
   setTempAndroidValueStr,
   timezone
 }) => {
@@ -68,7 +69,7 @@ export 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);
@@ -162,7 +163,8 @@ export const useFieldCharacterEditing = ({
   };
   const applyNumericEditing = params => {
     const getNewSectionValue = (queryValue, section) => {
-      const queryValueNumber = Number(`${queryValue}`);
+      const cleanQueryValue = removeLocalizedDigits(queryValue, localizedDigits);
+      const queryValueNumber = Number(cleanQueryValue);
       const sectionBoundaries = sectionsValueBoundaries[section.type]({
         currentDate: null,
         format: section.format,
@@ -182,8 +184,8 @@ export const useFieldCharacterEditing = ({
           saveQuery: true
         };
       }
-      const shouldGoToNextSection = Number(`${queryValue}0`) > sectionBoundaries.maximum || queryValue.length === sectionBoundaries.maximum.toString().length;
-      const newSectionValue = cleanDigitSectionValue(utils, timezone, queryValueNumber, sectionBoundaries, section);
+      const shouldGoToNextSection = queryValueNumber * 10 > sectionBoundaries.maximum || cleanQueryValue.length === sectionBoundaries.maximum.toString().length;
+      const newSectionValue = cleanDigitSectionValue(utils, queryValueNumber, sectionBoundaries, localizedDigits, section);
       return {
         sectionValue: newSectionValue,
         shouldGoToNextSection
@@ -231,12 +233,14 @@ export const useFieldCharacterEditing = ({
         saveQuery: false
       };
     };
-    return applyQuery(params, getFirstSectionValueMatchingWithQuery, queryValue => !Number.isNaN(Number(queryValue)));
+    return applyQuery(params, getFirstSectionValueMatchingWithQuery, queryValue => isStringNumber(queryValue, localizedDigits));
   };
   const applyCharacterEditing = useEventCallback(params => {
     const activeSection = sections[params.sectionIndex];
-    const isNumericEditing = !Number.isNaN(Number(params.keyPressed));
-    const response = isNumericEditing ? applyNumericEditing(params) : applyLetterEditing(params);
+    const isNumericEditing = isStringNumber(params.keyPressed, localizedDigits);
+    const response = isNumericEditing ? applyNumericEditing(_extends({}, params, {
+      keyPressed: applyLocalizedDigits(params.keyPressed, localizedDigits)
+    })) : applyLetterEditing(params);
     if (response == null) {
       setTempAndroidValueStr(null);
     } else {

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import useControlled from '@mui/utils/useControlled';
 import { useTheme } from '@mui/material/styles';
 import { useUtils, useLocaleText, useLocalizationContext } from '../useUtils';
-import { addPositionPropertiesToSections, splitFormatIntoSections, mergeDateIntoReferenceDate, getSectionsBoundaries, validateSections, getDateFromDateSections } from './useField.utils';
+import { addPositionPropertiesToSections, splitFormatIntoSections, mergeDateIntoReferenceDate, getSectionsBoundaries, validateSections, getDateFromDateSections, getLocalizedDigits } from './useField.utils';
 import { useValueWithTimezone } from '../useValueWithTimezone';
 import { getSectionTypeGranularity } from '../../utils/getDefaultReferenceDate';
 export const useFieldState = params => {
@@ -42,9 +42,10 @@ export const useFieldState = params => {
     onChange,
     valueManager
   });
-  const sectionsValueBoundaries = React.useMemo(() => getSectionsBoundaries(utils, timezone), [utils, timezone]);
-  const getSectionsFromValue = React.useCallback((value, fallbackSections = null) => fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, isRTL, date => 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(() => getLocalizedDigits(utils), [utils]);
+  const sectionsValueBoundaries = React.useMemo(() => getSectionsBoundaries(utils, localizedDigits, timezone), [utils, localizedDigits, timezone]);
+  const getSectionsFromValue = React.useCallback((value, fallbackSections = null) => fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, localizedDigits, isRTL, date => 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);
     validateSections(sections, valueType);
@@ -142,7 +143,7 @@ export const useFieldState = params => {
       value: newSectionValue,
       modified: true
     });
-    return addPositionPropertiesToSections(newSections, isRTL);
+    return addPositionPropertiesToSections(newSections, localizedDigits, isRTL);
   };
   const clearValue = () => {
     publishValue({
@@ -179,7 +180,7 @@ export const useFieldState = params => {
       if (date == null || !utils.isValid(date)) {
         return null;
       }
-      const sections = splitFormatIntoSections(utils, timezone, localeText, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
+      const sections = splitFormatIntoSections(utils, timezone, localeText, localizedDigits, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
       return mergeDateIntoReferenceDate(utils, timezone, date, sections, referenceDate, false);
     };
     const newValue = fieldValueManager.parseValueStr(valueStr, state.referenceValue, parseDateStr);
@@ -210,7 +211,7 @@ export const useFieldState = params => {
     const activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
     const newSections = setSectionValue(selectedSectionIndexes.startIndex, newSectionValue);
     const newActiveDateSections = activeDateManager.getSections(newSections);
-    const newActiveDate = getDateFromDateSections(utils, newActiveDateSections);
+    const newActiveDate = getDateFromDateSections(utils, newActiveDateSections, localizedDigits);
     let values;
     let shouldPublish;
 
@@ -278,6 +279,7 @@ export const useFieldState = params => {
     updateValueFromValueStr,
     setTempAndroidValueStr,
     sectionsValueBoundaries,
+    localizedDigits,
     placeholder,
     timezone
   };

package/modern/internals/hooks/usePicker/usePicker.js

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

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

@@ -30,7 +30,8 @@ export const usePickerViews = ({
   propsFromPickerValue,
   additionalViewProps,
   inputRef,
-  autoFocusView
+  autoFocusView,
+  rendererInterceptor
 }) => {
   const {
     onChange,
@@ -146,7 +147,7 @@ export const usePickerViews = ({
       if (renderer == null) {
         return null;
       }
-      return renderer(_extends({}, propsToForwardToView, additionalViewProps, propsFromPickerValue, {
+      const rendererProps = _extends({}, propsToForwardToView, additionalViewProps, propsFromPickerValue, {
         views,
         timezone,
         onChange: setValueAndGoToNextView,
@@ -156,7 +157,11 @@ export const usePickerViews = ({
         onFocusedViewChange: setFocusedView,
         showViewSwitcher: timeViewsCount > 1,
         timeViewsCount
-      }));
+      });
+      if (rendererInterceptor) {
+        return rendererInterceptor(viewRenderers, popperView, rendererProps);
+      }
+      return renderer(rendererProps);
     }
   };
 };

package/modern/internals/index.js

@@ -8,7 +8,7 @@ export { pickersToolbarTextClasses } from './components/pickersToolbarTextClasse
 export { pickersArrowSwitcherClasses } from './components/PickersArrowSwitcher/pickersArrowSwitcherClasses';
 export { pickersPopperClasses } from './components/pickersPopperClasses';
 export { PickersToolbarButton } from './components/PickersToolbarButton';
-export { DAY_MARGIN, DIALOG_WIDTH } from './constants/dimensions';
+export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT } from './constants/dimensions';
 export { useControlledValueWithTimezone } from './hooks/useValueWithTimezone';
 export { useField, createDateStrForInputFromSections, addPositionPropertiesToSections } from './hooks/useField';
 export { usePicker } from './hooks/usePicker';
@@ -32,4 +32,4 @@ export { applyDefaultViewProps } from './utils/views';
 export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export { useCalendarState } from '../DateCalendar/useCalendarState';
-export { isTimeView } from './utils/time-utils';
+export { isInternalTimeView, isTimeView } from './utils/time-utils';

package/modern/internals/utils/valueManagers.js

@@ -30,12 +30,12 @@ export const singleItemValueManager = {
 };
 export const 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 addPositionPropertiesToSections(getSectionsFromDate(date), isRTL);
+    return addPositionPropertiesToSections(getSectionsFromDate(date), localizedDigits, isRTL);
   },
   getValueStrFromSections: createDateStrForInputFromSections,
   getActiveDateManager: (utils, state) => ({

package/modern/locales/beBY.js

@@ -11,12 +11,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/modern/locales/caES.js

@@ -10,12 +10,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/modern/locales/csCZ.js

@@ -11,12 +11,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/modern/locales/daDK.js

@@ -11,12 +11,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/modern/locales/deDE.js

@@ -14,9 +14,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/modern/locales/elGR.js

@@ -10,12 +10,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/modern/locales/enUS.js

@@ -7,12 +7,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/modern/locales/esES.js

@@ -10,12 +10,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/modern/locales/eu.js

@@ -13,9 +13,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/modern/locales/faIR.js

@@ -13,9 +13,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/modern/locales/fiFI.js

@@ -10,12 +10,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/modern/locales/frFR.js

@@ -13,9 +13,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/modern/locales/heIL.js

@@ -13,9 +13,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: 'ניקוי',

package/modern/locales/huHU.js

@@ -14,9 +14,14 @@ const huHUPickers = {
   openPreviousView: 'Előző nézet megnyitása',
   openNextView: 'Következő nézet megnyitása',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'az évválasztó már nyitva, váltson a naptárnézetre' : 'a naptárnézet már nyitva, váltson az évválasztóra',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Kezdő dátum',
   end: 'Záró dátum',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Mégse',
   clearButtonLabel: 'Törlés',

package/modern/locales/isIS.js

@@ -10,12 +10,17 @@ const isISPickers = {
   previousMonth: 'Fyrri mánuður',
   nextMonth: 'Næsti mánuður',
   // View navigation
-  openPreviousView: 'opna fyrri skoðun',
-  openNextView: 'opna næstu skoðun',
+  openPreviousView: 'Opna fyrri skoðun',
+  openNextView: 'Opna næstu skoðun',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'ársskoðun er opin, skipta yfir í dagatalsskoðun' : 'dagatalsskoðun er opin, skipta yfir í ársskoðun',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Upphaf',
   end: 'Endir',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Hætta við',
   clearButtonLabel: 'Hreinsa',

package/modern/locales/itIT.js

@@ -10,12 +10,17 @@ const itITPickers = {
   previousMonth: 'Mese precedente',
   nextMonth: 'Mese successivo',
   // View navigation
-  openPreviousView: 'apri la vista precedente',
-  openNextView: 'apri la vista successiva',
+  openPreviousView: 'Apri la vista precedente',
+  openNextView: 'Apri la vista successiva',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? "la vista dell'anno è aperta, passare alla vista del calendario" : "la vista dell'calendario è aperta, passare alla vista dell'anno",
-  // DateRange placeholders
+  // DateRange labels
   start: 'Inizio',
   end: 'Fine',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Cancellare',
   clearButtonLabel: 'Sgomberare',

package/modern/locales/jaJP.js

@@ -14,9 +14,14 @@ const jaJPPickers = {
   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/modern/locales/koKR.js

@@ -13,9 +13,14 @@ const koKRPickers = {
   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/modern/locales/kzKZ.js

@@ -14,9 +14,14 @@ const kzKZPickers = {
   openPreviousView: 'Алдыңғы көріністі ашу',
   openNextView: 'Келесі көріністі ашу',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'жылдық көріністі ашу, күнтізбе көрінісіне ауысу' : 'күнтізбе көрінісін ашу, жылдық көрінісіне ауысу',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Бастау',
   end: 'Cоңы',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Бас тарту',
   clearButtonLabel: 'Тазарту',

package/modern/locales/mk.js

@@ -10,9 +10,14 @@ const mkPickers = {
   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/modern/locales/nbNO.js

@@ -10,12 +10,17 @@ const nbNOPickers = {
   previousMonth: 'Forrige måned',
   nextMonth: 'Neste måned',
   // View navigation
-  openPreviousView: 'åpne forrige visning',
-  openNextView: 'åpne neste visning',
+  openPreviousView: 'Åpne forrige visning',
+  openNextView: 'Åpne neste visning',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'årsvisning er åpen, bytt til kalendervisning' : 'kalendervisning er åpen, bytt til årsvisning',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Start',
   end: 'Slutt',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Avbryt',
   clearButtonLabel: 'Fjern',

package/modern/locales/nlNL.js

@@ -10,12 +10,17 @@ const nlNLPickers = {
   previousMonth: 'Vorige maand',
   nextMonth: 'Volgende maand',
   // View navigation
-  openPreviousView: 'open vorige view',
-  openNextView: 'open volgende view',
+  openPreviousView: 'Open vorige view',
+  openNextView: 'Open volgende view',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'jaarweergave is geopend, schakel over naar kalenderweergave' : 'kalenderweergave is geopend, switch naar jaarweergave',
-  // DateRange placeholders
+  // DateRange labels
   start: 'Start',
   end: 'Einde',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
   // Action bar
   cancelButtonLabel: 'Annuleren',
   clearButtonLabel: 'Resetten',