@mui/x-date-pickers 7.17.0 → 7.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/AdapterDateFns/AdapterDateFns.js +1 -1
  2. package/AdapterDateFnsBase/AdapterDateFnsBase.js +1 -0
  3. package/AdapterDateFnsV3/AdapterDateFnsV3.js +1 -1
  4. package/AdapterMoment/AdapterMoment.js +1 -0
  5. package/CHANGELOG.md +208 -5
  6. package/DateCalendar/DateCalendar.js +9 -1
  7. package/DateField/useDateField.d.ts +1 -1
  8. package/DatePicker/DatePicker.js +6 -0
  9. package/DatePicker/DatePicker.types.d.ts +5 -5
  10. package/DateTimeField/useDateTimeField.d.ts +1 -1
  11. package/DateTimePicker/DateTimePicker.js +6 -0
  12. package/DateTimePicker/DateTimePicker.types.d.ts +7 -6
  13. package/DateTimePicker/DateTimePickerTabs.js +1 -1
  14. package/DesktopDatePicker/DesktopDatePicker.js +6 -0
  15. package/DesktopDatePicker/DesktopDatePicker.types.d.ts +7 -6
  16. package/DesktopDateTimePicker/DesktopDateTimePicker.js +6 -0
  17. package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +11 -10
  18. package/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +1 -1
  19. package/MobileDatePicker/MobileDatePicker.js +6 -0
  20. package/MobileDatePicker/MobileDatePicker.types.d.ts +5 -0
  21. package/MobileDateTimePicker/MobileDateTimePicker.js +6 -0
  22. package/MonthCalendar/MonthCalendar.types.d.ts +1 -1
  23. package/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  24. package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +1 -1
  25. package/PickersLayout/PickersLayout.d.ts +2 -2
  26. package/PickersLayout/PickersLayout.js +1 -1
  27. package/PickersSectionList/PickersSectionList.d.ts +4 -4
  28. package/PickersTextField/PickersInputBase/PickersInputBase.d.ts +2 -2
  29. package/StaticDatePicker/StaticDatePicker.js +7 -1
  30. package/StaticDatePicker/StaticDatePicker.types.d.ts +5 -0
  31. package/StaticDateTimePicker/StaticDateTimePicker.js +7 -1
  32. package/StaticDateTimePicker/StaticDateTimePicker.types.d.ts +5 -0
  33. package/TimeClock/Clock.js +1 -1
  34. package/TimeClock/ClockNumber.js +1 -1
  35. package/TimeClock/ClockPointer.js +1 -1
  36. package/TimeField/useTimeField.d.ts +1 -1
  37. package/YearCalendar/YearCalendar.js +19 -6
  38. package/YearCalendar/YearCalendar.types.d.ts +7 -1
  39. package/dateViewRenderers/dateViewRenderers.d.ts +1 -1
  40. package/dateViewRenderers/dateViewRenderers.js +2 -0
  41. package/index.js +1 -1
  42. package/internals/components/PickerViewRoot/PickerViewRoot.d.ts +1 -1
  43. package/internals/components/PickersToolbarButton.js +1 -1
  44. package/internals/components/PickersToolbarText.js +1 -1
  45. package/locales/bgBG.d.ts +80 -0
  46. package/locales/bgBG.js +73 -0
  47. package/locales/csCZ.js +16 -20
  48. package/locales/hrHR.d.ts +80 -0
  49. package/locales/hrHR.js +90 -0
  50. package/locales/index.d.ts +3 -0
  51. package/locales/index.js +3 -0
  52. package/locales/ptBR.js +3 -4
  53. package/locales/ptPT.d.ts +80 -0
  54. package/locales/ptPT.js +73 -0
  55. package/models/pickers.d.ts +1 -1
  56. package/modern/AdapterDateFns/AdapterDateFns.js +1 -1
  57. package/modern/AdapterDateFnsBase/AdapterDateFnsBase.js +1 -0
  58. package/modern/AdapterDateFnsV3/AdapterDateFnsV3.js +1 -1
  59. package/modern/AdapterMoment/AdapterMoment.js +1 -0
  60. package/modern/DateCalendar/DateCalendar.js +9 -1
  61. package/modern/DatePicker/DatePicker.js +6 -0
  62. package/modern/DateTimePicker/DateTimePicker.js +6 -0
  63. package/modern/DateTimePicker/DateTimePickerTabs.js +1 -1
  64. package/modern/DesktopDatePicker/DesktopDatePicker.js +6 -0
  65. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +6 -0
  66. package/modern/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +1 -1
  67. package/modern/MobileDatePicker/MobileDatePicker.js +6 -0
  68. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +6 -0
  69. package/modern/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  70. package/modern/PickersLayout/PickersLayout.js +1 -1
  71. package/modern/StaticDatePicker/StaticDatePicker.js +7 -1
  72. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +7 -1
  73. package/modern/TimeClock/Clock.js +1 -1
  74. package/modern/TimeClock/ClockNumber.js +1 -1
  75. package/modern/TimeClock/ClockPointer.js +1 -1
  76. package/modern/YearCalendar/YearCalendar.js +19 -6
  77. package/modern/dateViewRenderers/dateViewRenderers.js +2 -0
  78. package/modern/index.js +1 -1
  79. package/modern/internals/components/PickersToolbarButton.js +1 -1
  80. package/modern/internals/components/PickersToolbarText.js +1 -1
  81. package/modern/locales/bgBG.js +73 -0
  82. package/modern/locales/csCZ.js +16 -20
  83. package/modern/locales/hrHR.js +90 -0
  84. package/modern/locales/index.js +3 -0
  85. package/modern/locales/ptBR.js +3 -4
  86. package/modern/locales/ptPT.js +73 -0
  87. package/node/AdapterDateFns/AdapterDateFns.js +1 -1
  88. package/node/AdapterDateFnsBase/AdapterDateFnsBase.js +1 -0
  89. package/node/AdapterDateFnsV3/AdapterDateFnsV3.js +1 -1
  90. package/node/AdapterMoment/AdapterMoment.js +1 -0
  91. package/node/DateCalendar/DateCalendar.js +9 -1
  92. package/node/DatePicker/DatePicker.js +6 -0
  93. package/node/DateTimePicker/DateTimePicker.js +6 -0
  94. package/node/DateTimePicker/DateTimePickerTabs.js +1 -1
  95. package/node/DesktopDatePicker/DesktopDatePicker.js +6 -0
  96. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +6 -0
  97. package/node/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +1 -1
  98. package/node/MobileDatePicker/MobileDatePicker.js +6 -0
  99. package/node/MobileDateTimePicker/MobileDateTimePicker.js +6 -0
  100. package/node/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  101. package/node/PickersLayout/PickersLayout.js +1 -1
  102. package/node/StaticDatePicker/StaticDatePicker.js +7 -1
  103. package/node/StaticDateTimePicker/StaticDateTimePicker.js +7 -1
  104. package/node/TimeClock/Clock.js +1 -1
  105. package/node/TimeClock/ClockNumber.js +1 -1
  106. package/node/TimeClock/ClockPointer.js +1 -1
  107. package/node/YearCalendar/YearCalendar.js +19 -6
  108. package/node/dateViewRenderers/dateViewRenderers.js +2 -0
  109. package/node/index.js +1 -1
  110. package/node/internals/components/PickersToolbarButton.js +1 -1
  111. package/node/internals/components/PickersToolbarText.js +1 -1
  112. package/node/locales/bgBG.js +79 -0
  113. package/node/locales/csCZ.js +16 -20
  114. package/node/locales/hrHR.js +96 -0
  115. package/node/locales/index.js +33 -0
  116. package/node/locales/ptBR.js +3 -4
  117. package/node/locales/ptPT.js +79 -0
  118. package/package.json +4 -4
