@mui/x-date-pickers 7.18.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 (71) hide show
  1. package/AdapterDateFnsBase/AdapterDateFnsBase.js +1 -0
  2. package/AdapterMoment/AdapterMoment.js +1 -0
  3. package/CHANGELOG.md +110 -0
  4. package/DateField/useDateField.d.ts +1 -1
  5. package/DateTimeField/useDateTimeField.d.ts +1 -1
  6. package/DateTimePicker/DateTimePickerTabs.js +1 -1
  7. package/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +1 -1
  8. package/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  9. package/PickersLayout/PickersLayout.d.ts +2 -2
  10. package/PickersLayout/PickersLayout.js +1 -1
  11. package/PickersSectionList/PickersSectionList.d.ts +4 -4
  12. package/PickersTextField/PickersInputBase/PickersInputBase.d.ts +2 -2
  13. package/TimeClock/Clock.js +1 -1
  14. package/TimeClock/ClockNumber.js +1 -1
  15. package/TimeClock/ClockPointer.js +1 -1
  16. package/TimeField/useTimeField.d.ts +1 -1
  17. package/YearCalendar/YearCalendar.js +1 -1
  18. package/index.js +1 -1
  19. package/internals/components/PickerViewRoot/PickerViewRoot.d.ts +1 -1
  20. package/internals/components/PickersToolbarButton.js +1 -1
  21. package/internals/components/PickersToolbarText.js +1 -1
  22. package/locales/bgBG.d.ts +80 -0
  23. package/locales/bgBG.js +73 -0
  24. package/locales/csCZ.js +16 -20
  25. package/locales/hrHR.d.ts +80 -0
  26. package/locales/hrHR.js +90 -0
  27. package/locales/index.d.ts +3 -0
  28. package/locales/index.js +3 -0
  29. package/locales/ptBR.js +3 -4
  30. package/locales/ptPT.d.ts +80 -0
  31. package/locales/ptPT.js +73 -0
  32. package/models/pickers.d.ts +1 -1
  33. package/modern/AdapterDateFnsBase/AdapterDateFnsBase.js +1 -0
  34. package/modern/AdapterMoment/AdapterMoment.js +1 -0
  35. package/modern/DateTimePicker/DateTimePickerTabs.js +1 -1
  36. package/modern/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +1 -1
  37. package/modern/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  38. package/modern/PickersLayout/PickersLayout.js +1 -1
  39. package/modern/TimeClock/Clock.js +1 -1
  40. package/modern/TimeClock/ClockNumber.js +1 -1
  41. package/modern/TimeClock/ClockPointer.js +1 -1
  42. package/modern/YearCalendar/YearCalendar.js +1 -1
  43. package/modern/index.js +1 -1
  44. package/modern/internals/components/PickersToolbarButton.js +1 -1
  45. package/modern/internals/components/PickersToolbarText.js +1 -1
  46. package/modern/locales/bgBG.js +73 -0
  47. package/modern/locales/csCZ.js +16 -20
  48. package/modern/locales/hrHR.js +90 -0
  49. package/modern/locales/index.js +3 -0
  50. package/modern/locales/ptBR.js +3 -4
  51. package/modern/locales/ptPT.js +73 -0
  52. package/node/AdapterDateFnsBase/AdapterDateFnsBase.js +1 -0
  53. package/node/AdapterMoment/AdapterMoment.js +1 -0
  54. package/node/DateTimePicker/DateTimePickerTabs.js +1 -1
  55. package/node/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +1 -1
  56. package/node/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  57. package/node/PickersLayout/PickersLayout.js +1 -1
  58. package/node/TimeClock/Clock.js +1 -1
  59. package/node/TimeClock/ClockNumber.js +1 -1
  60. package/node/TimeClock/ClockPointer.js +1 -1
  61. package/node/YearCalendar/YearCalendar.js +1 -1
  62. package/node/index.js +1 -1
  63. package/node/internals/components/PickersToolbarButton.js +1 -1
  64. package/node/internals/components/PickersToolbarText.js +1 -1
  65. package/node/locales/bgBG.js +79 -0
  66. package/node/locales/csCZ.js +16 -20
  67. package/node/locales/hrHR.js +96 -0
  68. package/node/locales/index.js +33 -0
  69. package/node/locales/ptBR.js +3 -4
  70. package/node/locales/ptPT.js +79 -0
  71. package/package.json +1 -1
