@mui/x-date-pickers 7.18.0 → 7.20.0

package/node/internals/components/PickersProvider.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersContext = void 0;
+exports.PickersProvider = PickersProvider;
+var React = _interopRequireWildcard(require("react"));
+var _LocalizationProvider = require("../../LocalizationProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+const PickersContext = exports.PickersContext = /*#__PURE__*/React.createContext(null);
+
+/**
+ * Provides the context for the various parts of a picker component:
+ * - contextValue: the context for the picker sub-components.
+ * - localizationProvider: the translations passed through the props and through a parent LocalizationProvider.
+ *
+ * @ignore - do not document.
+ */
+function PickersProvider(props) {
+  const {
+    contextValue,
+    localeText,
+    children
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
+      localeText: localeText,
+      children: children
+    })
+  });
+}

package/node/internals/components/PickersToolbarButton.js

@@ -54,7 +54,7 @@ const PickersToolbarButton = exports.PickersToolbarButton = /*#__PURE__*/React.f
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersToolbarButtonRoot, (0, _extends2.default)({
     variant: "text",
     ref: ref,
-    className: (0, _clsx.default)(className, classes.root)
+    className: (0, _clsx.default)(classes.root, className)
   }, width ? {
     sx: {
       width

package/node/internals/components/PickersToolbarText.js

@@ -54,7 +54,7 @@ const PickersToolbarText = exports.PickersToolbarText = /*#__PURE__*/React.forwa
   const classes = useUtilityClasses(props);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersToolbarTextRoot, (0, _extends2.default)({
     ref: ref,
-    className: (0, _clsx.default)(className, classes.root),
+    className: (0, _clsx.default)(classes.root, className),
     component: "span"
   }, other, {
     children: value

package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -16,8 +16,8 @@ var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _PickersPopper = require("../../components/PickersPopper");
 var _usePicker = require("../usePicker");
-var _LocalizationProvider = require("../../../LocalizationProvider");
 var _PickersLayout = require("../../../PickersLayout");
+var _PickersProvider = require("../../components/PickersProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props", "getOpenDialogAriaText"],
   _excluded2 = ["ownerState"],
@@ -65,7 +65,8 @@ const useDesktopPicker = _ref => {
     layoutProps,
     renderCurrentView,
     shouldRestoreFocus,
-    fieldProps: pickerFieldProps
+    fieldProps: pickerFieldProps,
+    contextValue
   } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     fieldRef,
@@ -169,7 +170,8 @@ const useDesktopPicker = _ref => {
     }, innerSlotProps?.popper)
   });
   const handleFieldRef = (0, _useForkRef.default)(fieldRef, fieldProps.unstableFieldRef);
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LocalizationProvider.LocalizationProvider, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersProvider.PickersProvider, {
+    contextValue: contextValue,
     localeText: localeText,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
       slots: slotsForField,

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

@@ -45,12 +45,12 @@ const getEscapedPartsFromFormat = ({
   }
   return escapedParts;
 };
-const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
+const getSectionPlaceholder = (utils, localeText, sectionConfig, sectionFormat) => {
   switch (sectionConfig.type) {
     case 'year':
       {
         return localeText.fieldYearPlaceholder({
-          digitAmount: utils.formatByString(utils.date(undefined, timezone), sectionFormat).length,
+          digitAmount: utils.formatByString(utils.date(undefined, 'default'), sectionFormat).length,
           format: sectionFormat
         });
       }
@@ -106,7 +106,6 @@ const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, secti
 };
 const createSection = ({
   utils,
-  timezone,
   date,
   shouldRespectLeadingZeros,
   localeText,
@@ -119,7 +118,7 @@ const createSection = ({
     throw new Error('MUI X: Should not call `commitToken` with an empty token');
   }
   const sectionConfig = (0, _useField.getDateSectionConfigFromFormatToken)(utils, token);
-  const hasLeadingZerosInFormat = (0, _useField.doesSectionFormatHaveLeadingZeros)(utils, timezone, sectionConfig.contentType, sectionConfig.type, token);
+  const hasLeadingZerosInFormat = (0, _useField.doesSectionFormatHaveLeadingZeros)(utils, sectionConfig.contentType, sectionConfig.type, token);
   const hasLeadingZerosInInput = shouldRespectLeadingZeros ? hasLeadingZerosInFormat : sectionConfig.contentType === 'digit';
   const isValidDate = date != null && utils.isValid(date);
   let sectionValue = isValidDate ? utils.formatByString(date, token) : '';
@@ -141,7 +140,7 @@ const createSection = ({
     format: token,
     maxLength,
     value: sectionValue,
-    placeholder: getSectionPlaceholder(utils, timezone, localeText, sectionConfig, token),
+    placeholder: getSectionPlaceholder(utils, localeText, sectionConfig, token),
     hasLeadingZerosInFormat,
     hasLeadingZerosInInput,
     startSeparator,

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

@@ -38,9 +38,9 @@ const getDeltaFromKeyCode = keyCode => {
       return 0;
   }
 };
-const getDaysInWeekStr = (utils, timezone, format) => {
+const getDaysInWeekStr = (utils, format) => {
   const elements = [];
-  const now = utils.date(undefined, timezone);
+  const now = utils.date(undefined, 'default');
   const startDate = utils.startOfWeek(now);
   const endDate = utils.endOfWeek(now);
   let current = startDate;
@@ -59,7 +59,7 @@ const getLetterEditingOptions = (utils, timezone, sectionType, format) => {
       }
     case 'weekDay':
       {
-        return getDaysInWeekStr(utils, timezone, format);
+        return getDaysInWeekStr(utils, format);
       }
     case 'meridiem':
       {
@@ -252,17 +252,17 @@ const changeSectionValueFormat = (utils, valueStr, currentFormat, newFormat) =>
   return utils.formatByString(utils.parse(valueStr, currentFormat), newFormat);
 };
 exports.changeSectionValueFormat = changeSectionValueFormat;
-const isFourDigitYearFormat = (utils, timezone, format) => utils.formatByString(utils.date(undefined, timezone), format).length === 4;
-const doesSectionFormatHaveLeadingZeros = (utils, timezone, contentType, sectionType, format) => {
+const isFourDigitYearFormat = (utils, format) => utils.formatByString(utils.date(undefined, 'system'), format).length === 4;
+const doesSectionFormatHaveLeadingZeros = (utils, contentType, sectionType, format) => {
   if (contentType !== 'digit') {
     return false;
   }
-  const now = utils.date(undefined, timezone);
+  const now = utils.date(undefined, 'default');
   switch (sectionType) {
     // We can't use `changeSectionValueFormat`, because  `utils.parse('1', 'YYYY')` returns `1971` instead of `1`.
     case 'year':
       {
-        if (isFourDigitYearFormat(utils, timezone, format)) {
+        if (isFourDigitYearFormat(utils, format)) {
           const formatted0001 = utils.formatByString(utils.setYear(now, 1), format);
           return formatted0001 === '0001';
         }
@@ -372,7 +372,7 @@ const getSectionsBoundaries = (utils, localizedDigits, timezone) => {
       format
     }) => ({
       minimum: 0,
-      maximum: isFourDigitYearFormat(utils, timezone, format) ? 9999 : 99
+      maximum: isFourDigitYearFormat(utils, format) ? 9999 : 99
     }),
     month: () => ({
       minimum: 1,
@@ -391,7 +391,7 @@ const getSectionsBoundaries = (utils, localizedDigits, timezone) => {
       contentType
     }) => {
       if (contentType === 'digit') {
-        const daysInWeek = getDaysInWeekStr(utils, timezone, format).map(Number);
+        const daysInWeek = getDaysInWeekStr(utils, format).map(Number);
         return {
           minimum: Math.min(...daysInWeek),
           maximum: Math.max(...daysInWeek)
@@ -459,7 +459,7 @@ const validateSections = (sections, valueType) => {
   }
 };
 exports.validateSections = validateSections;
-const transferDateSectionValue = (utils, timezone, section, dateToTransferFrom, dateToTransferTo) => {
+const transferDateSectionValue = (utils, section, dateToTransferFrom, dateToTransferTo) => {
   switch (section.type) {
     case 'year':
       {
@@ -471,7 +471,7 @@ const transferDateSectionValue = (utils, timezone, section, dateToTransferFrom,
       }
     case 'weekDay':
       {
-        const formattedDaysInWeek = getDaysInWeekStr(utils, timezone, section.format);
+        const formattedDaysInWeek = getDaysInWeekStr(utils, section.format);
         const dayInWeekStrOfActiveDate = utils.formatByString(dateToTransferFrom, section.format);
         const dayInWeekOfActiveDate = formattedDaysInWeek.indexOf(dayInWeekStrOfActiveDate);
         const dayInWeekOfNewSectionValue = formattedDaysInWeek.indexOf(section.value);
@@ -523,11 +523,11 @@ const reliableSectionModificationOrder = {
   meridiem: 8,
   empty: 9
 };
-const mergeDateIntoReferenceDate = (utils, timezone, dateToTransferFrom, sections, referenceDate, shouldLimitToEditedSections) =>
+const mergeDateIntoReferenceDate = (utils, dateToTransferFrom, sections, referenceDate, shouldLimitToEditedSections) =>
 // cloning sections before sort to avoid mutating it
 [...sections].sort((a, b) => reliableSectionModificationOrder[a.type] - reliableSectionModificationOrder[b.type]).reduce((mergedDate, section) => {
   if (!shouldLimitToEditedSections || section.modified) {
-    return transferDateSectionValue(utils, timezone, section, dateToTransferFrom, mergedDate);
+    return transferDateSectionValue(utils, section, dateToTransferFrom, mergedDate);
   }
   return mergedDate;
 }, referenceDate);

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

@@ -206,7 +206,7 @@ const useFieldCharacterEditing = ({
       // When editing a letter-format month and the user presses a digit,
       // We can support the numeric editing by using the digit-format month and re-formatting the result.
       if (activeSection.type === 'month') {
-        const hasLeadingZerosInFormat = (0, _useField.doesSectionFormatHaveLeadingZeros)(utils, timezone, 'digit', 'month', 'MM');
+        const hasLeadingZerosInFormat = (0, _useField.doesSectionFormatHaveLeadingZeros)(utils, 'digit', 'month', 'MM');
         const response = getNewSectionValue(queryValue, {
           type: activeSection.type,
           format: 'MM',
@@ -231,7 +231,7 @@ const useFieldCharacterEditing = ({
         if (isQueryResponseWithoutValue(response)) {
           return response;
         }
-        const formattedValue = (0, _useField.getDaysInWeekStr)(utils, timezone, activeSection.format)[Number(response.sectionValue) - 1];
+        const formattedValue = (0, _useField.getDaysInWeekStr)(utils, activeSection.format)[Number(response.sectionValue) - 1];
         return (0, _extends2.default)({}, response, {
           sectionValue: formattedValue
         });

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

@@ -56,7 +56,6 @@ const useFieldState = params => {
   const sectionsValueBoundaries = React.useMemo(() => (0, _useField.getSectionsBoundaries)(utils, localizedDigits, timezone), [utils, localizedDigits, timezone]);
   const getSectionsFromValue = React.useCallback((value, fallbackSections = null) => fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, date => (0, _buildSectionsFromFormat.buildSectionsFromFormat)({
     utils,
-    timezone,
     localeText: translations,
     localizedDigits,
     format,
@@ -65,7 +64,7 @@ const useFieldState = params => {
     shouldRespectLeadingZeros,
     enableAccessibleFieldDOMStructure,
     isRtl
-  })), [fieldValueManager, format, translations, localizedDigits, isRtl, shouldRespectLeadingZeros, utils, formatDensity, timezone, enableAccessibleFieldDOMStructure]);
+  })), [fieldValueManager, format, translations, localizedDigits, isRtl, shouldRespectLeadingZeros, utils, formatDensity, enableAccessibleFieldDOMStructure]);
   const [state, setState] = React.useState(() => {
     const sections = getSectionsFromValue(valueFromTheOutside);
     (0, _useField.validateSections)(sections, valueType);
@@ -162,7 +161,6 @@ const useFieldState = params => {
       }
       const sections = (0, _buildSectionsFromFormat.buildSectionsFromFormat)({
         utils,
-        timezone,
         localeText: translations,
         localizedDigits,
         format,
@@ -172,7 +170,7 @@ const useFieldState = params => {
         enableAccessibleFieldDOMStructure,
         isRtl
       });
-      return (0, _useField.mergeDateIntoReferenceDate)(utils, timezone, date, sections, referenceDate, false);
+      return (0, _useField.mergeDateIntoReferenceDate)(utils, date, sections, referenceDate, false);
     };
     const newValue = fieldValueManager.parseValueStr(valueStr, state.referenceValue, parseDateStr);
     const newReferenceValue = fieldValueManager.updateReferenceValue(utils, newValue, state.referenceValue);
@@ -210,7 +208,7 @@ const useFieldState = params => {
      * This makes sure that we don't lose some information of the initial date (like the time on a date field).
      */
     if (newActiveDate != null && utils.isValid(newActiveDate)) {
-      const mergedDate = (0, _useField.mergeDateIntoReferenceDate)(utils, timezone, newActiveDate, newActiveDateSections, activeDateManager.referenceDate, true);
+      const mergedDate = (0, _useField.mergeDateIntoReferenceDate)(utils, newActiveDate, newActiveDateSections, activeDateManager.referenceDate, true);
       values = activeDateManager.getNewValuesFromNewActiveDate(mergedDate);
       shouldPublish = true;
     } else {

package/node/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -15,8 +15,8 @@ var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _PickersModalDialog = require("../../components/PickersModalDialog");
 var _usePicker = require("../usePicker");
 var _utils = require("../../utils/utils");
-var _LocalizationProvider = require("../../../LocalizationProvider");
 var _PickersLayout = require("../../../PickersLayout");
+var _PickersProvider = require("../../components/PickersProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props", "getOpenDialogAriaText"];
 /**
@@ -57,7 +57,8 @@ const useMobilePicker = _ref => {
     actions,
     layoutProps,
     renderCurrentView,
-    fieldProps: pickerFieldProps
+    fieldProps: pickerFieldProps,
+    contextValue
   } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     fieldRef,
@@ -118,7 +119,8 @@ const useMobilePicker = _ref => {
     }, innerSlotProps?.mobilePaper)
   });
   const handleFieldRef = (0, _useForkRef.default)(fieldRef, fieldProps.unstableFieldRef);
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LocalizationProvider.LocalizationProvider, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersProvider.PickersProvider, {
+    contextValue: contextValue,
     localeText: localeText,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
       slots: slotsForField,

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

@@ -55,7 +55,9 @@ const usePicker = ({
     hasUIView: pickerViewsResponse.hasUIView,
     shouldRestoreFocus: pickerViewsResponse.shouldRestoreFocus,
     // Picker layout
-    layoutProps: pickerLayoutResponse.layoutProps
+    layoutProps: pickerLayoutResponse.layoutProps,
+    // Picker context
+    contextValue: pickerValueResponse.contextValue
   };
 };
 exports.usePicker = usePicker;

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

@@ -341,12 +341,18 @@ const usePickerValue = ({
     onSelectShortcut: handleSelectShortcut,
     isValid
   });
+  const contextValue = React.useMemo(() => ({
+    onOpen: handleOpen,
+    onClose: handleClose,
+    open: isOpen
+  }), [isOpen, handleClose, handleOpen]);
   return {
     open: isOpen,
     fieldProps: fieldResponse,
     viewProps: viewResponse,
     layoutProps: layoutResponse,
-    actions
+    actions,
+    contextValue
   };
 };
 exports.usePickerValue = usePickerValue;

package/node/internals/index.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "PickersPopper", {
     return _PickersPopper.PickersPopper;
   }
 });
+Object.defineProperty(exports, "PickersProvider", {
+  enumerable: true,
+  get: function () {
+    return _PickersProvider.PickersProvider;
+  }
+});
 Object.defineProperty(exports, "PickersToolbar", {
   enumerable: true,
   get: function () {
@@ -304,6 +310,7 @@ Object.defineProperty(exports, "useViews", {
   }
 });
 var _PickersArrowSwitcher = require("./components/PickersArrowSwitcher/PickersArrowSwitcher");
+var _PickersProvider = require("./components/PickersProvider");
 var _PickersModalDialog = require("./components/PickersModalDialog");
 var _PickersPopper = require("./components/PickersPopper");
 var _PickersToolbar = require("./components/PickersToolbar");

package/node/internals/utils/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEFAULT_DESKTOP_MODE_MEDIA_QUERY = void 0;
 exports.arrayIncludes = arrayIncludes;
-exports.onSpaceOrEnter = exports.getActiveElement = exports.executeInTheNextEventLoopTick = void 0;
+exports.onSpaceOrEnter = exports.getFocusedListItemIndex = exports.getActiveElement = exports.executeInTheNextEventLoopTick = void 0;
 /* Use it instead of .includes method for IE support */
 function arrayIncludes(array, itemOrItems) {
   if (Array.isArray(itemOrItems)) {
@@ -42,5 +42,17 @@ const getActiveElement = (root = document) => {
   }
   return activeEl;
 };
+
+/**
+ * Gets the index of the focused list item in a given ul list element.
+ *
+ * @param {HTMLUListElement} listElement - The list element to search within.
+ * @returns {number} The index of the focused list item, or -1 if none is focused.
+ */
 exports.getActiveElement = getActiveElement;
+const getFocusedListItemIndex = listElement => {
+  const children = listElement.children;
+  return Array.from(children).findIndex(child => child === getActiveElement(document));
+};
+exports.getFocusedListItemIndex = getFocusedListItemIndex;
 const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = exports.DEFAULT_DESKTOP_MODE_MEDIA_QUERY = '@media (pointer: fine)';

package/node/locales/bgBG.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bgBG = void 0;
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+const views = {
+  hours: 'часове',
+  minutes: 'минути',
+  seconds: 'секунди',
+  meridiem: 'преди обяд/след обяд'
+};
+const bgBGPickers = {
+  // Calendar navigation
+  previousMonth: 'Предишен месец',
+  nextMonth: 'Следващ месец',
+  // View navigation
+  openPreviousView: 'Отвори предишен изглед',
+  openNextView: 'Отвори следващ изглед',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'отворен е изглед на година, премини на изглед на календар' : 'отворен е изглед на календар, премини на изглед на година',
+  // DateRange labels
+  start: 'Начало',
+  end: 'Край',
+  startDate: 'Начална дата',
+  startTime: 'Начален час',
+  endDate: 'Крайна дата',
+  endTime: 'Краен час',
+  // Action bar
+  cancelButtonLabel: 'Отказ',
+  clearButtonLabel: 'Изчисти',
+  okButtonLabel: 'ОК',
+  todayButtonLabel: 'Днес',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Избери дата',
+  dateTimePickerToolbarTitle: 'Избери дата и час',
+  timePickerToolbarTitle: 'Избери час',
+  dateRangePickerToolbarTitle: 'Избери времеви период',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Избери ${views[view]}. ${time === null ? 'Не е избран час' : `Избраният час е ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} часа`,
+  minutesClockNumberText: minutes => `${minutes} минути`,
+  secondsClockNumberText: seconds => `${seconds} секунди`,
+  // Digital clock labels
+  selectViewText: view => `Избери ${views[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Седмица',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Седмица ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери дата, избраната дата е ${utils.format(value, 'fullDate')}` : 'Избери дата',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери час, избраният час е ${utils.format(value, 'fullTime')}` : 'Избери час',
+  fieldClearLabel: 'Изчисти стойност',
+  // Table labels
+  timeTableLabel: 'избери час',
+  dateTableLabel: 'избери дата',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Г'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'ММММ' : 'ММ',
+  fieldDayPlaceholder: () => 'ДД',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'СССС' : 'СС',
+  fieldHoursPlaceholder: () => 'чч',
+  fieldMinutesPlaceholder: () => 'мм',
+  fieldSecondsPlaceholder: () => 'сс',
+  fieldMeridiemPlaceholder: () => 'пс',
+  // View names
+  year: 'Година',
+  month: 'Месец',
+  day: 'Ден',
+  weekDay: 'Ден от седмицата',
+  hours: 'Часове',
+  minutes: 'Минути',
+  seconds: 'Секунди',
+  meridiem: 'Преди обяд/след обяд',
+  // Common
+  empty: 'Празно'
+};
+const bgBG = exports.bgBG = (0, _getPickersLocalization.getPickersLocalization)(bgBGPickers);

package/node/locales/csCZ.js

@@ -23,11 +23,10 @@ const csCZPickers = {
   // DateRange labels
   start: 'Začátek',
   end: 'Konec',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Datum začátku',
+  startTime: 'Čas začátku',
+  endDate: 'Datum konce',
+  endTime: 'Čas konce',
   // Action bar
   cancelButtonLabel: 'Zrušit',
   clearButtonLabel: 'Vymazat',
@@ -53,8 +52,7 @@ const csCZPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Vyberte datum, vybrané datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Vyberte datum',
   openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Vyberte čas, vybraný čas je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Vyberte čas',
-  // fieldClearLabel: 'Clear',
-
+  fieldClearLabel: 'Vymazat',
   // Table labels
   timeTableLabel: 'vyberte čas',
   dateTableLabel: 'vyberte datum',
@@ -62,23 +60,21 @@ const csCZPickers = {
   fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'DD',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Rok',
+  month: 'Měsíc',
+  day: 'Den',
+  weekDay: 'Pracovní den',
+  hours: 'Hodiny',
+  minutes: 'Minuty',
+  seconds: 'Sekundy',
+  meridiem: 'Odpoledne',
   // Common
-  // empty: 'Empty',
+  empty: 'Prázdný'
 };
 const csCZ = exports.csCZ = (0, _getPickersLocalization.getPickersLocalization)(csCZPickers);

package/node/locales/hrHR.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hrHR = void 0;
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+// maps TimeView to its translation
+const timeViews = {
+  hours: 'sati',
+  minutes: 'minute',
+  seconds: 'sekunde',
+  meridiem: 'meridiem'
+};
+const hrHRPickers = {
+  // Calendar navigation
+  previousMonth: 'Prethodni mjesec',
+  nextMonth: 'Naredni mjesec',
+  // View navigation
+  openPreviousView: 'Otvori prethodni prikaz',
+  openNextView: 'Otvori naredni prikaz',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Otvoren je godišnji prikaz, promijeni na kalendarski prikaz' : 'Otvoren je kalendarski prikaz, promijeni na godišnji prikaz',
+  // DateRange labels
+  start: 'Početak',
+  end: 'Kraj',
+  startDate: 'Početni datum',
+  startTime: 'Početno vrijeme',
+  endDate: 'Krajnji datum',
+  endTime: 'Krajnje vrijeme',
+  // Action bar
+  cancelButtonLabel: 'Otkaži',
+  clearButtonLabel: 'Izbriši',
+  okButtonLabel: 'U redu',
+  todayButtonLabel: 'Danas',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Odaberi datum',
+  dateTimePickerToolbarTitle: 'Odaberi datum i vrijeme',
+  timePickerToolbarTitle: 'Odaberi vrijeme',
+  dateRangePickerToolbarTitle: 'Odaberi vremenski okvir',
+  // Clock labels
+  clockLabelText: (view, time, utils, formattedTime) => `Odaberi ${timeViews[view] ?? view}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Vrijeme nije odabrano' : `Odabrano vrijeme je ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => {
+    let suffix = 'sati';
+    if (Number(hours) === 1) {
+      suffix = 'sat';
+    } else if (Number(hours) < 5) {
+      suffix = 'sata';
+    }
+    return `${hours} ${suffix}`;
+  },
+  minutesClockNumberText: minutes => `${minutes} ${Number(minutes) > 1 && Number(minutes) < 5 ? 'minute' : 'minuta'}`,
+  secondsClockNumberText: seconds => {
+    let suffix = 'sekundi';
+    if (Number(seconds) === 1) {
+      suffix = 'sekunda';
+    } else if (Number(seconds) < 5) {
+      suffix = 'sekunde';
+    }
+    return `${seconds} ${suffix}`;
+  },
+  // Digital clock labels
+  selectViewText: view => `Odaberi ${timeViews[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Broj tjedna',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Tjedan ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Odaberi datum, odabrani datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Odaberi datum',
+  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Odaberi vrijeme, odabrano vrijeme je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Odaberi vrijeme',
+  fieldClearLabel: 'Izbriši',
+  // Table labels
+  timeTableLabel: 'Odaberi vrijeme',
+  dateTableLabel: 'Odaberi datum',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'G'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'hh',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'Godina',
+  month: 'Mjesec',
+  day: 'Dan',
+  weekDay: 'Dan u tjednu',
+  hours: 'Sati',
+  minutes: 'Minute',
+  seconds: 'Sekunde',
+  meridiem: 'Meridiem',
+  // Common
+  empty: 'Isprazni'
+};
+const hrHR = exports.hrHR = (0, _getPickersLocalization.getPickersLocalization)(hrHRPickers);