@@ -435,6 +435,12 @@ MobileDateTimePicker.propTypes = {
435
435
  * Available views.
436
436
  */
437
437
  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired),
438
+ /**
439
+ * Years are displayed in ascending (chronological) order by default.
440
+ * If `desc`, years are displayed in descending order.
441
+ * @default 'asc'
442
+ */
443
+ yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
438
444
  /**
439
445
  * Years rendered per row.
440
446
  * @default 3
@@ -197,7 +197,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
197
197
  const label = utils.formatByString(month, format);
198
198
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderRoot, (0, _extends2.default)({}, other, {
199
199
  ownerState: ownerState,
200
- className: (0, _clsx.default)(className, classes.root),
200
+ className: (0, _clsx.default)(classes.root, className),
201
201
  ref: ref,
202
202
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderLabelContainer, {
203
203
  role: "presentation",
@@ -129,7 +129,7 @@ const PickersLayout = exports.PickersLayout = /*#__PURE__*/React.forwardRef(func
129
129
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersLayoutRoot, {
130
130
  ref: ref,
131
131
  sx: sx,
132
- className: (0, _clsx.default)(className, classes.root),
132
+ className: (0, _clsx.default)(classes.root, className),
133
133
  ownerState: props,
134
134
  children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersLayoutContentWrapper, {
135
135
  className: classes.contentWrapper,
@@ -300,9 +300,15 @@ StaticDatePicker.propTypes = {
300
300
  * Available views.
301
301
  */
302
302
  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired),
303
+ /**
304
+ * Years are displayed in ascending (chronological) order by default.
305
+ * If `desc`, years are displayed in descending order.
306
+ * @default 'asc'
307
+ */
308
+ yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
303
309
  /**
304
310
  * Years rendered per row.
305
- * @default 3
311
+ * @default `4` when `displayStaticWrapperAs === 'desktop'`, `3` otherwise.
306
312
  */
307
313
  yearsPerRow: _propTypes.default.oneOf([3, 4])
308
314
  };
@@ -359,9 +359,15 @@ StaticDateTimePicker.propTypes = {
359
359
  * Available views.
360
360
  */
361
361
  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired),
362
+ /**
363
+ * Years are displayed in ascending (chronological) order by default.
364
+ * If `desc`, years are displayed in descending order.
365
+ * @default 'asc'
366
+ */
367
+ yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
362
368
  /**
363
369
  * Years rendered per row.
364
- * @default 3
370
+ * @default `4` when `displayStaticWrapperAs === 'desktop'`, `3` otherwise.
365
371
  */
366
372
  yearsPerRow: _propTypes.default.oneOf([3, 4])
367
373
  };
@@ -292,7 +292,7 @@ function Clock(inProps) {
292
292
  }
293
293
  };