@@ -17,11 +17,10 @@ const csCZPickers = {
17
17
  // DateRange labels
18
18
  start: 'Začátek',
19
19
  end: 'Konec',
20
- // startDate: 'Start date',
21
- // startTime: 'Start time',
22
- // endDate: 'End date',
23
- // endTime: 'End time',
24
-
20
+ startDate: 'Datum začátku',
21
+ startTime: 'Čas začátku',
22
+ endDate: 'Datum konce',
23
+ endTime: 'Čas konce',
25
24
  // Action bar
26
25
  cancelButtonLabel: 'Zrušit',
27
26
  clearButtonLabel: 'Vymazat',
@@ -47,8 +46,7 @@ const csCZPickers = {
47
46
  // Open picker labels
48
47
  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Vyberte datum, vybrané datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Vyberte datum',
49
48
  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Vyberte čas, vybraný čas je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Vyberte čas',
50
- // fieldClearLabel: 'Clear',
51
-
49
+ fieldClearLabel: 'Vymazat',
52
50
  // Table labels
53
51
  timeTableLabel: 'vyberte čas',
54
52
  dateTableLabel: 'vyberte datum',
@@ -56,23 +54,21 @@ const csCZPickers = {
56
54
  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
57
55
  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
58
56
  fieldDayPlaceholder: () => 'DD',
59
- // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
57
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
60
58
  fieldHoursPlaceholder: () => 'hh',
61
59
  fieldMinutesPlaceholder: () => 'mm',
62
60
  fieldSecondsPlaceholder: () => 'ss',
63
- fieldMeridiemPlaceholder: () => 'aa'
64
-
61
+ fieldMeridiemPlaceholder: () => 'aa',
65
62
  // View names
66
- // year: 'Year',
67
- // month: 'Month',
68
- // day: 'Day',
69
- // weekDay: 'Week day',
70
- // hours: 'Hours',
71
- // minutes: 'Minutes',
72
- // seconds: 'Seconds',
73
- // meridiem: 'Meridiem',
74
-
63
+ year: 'Rok',
64
+ month: 'Měsíc',
65
+ day: 'Den',
66
+ weekDay: 'Pracovní den',
67
+ hours: 'Hodiny',
68
+ minutes: 'Minuty',
69
+ seconds: 'Sekundy',
70
+ meridiem: 'Odpoledne',
75
71
  // Common
76
- // empty: 'Empty',
72
+ empty: 'Prázdný'
77
73
  };
78
74
  export const csCZ = getPickersLocalization(csCZPickers);
@@ -0,0 +1,90 @@
1
+ import { getPickersLocalization } from "./utils/getPickersLocalization.js";
2
+ // maps TimeView to its translation
3
+ const timeViews = {
4
+ hours: 'sati',
5
+ minutes: 'minute',
6
+ seconds: 'sekunde',
7
+ meridiem: 'meridiem'
8
+ };
9
+ const hrHRPickers = {
10
+ // Calendar navigation
11
+ previousMonth: 'Prethodni mjesec',
12
+ nextMonth: 'Naredni mjesec',
13
+ // View navigation
14
+ openPreviousView: 'Otvori prethodni prikaz',
15
+ openNextView: 'Otvori naredni prikaz',
16
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Otvoren je godišnji prikaz, promijeni na kalendarski prikaz' : 'Otvoren je kalendarski prikaz, promijeni na godišnji prikaz',
17
+ // DateRange labels
18
+ start: 'Početak',
19
+ end: 'Kraj',
20
+ startDate: 'Početni datum',
21
+ startTime: 'Početno vrijeme',
22
+ endDate: 'Krajnji datum',
23
+ endTime: 'Krajnje vrijeme',
24
+ // Action bar
25
+ cancelButtonLabel: 'Otkaži',
26
+ clearButtonLabel: 'Izbriši',
27
+ okButtonLabel: 'U redu',
28
+ todayButtonLabel: 'Danas',
29
+ // Toolbar titles
30
+ datePickerToolbarTitle: 'Odaberi datum',
31
+ dateTimePickerToolbarTitle: 'Odaberi datum i vrijeme',
32
+ timePickerToolbarTitle: 'Odaberi vrijeme',
33
+ dateRangePickerToolbarTitle: 'Odaberi vremenski okvir',
34
+ // Clock labels
35
+ 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')}`}`,
36
+ hoursClockNumberText: hours => {
37
+ let suffix = 'sati';
38
+ if (Number(hours) === 1) {
39
+ suffix = 'sat';
40
+ } else if (Number(hours) < 5) {
41
+ suffix = 'sata';
42
+ }
43
+ return `${hours} ${suffix}`;
44
+ },
45
+ minutesClockNumberText: minutes => `${minutes} ${Number(minutes) > 1 && Number(minutes) < 5 ? 'minute' : 'minuta'}`,
46
+ secondsClockNumberText: seconds => {
47
+ let suffix = 'sekundi';
48
+ if (Number(seconds) === 1) {
49
+ suffix = 'sekunda';
50
+ } else if (Number(seconds) < 5) {
51
+ suffix = 'sekunde';
52
+ }
53
+ return `${seconds} ${suffix}`;
54
+ },
55
+ // Digital clock labels
56
+ selectViewText: view => `Odaberi ${timeViews[view]}`,
57
+ // Calendar labels
58
+ calendarWeekNumberHeaderLabel: 'Broj tjedna',
59
+ calendarWeekNumberHeaderText: '#',
60
+ calendarWeekNumberAriaLabelText: weekNumber => `Tjedan ${weekNumber}`,
61
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
62
+ // Open picker labels
63
+ openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Odaberi datum, odabrani datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Odaberi datum',
64
+ openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Odaberi vrijeme, odabrano vrijeme je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Odaberi vrijeme',
65
+ fieldClearLabel: 'Izbriši',
66
+ // Table labels
67
+ timeTableLabel: 'Odaberi vrijeme',
68
+ dateTableLabel: 'Odaberi datum',
69
+ // Field section placeholders
70
+ fieldYearPlaceholder: params => 'G'.repeat(params.digitAmount),
71
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
72
+ fieldDayPlaceholder: () => 'DD',
73
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
74
+ fieldHoursPlaceholder: () => 'hh',
75
+ fieldMinutesPlaceholder: () => 'mm',
76
+ fieldSecondsPlaceholder: () => 'ss',
77
+ fieldMeridiemPlaceholder: () => 'aa',
78
+ // View names
79
+ year: 'Godina',
80
+ month: 'Mjesec',
81
+ day: 'Dan',
82
+ weekDay: 'Dan u tjednu',
83
+ hours: 'Sati',
84
+ minutes: 'Minute',
85
+ seconds: 'Sekunde',
86
+ meridiem: 'Meridiem',
87
+ // Common
88
+ empty: 'Isprazni'
89
+ };
90
+ export const hrHR = getPickersLocalization(hrHRPickers);
@@ -1,4 +1,5 @@
1
1
  export * from "./beBY.js";
2
+ export * from "./bgBG.js";
2
3
  export * from "./caES.js";
3
4
  export * from "./csCZ.js";
4
5
  export * from "./daDK.js";
@@ -11,6 +12,7 @@ export * from "./faIR.js";
11
12
  export * from "./fiFI.js";
12
13
  export * from "./frFR.js";
13
14
  export * from "./heIL.js";
15
+ export * from "./hrHR.js";
14
16
  export * from "./huHU.js";
15
17
  export * from "./isIS.js";
16
18
  export * from "./itIT.js";
@@ -23,6 +25,7 @@ export * from "./nlNL.js";
23
25
  export * from "./nnNO.js";
24
26
  export * from "./plPL.js";
25
27
  export * from "./ptBR.js";
28
+ export * from "./ptPT.js";
26
29
  export * from "./roRO.js";
27
30
  export * from "./ruRU.js";
28
31
  export * from "./skSK.js";
@@ -10,8 +10,8 @@ const ptBRPickers = {
10
10
  previousMonth: 'Mês anterior',
11
11
  nextMonth: 'Próximo mês',
12
12
  // View navigation
13
- openPreviousView: 'Abrir próxima seleção',
14
- openNextView: 'Abrir seleção anterior',
13
+ openPreviousView: 'Abrir seleção anterior',
14
+ openNextView: 'Abrir próxima seleção',
15
15
  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',
16
16
  // DateRange labels
17
17
  start: 'Início',
@@ -45,8 +45,7 @@ const ptBRPickers = {
45
45
  // Open picker labels
46
46
  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Escolha uma data, data selecionada ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Escolha uma data',
47
47
  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Escolha uma hora, hora selecionada ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Escolha uma hora',
48
- // fieldClearLabel: 'Clear',
49
-
48
+ fieldClearLabel: 'Limpar valor',
50
49
  // Table labels
51
50
  timeTableLabel: 'escolha uma hora',
52
51
  dateTableLabel: 'escolha uma data',
@@ -0,0 +1,73 @@
1
+ import { getPickersLocalization } from "./utils/getPickersLocalization.js";
2
+ const timeViews = {
3
+ hours: 'horas',
4
+ minutes: 'minutos',
5
+ seconds: 'segundos',
6
+ meridiem: 'meridiano'
7
+ };
8
+ const ptPTPickers = {
9
+ // Calendar navigation
10
+ previousMonth: 'Mês anterior',
11
+ nextMonth: 'Próximo mês',
12
+ // View navigation
13
+ openPreviousView: 'Abrir seleção anterior',
14
+ openNextView: 'Abrir próxima seleção',
15
+ 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',
16
+ // DateRange labels
17
+ start: 'Início',
18
+ end: 'Fim',
19
+ startDate: 'Data de início',
20
+ startTime: 'Hora de início',
21
+ endDate: 'Data de fim',
22
+ endTime: 'Hora de fim',
23
+ // Action bar
24
+ cancelButtonLabel: 'Cancelar',
25
+ clearButtonLabel: 'Limpar',
26
+ okButtonLabel: 'OK',
27
+ todayButtonLabel: 'Hoje',
28
+ // Toolbar titles
29
+ datePickerToolbarTitle: 'Selecione a data',
30
+ dateTimePickerToolbarTitle: 'Selecione a data e a hora',
31
+ timePickerToolbarTitle: 'Selecione a hora',
32
+ dateRangePickerToolbarTitle: 'Selecione o intervalo de datas',
33
+ // Clock labels
34
+ 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')}`}`,
35
+ hoursClockNumberText: hours => `${hours} horas`,
36
+ minutesClockNumberText: minutes => `${minutes} minutos`,
37
+ secondsClockNumberText: seconds => `${seconds} segundos`,
38
+ // Digital clock labels
39
+ selectViewText: view => `Selecione ${timeViews[view]}`,
40
+ // Calendar labels
41
+ calendarWeekNumberHeaderLabel: 'Número da semana',
42
+ calendarWeekNumberHeaderText: 'N.º',
43
+ calendarWeekNumberAriaLabelText: weekNumber => `Semana ${weekNumber}`,
44
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
45
+ // Open picker labels
46
+ openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Escolha uma data, a data selecionada é ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Escolha uma data',
47
+ openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Escolha uma hora, a hora selecionada é ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Escolha uma hora',
48
+ fieldClearLabel: 'Limpar valor',
49
+ // Table labels
50
+ timeTableLabel: 'escolha uma hora',
51
+ dateTableLabel: 'escolha uma data',
52
+ // Field section placeholders
53
+ fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
54
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
55
+ fieldDayPlaceholder: () => 'DD',
56
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'SSSS' : 'SS',
57
+ fieldHoursPlaceholder: () => 'hh',
58
+ fieldMinutesPlaceholder: () => 'mm',
59
+ fieldSecondsPlaceholder: () => 'ss',
60
+ fieldMeridiemPlaceholder: () => 'aa',
61
+ // View names
62
+ year: 'Ano',
63
+ month: 'Mês',
64
+ day: 'Dia',
65
+ weekDay: 'Dia da Semana',
66
+ hours: 'Horas',
67
+ minutes: 'Minutos',
68
+ seconds: 'Segundos',
69
+ meridiem: 'Meridiano',
70
+ // Common
71
+ empty: 'Vazio'
72
+ };
73
+ export const ptPT = getPickersLocalization(ptPTPickers);
@@ -97,6 +97,7 @@ const formatTokenMap = {
97
97
  sectionType: 'weekDay',
98
98
  contentType: 'letter'
99
99
  },
100
+ // eslint-disable-next-line id-denylist
100
101
  e: {
101
102
  sectionType: 'weekDay',
102
103
  contentType: 'digit',
@@ -51,6 +51,7 @@ const formatTokenMap = {
51
51
  contentType: 'digit',
52
52
  maxLength: 1
53
53
  },
54
+ // eslint-disable-next-line id-denylist
54
55
  e: {
55
56
  sectionType: 'weekDay',
56
57
  contentType: 'digit',
@@ -94,7 +94,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
94
94
  variant: "fullWidth",
95
95
  value: viewToTab(view),
96
96
  onChange: handleChange,
97
- className: (0, _clsx.default)(className, classes.root),
97
+ className: (0, _clsx.default)(classes.root, className),
98
98
  sx: sx,
99
99
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
100
100
  value: "date",
@@ -38,7 +38,7 @@ const DesktopDateTimePickerLayout = exports.DesktopDateTimePickerLayout = /*#__P
38
38
  });
39
39
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersLayout.PickersLayoutRoot, {
40
40
  ref: ref,
41
- className: (0, _clsx.default)(className, _PickersLayout.pickersLayoutClasses.root, classes?.root),
41
+ className: (0, _clsx.default)(_PickersLayout.pickersLayoutClasses.root, classes?.root, className),
42
42
  sx: [{
43
43
  [`& .${_PickersLayout.pickersLayoutClasses.tabs}`]: {
44
44
  gridRow: 4,
@@ -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,
@@ -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, {
@@ -186,7 +186,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
186
186
  setFocusedYear(prevFocusedYear => selectedYear !== null && prevFocusedYear !== selectedYear ? selectedYear : prevFocusedYear);
187
187
  }, [selectedYear]);
188
188
  const verticalDirection = yearsOrder !== 'desc' ? yearsPerRow * 1 : yearsPerRow * -1;
189
- const horizontalDirection = isRtl || yearsOrder === 'desc' ? -1 : 1;
189
+ const horizontalDirection = isRtl && yearsOrder === 'asc' || !isRtl && yearsOrder === 'desc' ? -1 : 1;
190
190
  const handleKeyDown = (0, _utils.unstable_useEventCallback)((event, year) => {
191
191
  switch (event.key) {
192
192
  case 'ArrowUp':
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v7.18.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);