294
294
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockRoot, {
295
- className: (0, _clsx.default)(className, classes.root),
295
+ className: (0, _clsx.default)(classes.root, className),
296
296
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockClock, {
297
297
  className: classes.clock,
298
298
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockSquareMask, {
@@ -92,7 +92,7 @@ function ClockNumber(inProps) {
92
92
  const x = Math.round(Math.cos(angle) * length);
93
93
  const y = Math.round(Math.sin(angle) * length);
94
94
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockNumberRoot, (0, _extends2.default)({
95
- className: (0, _clsx.default)(className, classes.root),
95
+ className: (0, _clsx.default)(classes.root, className),
96
96
  "aria-disabled": disabled ? true : undefined,
97
97
  "aria-selected": selected ? true : undefined,
98
98
  role: "option",
@@ -110,7 +110,7 @@ function ClockPointer(inProps) {
110
110
  };
111
111
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockPointerRoot, (0, _extends2.default)({
112
112
  style: getAngleStyle(),
113
- className: (0, _clsx.default)(className, classes.root),
113
+ className: (0, _clsx.default)(classes.root, className),
114
114
  ownerState: ownerState
115
115
  }, other, {
116
116
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockPointerThumb, {
@@ -24,7 +24,7 @@ var _getDefaultReferenceDate = require("../internals/utils/getDefaultReferenceDa
24
24
  var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
25
25
  var _dimensions = require("../internals/constants/dimensions");
26
26
  var _jsxRuntime = require("react/jsx-runtime");
27
- const _excluded = ["autoFocus", "className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
27
+ const _excluded = ["autoFocus", "className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsOrder", "yearsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
28
28
  const useUtilityClasses = ownerState => {
29
29
  const {
30
30
  classes
@@ -95,6 +95,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
95
95
  onYearFocus,
96
96
  hasFocus,
97
97
  onFocusedViewChange,
98
+ yearsOrder = 'asc',
98
99
  yearsPerRow,
99
100
  timezone: timezoneProp,
100
101
  gridLabelId,
@@ -184,22 +185,24 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
184
185
  React.useEffect(() => {
185
186
  setFocusedYear(prevFocusedYear => selectedYear !== null && prevFocusedYear !== selectedYear ? selectedYear : prevFocusedYear);
186
187
  }, [selectedYear]);
188
+ const verticalDirection = yearsOrder !== 'desc' ? yearsPerRow * 1 : yearsPerRow * -1;
189
+ const horizontalDirection = isRtl && yearsOrder === 'asc' || !isRtl && yearsOrder === 'desc' ? -1 : 1;
187
190
  const handleKeyDown = (0, _utils.unstable_useEventCallback)((event, year) => {
188
191
  switch (event.key) {
189
192
  case 'ArrowUp':
190
- focusYear(year - yearsPerRow);
193
+ focusYear(year - verticalDirection);
191
194
  event.preventDefault();
192
195
  break;
193
196
  case 'ArrowDown':
194
- focusYear(year + yearsPerRow);
197
+ focusYear(year + verticalDirection);
195
198
  event.preventDefault();
196
199
  break;
197
200
  case 'ArrowLeft':
198
- focusYear(year + (isRtl ? 1 : -1));
201
+ focusYear(year - horizontalDirection);
199
202
  event.preventDefault();
200
203
  break;
201
204
  case 'ArrowRight':
202
- focusYear(year + (isRtl ? -1 : 1));
205
+ focusYear(year + horizontalDirection);
203
206
  event.preventDefault();
204
207
  break;
205
208
  default:
@@ -237,6 +240,10 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
237
240
  }
238
241
  scrollerRef.current.scrollTop = elementBottom - clientHeight / 2 - offsetHeight / 2;
239
242
  }, [autoFocus]);
243
+ const yearRange = utils.getYearRange([minDate, maxDate]);
244
+ if (yearsOrder === 'desc') {
245
+ yearRange.reverse();
246
+ }
240
247
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(YearCalendarRoot, (0, _extends2.default)({
241
248
  ref: handleRef,
242
249
  className: (0, _clsx.default)(classes.root, className),
@@ -244,7 +251,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
244
251
  role: "radiogroup",
245
252
  "aria-labelledby": gridLabelId
246
253
  }, other, {
247
- children: utils.getYearRange([minDate, maxDate]).map(year => {
254
+ children: yearRange.map(year => {
248
255
  const yearNumber = utils.getYear(year);
249
256
  const isSelected = yearNumber === selectedYear;
250
257
  const isDisabled = disabled || isYearDisabled(year);
@@ -365,6 +372,12 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
365
372
  * Used when the component is controlled.
366
373
  */
367
374
  value: _propTypes.default.object,
375
+ /**
376
+ * Years are displayed in ascending (chronological) order by default.
377
+ * If `desc`, years are displayed in descending order.
378
+ * @default 'asc'
379
+ */
380
+ yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
368
381
  /**
369
382
  * Years rendered per row.
370
383
  * @default 3
@@ -32,6 +32,7 @@ const renderDateViewCalendar = ({
32
32
  onMonthChange,
33
33
  monthsPerRow,
34
34
  onYearChange,
35
+ yearsOrder,
35
36
  yearsPerRow,
36
37
  slots,
37
38
  slotProps,
@@ -70,6 +71,7 @@ const renderDateViewCalendar = ({
70
71
  onMonthChange: onMonthChange,
71
72
  monthsPerRow: monthsPerRow,
72
73
  onYearChange: onYearChange,
74
+ yearsOrder: yearsOrder,
73
75
  yearsPerRow: yearsPerRow,
74
76
  slots: slots,
75
77
  slotProps: slotProps,
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v7.17.0
2
+ * @mui/x-date-pickers v7.19.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -54,7 +54,7 @@ const PickersToolbarButton = exports.PickersToolbarButton = /*#__PURE__*/React.f
54
54
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersToolbarButtonRoot, (0, _extends2.default)({
55
55
  variant: "text",
56
56
  ref: ref,
57
- className: (0, _clsx.default)(className, classes.root)
57
+ className: (0, _clsx.default)(classes.root, className)
58
58
  }, width ? {
59
59
  sx: {
60
60
  width
@@ -54,7 +54,7 @@ const PickersToolbarText = exports.PickersToolbarText = /*#__PURE__*/React.forwa
54
54
  const classes = useUtilityClasses(props);
55
55
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersToolbarTextRoot, (0, _extends2.default)({
56
56
  ref: ref,
57
- className: (0, _clsx.default)(className, classes.root),
57
+ className: (0, _clsx.default)(classes.root, className),
58
58
  component: "span"
59
59
  }, other, {
60
60
  children: value
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.bgBG = void 0;
7
+ var _getPickersLocalization = require("./utils/getPickersLocalization");
8
+ const views = {
9
+ hours: 'часове',
10
+ minutes: 'минути',
11
+ seconds: 'секунди',
12
+ meridiem: 'преди обяд/след обяд'
13
+ };
14
+ const bgBGPickers = {
15
+ // Calendar navigation
16
+ previousMonth: 'Предишен месец',
17
+ nextMonth: 'Следващ месец',
18
+ // View navigation
19
+ openPreviousView: 'Отвори предишен изглед',
20
+ openNextView: 'Отвори следващ изглед',
21
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'отворен е изглед на година, премини на изглед на календар' : 'отворен е изглед на календар, премини на изглед на година',
22
+ // DateRange labels
23
+ start: 'Начало',
24
+ end: 'Край',
25
+ startDate: 'Начална дата',
26
+ startTime: 'Начален час',
27
+ endDate: 'Крайна дата',
28
+ endTime: 'Краен час',
29
+ // Action bar
30
+ cancelButtonLabel: 'Отказ',
31
+ clearButtonLabel: 'Изчисти',
32
+ okButtonLabel: 'ОК',
33
+ todayButtonLabel: 'Днес',
34
+ // Toolbar titles
35
+ datePickerToolbarTitle: 'Избери дата',
36
+ dateTimePickerToolbarTitle: 'Избери дата и час',
37
+ timePickerToolbarTitle: 'Избери час',
38
+ dateRangePickerToolbarTitle: 'Избери времеви период',
39
+ // Clock labels
40
+ clockLabelText: (view, time, adapter) => `Избери ${views[view]}. ${time === null ? 'Не е избран час' : `Избраният час е ${adapter.format(time, 'fullTime')}`}`,
41
+ hoursClockNumberText: hours => `${hours} часа`,
42
+ minutesClockNumberText: minutes => `${minutes} минути`,
43
+ secondsClockNumberText: seconds => `${seconds} секунди`,
44
+ // Digital clock labels
45
+ selectViewText: view => `Избери ${views[view]}`,
46
+ // Calendar labels
47
+ calendarWeekNumberHeaderLabel: 'Седмица',
48
+ calendarWeekNumberHeaderText: '#',
49
+ calendarWeekNumberAriaLabelText: weekNumber => `Седмица ${weekNumber}`,
50
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
51
+ // Open picker labels
52
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери дата, избраната дата е ${utils.format(value, 'fullDate')}` : 'Избери дата',
53
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери час, избраният час е ${utils.format(value, 'fullTime')}` : 'Избери час',
54
+ fieldClearLabel: 'Изчисти стойност',
55
+ // Table labels
56
+ timeTableLabel: 'избери час',
57
+ dateTableLabel: 'избери дата',
58
+ // Field section placeholders
59
+ fieldYearPlaceholder: params => 'Г'.repeat(params.digitAmount),
60
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'ММММ' : 'ММ',
61
+ fieldDayPlaceholder: () => 'ДД',
62
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'СССС' : 'СС',
63
+ fieldHoursPlaceholder: () => 'чч',
64
+ fieldMinutesPlaceholder: () => 'мм',
65
+ fieldSecondsPlaceholder: () => 'сс',
66
+ fieldMeridiemPlaceholder: () => 'пс',
67
+ // View names
68
+ year: 'Година',
69
+ month: 'Месец',
70
+ day: 'Ден',
71
+ weekDay: 'Ден от седмицата',
72
+ hours: 'Часове',
73
+ minutes: 'Минути',
74
+ seconds: 'Секунди',
75
+ meridiem: 'Преди обяд/след обяд',
76
+ // Common
77
+ empty: 'Празно'
78
+ };
79
+ const bgBG = exports.bgBG = (0, _getPickersLocalization.getPickersLocalization)(bgBGPickers);
@@ -23,11 +23,10 @@ const csCZPickers = {
23
23
  // DateRange labels
24
24
  start: 'Začátek',
25
25
  end: 'Konec',
26
- // startDate: 'Start date',
27
- // startTime: 'Start time',
28
- // endDate: 'End date',
29
- // endTime: 'End time',
30
-
26
+ startDate: 'Datum začátku',
27
+ startTime: 'Čas začátku',
28
+ endDate: 'Datum konce',
29
+ endTime: 'Čas konce',
31
30
  // Action bar
32
31
  cancelButtonLabel: 'Zrušit',
33
32
  clearButtonLabel: 'Vymazat',
@@ -53,8 +52,7 @@ const csCZPickers = {
53
52
  // Open picker labels
54
53
  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Vyberte datum, vybrané datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Vyberte datum',
55
54
  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Vyberte čas, vybraný čas je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Vyberte čas',
56
- // fieldClearLabel: 'Clear',
57
-
55
+ fieldClearLabel: 'Vymazat',
58
56
  // Table labels
59
57
  timeTableLabel: 'vyberte čas',
60
58
  dateTableLabel: 'vyberte datum',
@@ -62,23 +60,21 @@ const csCZPickers = {
62
60
  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
63
61
  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
64
62
  fieldDayPlaceholder: () => 'DD',
65
- // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
63
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
66
64
  fieldHoursPlaceholder: () => 'hh',
67
65
  fieldMinutesPlaceholder: () => 'mm',
68
66
  fieldSecondsPlaceholder: () => 'ss',
69
- fieldMeridiemPlaceholder: () => 'aa'
70
-
67
+ fieldMeridiemPlaceholder: () => 'aa',
71
68
  // View names
72
- // year: 'Year',
73
- // month: 'Month',
74
- // day: 'Day',
75
- // weekDay: 'Week day',
76
- // hours: 'Hours',
77
- // minutes: 'Minutes',
78
- // seconds: 'Seconds',
79
- // meridiem: 'Meridiem',
80
-
69
+ year: 'Rok',
70
+ month: 'Měsíc',
71
+ day: 'Den',
72
+ weekDay: 'Pracovní den',
73
+ hours: 'Hodiny',
74
+ minutes: 'Minuty',
75
+ seconds: 'Sekundy',
76
+ meridiem: 'Odpoledne',
81
77
  // Common
82
- // empty: 'Empty',
78
+ empty: 'Prázdný'
83
79
  };
84
80
  const csCZ = exports.csCZ = (0, _getPickersLocalization.getPickersLocalization)(csCZPickers);
@@ -0,0 +1,96 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.hrHR = void 0;
7
+ var _getPickersLocalization = require("./utils/getPickersLocalization");
8
+ // maps TimeView to its translation
9
+ const timeViews = {
10
+ hours: 'sati',
11
+ minutes: 'minute',
12
+ seconds: 'sekunde',
13
+ meridiem: 'meridiem'
14
+ };
15
+ const hrHRPickers = {
16
+ // Calendar navigation
17
+ previousMonth: 'Prethodni mjesec',
18
+ nextMonth: 'Naredni mjesec',
19
+ // View navigation
20
+ openPreviousView: 'Otvori prethodni prikaz',
21
+ openNextView: 'Otvori naredni prikaz',
22
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Otvoren je godišnji prikaz, promijeni na kalendarski prikaz' : 'Otvoren je kalendarski prikaz, promijeni na godišnji prikaz',
23
+ // DateRange labels
24
+ start: 'Početak',
25
+ end: 'Kraj',
26
+ startDate: 'Početni datum',
27
+ startTime: 'Početno vrijeme',
28
+ endDate: 'Krajnji datum',
29
+ endTime: 'Krajnje vrijeme',
30
+ // Action bar
31
+ cancelButtonLabel: 'Otkaži',
32
+ clearButtonLabel: 'Izbriši',
33
+ okButtonLabel: 'U redu',
34
+ todayButtonLabel: 'Danas',
35
+ // Toolbar titles
36
+ datePickerToolbarTitle: 'Odaberi datum',
37
+ dateTimePickerToolbarTitle: 'Odaberi datum i vrijeme',
38
+ timePickerToolbarTitle: 'Odaberi vrijeme',
39
+ dateRangePickerToolbarTitle: 'Odaberi vremenski okvir',
40
+ // Clock labels
41
+ 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')}`}`,
42
+ hoursClockNumberText: hours => {
43
+ let suffix = 'sati';
44
+ if (Number(hours) === 1) {
45
+ suffix = 'sat';
46
+ } else if (Number(hours) < 5) {
47
+ suffix = 'sata';
48
+ }
49
+ return `${hours} ${suffix}`;
50
+ },
51
+ minutesClockNumberText: minutes => `${minutes} ${Number(minutes) > 1 && Number(minutes) < 5 ? 'minute' : 'minuta'}`,
52
+ secondsClockNumberText: seconds => {
53
+ let suffix = 'sekundi';
54
+ if (Number(seconds) === 1) {
55
+ suffix = 'sekunda';
56
+ } else if (Number(seconds) < 5) {
57
+ suffix = 'sekunde';
58
+ }
59
+ return `${seconds} ${suffix}`;
60
+ },
61
+ // Digital clock labels
62
+ selectViewText: view => `Odaberi ${timeViews[view]}`,
63
+ // Calendar labels
64
+ calendarWeekNumberHeaderLabel: 'Broj tjedna',
65
+ calendarWeekNumberHeaderText: '#',
66
+ calendarWeekNumberAriaLabelText: weekNumber => `Tjedan ${weekNumber}`,
67
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
68
+ // Open picker labels
69
+ openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Odaberi datum, odabrani datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Odaberi datum',
70
+ openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Odaberi vrijeme, odabrano vrijeme je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Odaberi vrijeme',
71
+ fieldClearLabel: 'Izbriši',
72
+ // Table labels
73
+ timeTableLabel: 'Odaberi vrijeme',
74
+ dateTableLabel: 'Odaberi datum',
75
+ // Field section placeholders
76
+ fieldYearPlaceholder: params => 'G'.repeat(params.digitAmount),
77
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
78
+ fieldDayPlaceholder: () => 'DD',
79
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
80
+ fieldHoursPlaceholder: () => 'hh',
81
+ fieldMinutesPlaceholder: () => 'mm',
82
+ fieldSecondsPlaceholder: () => 'ss',
83
+ fieldMeridiemPlaceholder: () => 'aa',
84
+ // View names
85
+ year: 'Godina',
86
+ month: 'Mjesec',
87
+ day: 'Dan',
88
+ weekDay: 'Dan u tjednu',
89
+ hours: 'Sati',
90
+ minutes: 'Minute',
91
+ seconds: 'Sekunde',
92
+ meridiem: 'Meridiem',
93
+ // Common
94
+ empty: 'Isprazni'
95
+ };
96
+ const hrHR = exports.hrHR = (0, _getPickersLocalization.getPickersLocalization)(hrHRPickers);
@@ -14,6 +14,17 @@ Object.keys(_beBY).forEach(function (key) {
14
14
  }
15
15
  });
16
16
  });
17
+ var _bgBG = require("./bgBG");
18
+ Object.keys(_bgBG).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _bgBG[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function () {
24
+ return _bgBG[key];
25
+ }
26
+ });
27
+ });
17
28
  var _caES = require("./caES");
18
29
  Object.keys(_caES).forEach(function (key) {
19
30
  if (key === "default" || key === "__esModule") return;
@@ -146,6 +157,17 @@ Object.keys(_heIL).forEach(function (key) {
146
157
  }
147
158
  });
148
159
  });
160
+ var _hrHR = require("./hrHR");
161
+ Object.keys(_hrHR).forEach(function (key) {
162
+ if (key === "default" || key === "__esModule") return;
163
+ if (key in exports && exports[key] === _hrHR[key]) return;
164
+ Object.defineProperty(exports, key, {
165
+ enumerable: true,
166
+ get: function () {
167
+ return _hrHR[key];
168
+ }
169
+ });
170
+ });
149
171
  var _huHU = require("./huHU");
150
172
  Object.keys(_huHU).forEach(function (key) {
151
173
  if (key === "default" || key === "__esModule") return;
@@ -278,6 +300,17 @@ Object.keys(_ptBR).forEach(function (key) {
278
300
  }
279
301
  });
280
302
  });
303
+ var _ptPT = require("./ptPT");
304
+ Object.keys(_ptPT).forEach(function (key) {
305
+ if (key === "default" || key === "__esModule") return;
306
+ if (key in exports && exports[key] === _ptPT[key]) return;
307
+ Object.defineProperty(exports, key, {
308
+ enumerable: true,
309
+ get: function () {
310
+ return _ptPT[key];
311
+ }
312
+ });
313
+ });
281
314
  var _roRO = require("./roRO");
282
315
  Object.keys(_roRO).forEach(function (key) {
283
316
  if (key === "default" || key === "__esModule") return;
@@ -16,8 +16,8 @@ const ptBRPickers = {
16
16
  previousMonth: 'Mês anterior',
17
17
  nextMonth: 'Próximo mês',
18
18
  // View navigation
19
- openPreviousView: 'Abrir próxima seleção',
20
- openNextView: 'Abrir seleção anterior',
19
+ openPreviousView: 'Abrir seleção anterior',
20
+ openNextView: 'Abrir próxima seleção',
21
21
  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Seleção de ano está aberta, alternando para seleção de calendário' : 'Seleção de calendários está aberta, alternando para seleção de ano',
22
22
  // DateRange labels
23
23
  start: 'Início',
@@ -51,8 +51,7 @@ const ptBRPickers = {
51
51
  // Open picker labels
52
52
  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Escolha uma data, data selecionada ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Escolha uma data',
53
53
  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Escolha uma hora, hora selecionada ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Escolha uma hora',
54
- // fieldClearLabel: 'Clear',
55
-
54
+ fieldClearLabel: 'Limpar valor',
56
55
  // Table labels
57
56
  timeTableLabel: 'escolha uma hora',
58
57
  dateTableLabel: 'escolha uma data',
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ptPT = void 0;
7
+ var _getPickersLocalization = require("./utils/getPickersLocalization");
8
+ const timeViews = {
9
+ hours: 'horas',
10
+ minutes: 'minutos',
11
+ seconds: 'segundos',
12
+ meridiem: 'meridiano'
13
+ };
14
+ const ptPTPickers = {
15
+ // Calendar navigation
16
+ previousMonth: 'Mês anterior',
17
+ nextMonth: 'Próximo mês',
18
+ // View navigation
19
+ openPreviousView: 'Abrir seleção anterior',
20
+ openNextView: 'Abrir próxima seleção',
21
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'A seleção do ano está aberta, altere para a seleção do calendário' : 'A seleção do calendários está aberta, altere para a seleção do ano',
22
+ // DateRange labels
23
+ start: 'Início',
24
+ end: 'Fim',
25
+ startDate: 'Data de início',
26
+ startTime: 'Hora de início',
27
+ endDate: 'Data de fim',
28
+ endTime: 'Hora de fim',
29
+ // Action bar
30
+ cancelButtonLabel: 'Cancelar',
31
+ clearButtonLabel: 'Limpar',
32
+ okButtonLabel: 'OK',
33
+ todayButtonLabel: 'Hoje',
34
+ // Toolbar titles
35
+ datePickerToolbarTitle: 'Selecione a data',
36
+ dateTimePickerToolbarTitle: 'Selecione a data e a hora',
37
+ timePickerToolbarTitle: 'Selecione a hora',
38
+ dateRangePickerToolbarTitle: 'Selecione o intervalo de datas',
39
+ // Clock labels
40
+ clockLabelText: (view, time, utils, formattedTime) => `Selecione ${timeViews[view]}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Hora não selecionada' : `Selecionado a hora ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
41
+ hoursClockNumberText: hours => `${hours} horas`,
42
+ minutesClockNumberText: minutes => `${minutes} minutos`,
43
+ secondsClockNumberText: seconds => `${seconds} segundos`,
44
+ // Digital clock labels
45
+ selectViewText: view => `Selecione ${timeViews[view]}`,
46
+ // Calendar labels
47
+ calendarWeekNumberHeaderLabel: 'Número da semana',
48
+ calendarWeekNumberHeaderText: 'N.º',
49
+ calendarWeekNumberAriaLabelText: weekNumber => `Semana ${weekNumber}`,
50
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
51
+ // Open picker labels
52
+ openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Escolha uma data, a data selecionada é ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Escolha uma data',
53
+ openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Escolha uma hora, a hora selecionada é ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Escolha uma hora',
54
+ fieldClearLabel: 'Limpar valor',
55
+ // Table labels
56
+ timeTableLabel: 'escolha uma hora',
57
+ dateTableLabel: 'escolha uma data',
58
+ // Field section placeholders
59
+ fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
60
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
61
+ fieldDayPlaceholder: () => 'DD',
62
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'SSSS' : 'SS',
63
+ fieldHoursPlaceholder: () => 'hh',
64
+ fieldMinutesPlaceholder: () => 'mm',
65
+ fieldSecondsPlaceholder: () => 'ss',
66
+ fieldMeridiemPlaceholder: () => 'aa',
67
+ // View names
68
+ year: 'Ano',
69
+ month: 'Mês',
70
+ day: 'Dia',
71
+ weekDay: 'Dia da Semana',
72
+ hours: 'Horas',
73
+ minutes: 'Minutos',
74
+ seconds: 'Segundos',
75
+ meridiem: 'Meridiano',
76
+ // Common
77
+ empty: 'Vazio'
78
+ };
79
+ const ptPT = exports.ptPT = (0, _getPickersLocalization.getPickersLocalization)(ptPTPickers);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-date-pickers",
3
- "version": "7.17.0",
3
+ "version": "7.19.0",
4
4
  "description": "The community edition of the Date and Time Picker components (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -31,7 +31,7 @@
31
31
  ],
32
32
  "repository": {
33
33
  "type": "git",
34
- "url": "https://github.com/mui/mui-x.git",
34
+ "url": "git+https://github.com/mui/mui-x.git",
35
35
  "directory": "packages/x-date-pickers"
36
36
  },
37
37
  "dependencies": {
@@ -41,14 +41,14 @@
41
41
  "clsx": "^2.1.1",
42
42
  "prop-types": "^15.8.1",
43
43
  "react-transition-group": "^4.4.5",
44
- "@mui/x-internals": "7.17.0"
44
+ "@mui/x-internals": "7.18.0"
45
45
  },
46
46
  "peerDependencies": {
47
47
  "@emotion/react": "^11.9.0",
48
48
  "@emotion/styled": "^11.8.1",
49
49
  "@mui/material": "^5.15.14 || ^6.0.0",
50
50
  "@mui/system": "^5.15.14 || ^6.0.0",
51
- "date-fns": "^2.25.0 || ^3.2.0",
51
+ "date-fns": "^2.25.0 || ^3.2.0 || ^4.0.0",
52
52
  "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0",
53
53
  "dayjs": "^1.10.7",
54
54
  "luxon": "^3.0.2",