@mui/x-date-pickers 6.18.1 → 6.18.3
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.
- package/CHANGELOG.md +112 -0
- package/DateCalendar/DateCalendar.js +1 -0
- package/DateCalendar/DateCalendar.types.d.ts +1 -0
- package/DateCalendar/useCalendarState.js +1 -1
- package/DatePicker/DatePicker.js +1 -0
- package/DateTimePicker/DateTimePicker.js +1 -0
- package/DesktopDatePicker/DesktopDatePicker.js +1 -0
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -0
- package/MobileDatePicker/MobileDatePicker.js +1 -0
- package/MobileDateTimePicker/MobileDateTimePicker.js +1 -0
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts +3 -2
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
- package/StaticDatePicker/StaticDatePicker.js +1 -0
- package/StaticDateTimePicker/StaticDateTimePicker.js +1 -0
- package/index.js +1 -1
- package/internals/hooks/useField/useField.utils.js +23 -10
- package/legacy/DateCalendar/DateCalendar.js +1 -0
- package/legacy/DateCalendar/useCalendarState.js +1 -1
- package/legacy/DatePicker/DatePicker.js +1 -0
- package/legacy/DateTimePicker/DateTimePicker.js +1 -0
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +1 -0
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -0
- package/legacy/MobileDatePicker/MobileDatePicker.js +1 -0
- package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +1 -0
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
- package/legacy/StaticDatePicker/StaticDatePicker.js +1 -0
- package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +1 -0
- package/legacy/index.js +1 -1
- package/legacy/internals/hooks/useField/useField.utils.js +23 -10
- package/legacy/locales/deDE.js +4 -3
- package/legacy/locales/esES.js +6 -7
- package/legacy/locales/eu.js +94 -0
- package/legacy/locales/index.js +2 -0
- package/legacy/locales/mk.js +91 -0
- package/locales/beBY.d.ts +18 -5
- package/locales/caES.d.ts +18 -5
- package/locales/csCZ.d.ts +18 -5
- package/locales/daDK.d.ts +18 -5
- package/locales/deDE.d.ts +18 -5
- package/locales/deDE.js +2 -3
- package/locales/elGR.d.ts +18 -5
- package/locales/enUS.d.ts +18 -5
- package/locales/esES.d.ts +18 -5
- package/locales/esES.js +6 -7
- package/locales/eu.d.ts +67 -0
- package/locales/eu.js +58 -0
- package/locales/faIR.d.ts +18 -5
- package/locales/fiFI.d.ts +18 -5
- package/locales/frFR.d.ts +18 -5
- package/locales/heIL.d.ts +18 -5
- package/locales/huHU.d.ts +18 -5
- package/locales/index.d.ts +2 -0
- package/locales/index.js +2 -0
- package/locales/isIS.d.ts +18 -5
- package/locales/itIT.d.ts +18 -5
- package/locales/jaJP.d.ts +18 -5
- package/locales/koKR.d.ts +18 -5
- package/locales/kzKZ.d.ts +18 -5
- package/locales/mk.d.ts +66 -0
- package/locales/mk.js +55 -0
- package/locales/nbNO.d.ts +18 -5
- package/locales/nlNL.d.ts +18 -5
- package/locales/plPL.d.ts +18 -5
- package/locales/ptBR.d.ts +18 -5
- package/locales/roRO.d.ts +18 -5
- package/locales/ruRU.d.ts +18 -5
- package/locales/skSK.d.ts +18 -5
- package/locales/svSE.d.ts +18 -5
- package/locales/trTR.d.ts +18 -5
- package/locales/ukUA.d.ts +18 -5
- package/locales/urPK.d.ts +18 -5
- package/locales/utils/getPickersLocalization.d.ts +18 -5
- package/locales/utils/pickersLocaleTextApi.d.ts +18 -5
- package/locales/viVN.d.ts +18 -5
- package/locales/zhCN.d.ts +18 -5
- package/locales/zhHK.d.ts +18 -5
- package/modern/DateCalendar/DateCalendar.js +1 -0
- package/modern/DateCalendar/useCalendarState.js +1 -1
- package/modern/DatePicker/DatePicker.js +1 -0
- package/modern/DateTimePicker/DateTimePicker.js +1 -0
- package/modern/DesktopDatePicker/DesktopDatePicker.js +1 -0
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -0
- package/modern/MobileDatePicker/MobileDatePicker.js +1 -0
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +1 -0
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
- package/modern/StaticDatePicker/StaticDatePicker.js +1 -0
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +1 -0
- package/modern/index.js +1 -1
- package/modern/internals/hooks/useField/useField.utils.js +23 -10
- package/modern/locales/deDE.js +2 -3
- package/modern/locales/esES.js +6 -7
- package/modern/locales/eu.js +58 -0
- package/modern/locales/index.js +2 -0
- package/modern/locales/mk.js +55 -0
- package/node/DateCalendar/DateCalendar.js +1 -0
- package/node/DateCalendar/useCalendarState.js +1 -1
- package/node/DatePicker/DatePicker.js +1 -0
- package/node/DateTimePicker/DateTimePicker.js +1 -0
- package/node/DesktopDatePicker/DesktopDatePicker.js +1 -0
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -0
- package/node/MobileDatePicker/MobileDatePicker.js +1 -0
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +1 -0
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
- package/node/StaticDatePicker/StaticDatePicker.js +1 -0
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +1 -0
- package/node/index.js +1 -1
- package/node/internals/hooks/useField/useField.utils.js +23 -10
- package/node/locales/deDE.js +2 -3
- package/node/locales/esES.js +6 -7
- package/node/locales/eu.js +64 -0
- package/node/locales/index.js +22 -0
- package/node/locales/mk.js +60 -0
- package/package.json +1 -1
|
@@ -254,6 +254,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
|
|
|
254
254
|
},
|
|
255
255
|
items: getTimeSectionOptions({
|
|
256
256
|
value: utils.getMinutes(valueOrReferenceDate),
|
|
257
|
+
utils,
|
|
257
258
|
isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
|
|
258
259
|
resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
|
|
259
260
|
timeStep: timeSteps.minutes,
|
|
@@ -270,6 +271,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
|
|
|
270
271
|
},
|
|
271
272
|
items: getTimeSectionOptions({
|
|
272
273
|
value: utils.getSeconds(valueOrReferenceDate),
|
|
274
|
+
utils,
|
|
273
275
|
isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
|
|
274
276
|
resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
|
|
275
277
|
timeStep: timeSteps.seconds,
|
|
@@ -38,6 +38,7 @@ export const getHourSectionOptions = ({
|
|
|
38
38
|
};
|
|
39
39
|
export const getTimeSectionOptions = ({
|
|
40
40
|
value,
|
|
41
|
+
utils,
|
|
41
42
|
isDisabled,
|
|
42
43
|
timeStep,
|
|
43
44
|
resolveLabel,
|
|
@@ -56,7 +57,7 @@ export const getTimeSectionOptions = ({
|
|
|
56
57
|
const timeValue = timeStep * index;
|
|
57
58
|
return {
|
|
58
59
|
value: timeValue,
|
|
59
|
-
label: resolveLabel(timeValue),
|
|
60
|
+
label: utils.formatNumber(resolveLabel(timeValue)),
|
|
60
61
|
isDisabled,
|
|
61
62
|
isSelected,
|
|
62
63
|
ariaLabel: resolveAriaLabel(timeValue.toString())
|
|
@@ -85,6 +85,7 @@ StaticDatePicker.propTypes = {
|
|
|
85
85
|
dayOfWeekFormatter: PropTypes.func,
|
|
86
86
|
/**
|
|
87
87
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
88
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
88
89
|
*/
|
|
89
90
|
defaultCalendarMonth: PropTypes.any,
|
|
90
91
|
/**
|
|
@@ -105,6 +105,7 @@ StaticDateTimePicker.propTypes = {
|
|
|
105
105
|
dayOfWeekFormatter: PropTypes.func,
|
|
106
106
|
/**
|
|
107
107
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
108
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
108
109
|
*/
|
|
109
110
|
defaultCalendarMonth: PropTypes.any,
|
|
110
111
|
/**
|
package/modern/index.js
CHANGED
|
@@ -207,49 +207,62 @@ export const addPositionPropertiesToSections = (sections, isRTL) => {
|
|
|
207
207
|
}
|
|
208
208
|
return newSections;
|
|
209
209
|
};
|
|
210
|
-
const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig,
|
|
210
|
+
const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
|
|
211
211
|
switch (sectionConfig.type) {
|
|
212
212
|
case 'year':
|
|
213
213
|
{
|
|
214
214
|
return localeText.fieldYearPlaceholder({
|
|
215
|
-
digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone),
|
|
215
|
+
digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), sectionFormat).length,
|
|
216
|
+
format: sectionFormat
|
|
216
217
|
});
|
|
217
218
|
}
|
|
218
219
|
case 'month':
|
|
219
220
|
{
|
|
220
221
|
return localeText.fieldMonthPlaceholder({
|
|
221
|
-
contentType: sectionConfig.contentType
|
|
222
|
+
contentType: sectionConfig.contentType,
|
|
223
|
+
format: sectionFormat
|
|
222
224
|
});
|
|
223
225
|
}
|
|
224
226
|
case 'day':
|
|
225
227
|
{
|
|
226
|
-
return localeText.fieldDayPlaceholder(
|
|
228
|
+
return localeText.fieldDayPlaceholder({
|
|
229
|
+
format: sectionFormat
|
|
230
|
+
});
|
|
227
231
|
}
|
|
228
232
|
case 'weekDay':
|
|
229
233
|
{
|
|
230
234
|
return localeText.fieldWeekDayPlaceholder({
|
|
231
|
-
contentType: sectionConfig.contentType
|
|
235
|
+
contentType: sectionConfig.contentType,
|
|
236
|
+
format: sectionFormat
|
|
232
237
|
});
|
|
233
238
|
}
|
|
234
239
|
case 'hours':
|
|
235
240
|
{
|
|
236
|
-
return localeText.fieldHoursPlaceholder(
|
|
241
|
+
return localeText.fieldHoursPlaceholder({
|
|
242
|
+
format: sectionFormat
|
|
243
|
+
});
|
|
237
244
|
}
|
|
238
245
|
case 'minutes':
|
|
239
246
|
{
|
|
240
|
-
return localeText.fieldMinutesPlaceholder(
|
|
247
|
+
return localeText.fieldMinutesPlaceholder({
|
|
248
|
+
format: sectionFormat
|
|
249
|
+
});
|
|
241
250
|
}
|
|
242
251
|
case 'seconds':
|
|
243
252
|
{
|
|
244
|
-
return localeText.fieldSecondsPlaceholder(
|
|
253
|
+
return localeText.fieldSecondsPlaceholder({
|
|
254
|
+
format: sectionFormat
|
|
255
|
+
});
|
|
245
256
|
}
|
|
246
257
|
case 'meridiem':
|
|
247
258
|
{
|
|
248
|
-
return localeText.fieldMeridiemPlaceholder(
|
|
259
|
+
return localeText.fieldMeridiemPlaceholder({
|
|
260
|
+
format: sectionFormat
|
|
261
|
+
});
|
|
249
262
|
}
|
|
250
263
|
default:
|
|
251
264
|
{
|
|
252
|
-
return
|
|
265
|
+
return sectionFormat;
|
|
253
266
|
}
|
|
254
267
|
}
|
|
255
268
|
};
|
package/modern/locales/deDE.js
CHANGED
|
@@ -42,8 +42,7 @@ const deDEPickers = {
|
|
|
42
42
|
// Open picker labels
|
|
43
43
|
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Datum auswählen, gewähltes Datum ist ${utils.format(value, 'fullDate')}` : 'Datum auswählen',
|
|
44
44
|
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(value, 'fullTime')}` : 'Uhrzeit auswählen',
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
fieldClearLabel: 'Wert leeren',
|
|
47
46
|
// Table labels
|
|
48
47
|
timeTableLabel: 'Uhrzeit auswählen',
|
|
49
48
|
dateTableLabel: 'Datum auswählen',
|
|
@@ -51,7 +50,7 @@ const deDEPickers = {
|
|
|
51
50
|
fieldYearPlaceholder: params => 'J'.repeat(params.digitAmount),
|
|
52
51
|
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
53
52
|
fieldDayPlaceholder: () => 'TT',
|
|
54
|
-
|
|
53
|
+
fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
|
|
55
54
|
fieldHoursPlaceholder: () => 'hh',
|
|
56
55
|
fieldMinutesPlaceholder: () => 'mm',
|
|
57
56
|
fieldSecondsPlaceholder: () => 'ss',
|
package/modern/locales/esES.js
CHANGED
|
@@ -27,7 +27,7 @@ const esESPickers = {
|
|
|
27
27
|
timePickerToolbarTitle: 'Seleccionar hora',
|
|
28
28
|
dateRangePickerToolbarTitle: 'Seleccionar rango de fecha',
|
|
29
29
|
// Clock labels
|
|
30
|
-
clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? '
|
|
30
|
+
clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'No hay hora seleccionada' : `La hora seleccionada es ${adapter.format(time, 'fullTime')}`}`,
|
|
31
31
|
hoursClockNumberText: hours => `${hours} horas`,
|
|
32
32
|
minutesClockNumberText: minutes => `${minutes} minutos`,
|
|
33
33
|
secondsClockNumberText: seconds => `${seconds} segundos`,
|
|
@@ -39,13 +39,12 @@ const esESPickers = {
|
|
|
39
39
|
calendarWeekNumberAriaLabelText: weekNumber => `Semana ${weekNumber}`,
|
|
40
40
|
calendarWeekNumberText: weekNumber => `${weekNumber}`,
|
|
41
41
|
// Open picker labels
|
|
42
|
-
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige
|
|
43
|
-
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige fecha',
|
|
43
|
+
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige hora, la hora elegida es ${utils.format(value, 'fullTime')}` : 'Elige hora',
|
|
44
|
+
fieldClearLabel: 'Limpiar valor',
|
|
46
45
|
// Table labels
|
|
47
|
-
timeTableLabel: 'elige
|
|
48
|
-
dateTableLabel: 'elige
|
|
46
|
+
timeTableLabel: 'elige hora',
|
|
47
|
+
dateTableLabel: 'elige fecha',
|
|
49
48
|
// Field section placeholders
|
|
50
49
|
fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
|
|
51
50
|
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { getPickersLocalization } from './utils/getPickersLocalization';
|
|
2
|
+
const views = {
|
|
3
|
+
hours: 'orduak',
|
|
4
|
+
minutes: 'minutuak',
|
|
5
|
+
seconds: 'segunduak',
|
|
6
|
+
meridiem: 'meridianoa'
|
|
7
|
+
};
|
|
8
|
+
const euPickers = {
|
|
9
|
+
// Calendar navigation
|
|
10
|
+
previousMonth: 'Azken hilabetea',
|
|
11
|
+
nextMonth: 'Hurrengo hilabetea',
|
|
12
|
+
// View navigation
|
|
13
|
+
openPreviousView: 'azken bista ireki',
|
|
14
|
+
openNextView: 'hurrengo bista ireki',
|
|
15
|
+
calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'urteko bista irekita dago, aldatu egutegi bistara' : 'egutegi bista irekita dago, aldatu urteko bistara',
|
|
16
|
+
// DateRange placeholders
|
|
17
|
+
start: 'Hasi',
|
|
18
|
+
end: 'Bukatu',
|
|
19
|
+
// Action bar
|
|
20
|
+
cancelButtonLabel: 'Utxi',
|
|
21
|
+
clearButtonLabel: 'Garbitu',
|
|
22
|
+
okButtonLabel: 'OK',
|
|
23
|
+
todayButtonLabel: 'Gaur',
|
|
24
|
+
// Toolbar titles
|
|
25
|
+
datePickerToolbarTitle: 'Data aukeratu',
|
|
26
|
+
dateTimePickerToolbarTitle: 'Data eta ordua aukeratu',
|
|
27
|
+
timePickerToolbarTitle: 'Ordua aukeratu',
|
|
28
|
+
dateRangePickerToolbarTitle: 'Data tartea aukeratu',
|
|
29
|
+
// Clock labels
|
|
30
|
+
clockLabelText: (view, time, adapter) => `Aukeratu ${views[view]}. ${time === null ? 'Ez da ordurik aukertau' : `Aukeratutako ordua ${adapter.format(time, 'fullTime')} da`}`,
|
|
31
|
+
hoursClockNumberText: hours => `${hours} ordu`,
|
|
32
|
+
minutesClockNumberText: minutes => `${minutes} minutu`,
|
|
33
|
+
secondsClockNumberText: seconds => `${seconds} segundu`,
|
|
34
|
+
// Digital clock labels
|
|
35
|
+
selectViewText: view => `Aukeratu ${views[view]}`,
|
|
36
|
+
// Calendar labels
|
|
37
|
+
calendarWeekNumberHeaderLabel: 'Astea zenbakia',
|
|
38
|
+
calendarWeekNumberHeaderText: '#',
|
|
39
|
+
calendarWeekNumberAriaLabelText: weekNumber => `${weekNumber} astea`,
|
|
40
|
+
calendarWeekNumberText: weekNumber => `${weekNumber}`,
|
|
41
|
+
// Open picker labels
|
|
42
|
+
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Data aukeratu, aukeratutako data ${utils.format(value, 'fullDate')} da` : 'Data aukeratu',
|
|
43
|
+
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Ordua aukeratu, aukeratutako ordua ${utils.format(value, 'fullTime')} da` : 'Ordua aukeratu',
|
|
44
|
+
fieldClearLabel: 'Balioa garbitu',
|
|
45
|
+
// Table labels
|
|
46
|
+
timeTableLabel: 'ordua aukeratu',
|
|
47
|
+
dateTableLabel: 'data aukeratu',
|
|
48
|
+
// Field section placeholders
|
|
49
|
+
fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
|
|
50
|
+
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
51
|
+
fieldDayPlaceholder: () => 'DD',
|
|
52
|
+
fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
|
|
53
|
+
fieldHoursPlaceholder: () => 'hh',
|
|
54
|
+
fieldMinutesPlaceholder: () => 'mm',
|
|
55
|
+
fieldSecondsPlaceholder: () => 'ss',
|
|
56
|
+
fieldMeridiemPlaceholder: () => 'aa'
|
|
57
|
+
};
|
|
58
|
+
export const eu = getPickersLocalization(euPickers);
|
package/modern/locales/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export * from './deDE';
|
|
|
5
5
|
export * from './elGR';
|
|
6
6
|
export * from './enUS';
|
|
7
7
|
export * from './esES';
|
|
8
|
+
export * from './eu';
|
|
8
9
|
export * from './faIR';
|
|
9
10
|
export * from './fiFI';
|
|
10
11
|
export * from './frFR';
|
|
@@ -15,6 +16,7 @@ export * from './itIT';
|
|
|
15
16
|
export * from './jaJP';
|
|
16
17
|
export * from './koKR';
|
|
17
18
|
export * from './kzKZ';
|
|
19
|
+
export * from './mk';
|
|
18
20
|
export * from './nbNO';
|
|
19
21
|
export * from './nlNL';
|
|
20
22
|
export * from './plPL';
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { getPickersLocalization } from './utils/getPickersLocalization';
|
|
2
|
+
|
|
3
|
+
// This object is not Partial<PickersLocaleText> because it is the default values
|
|
4
|
+
|
|
5
|
+
const mkPickers = {
|
|
6
|
+
// Calendar navigation
|
|
7
|
+
previousMonth: 'Предходен месец',
|
|
8
|
+
nextMonth: 'Следен месец',
|
|
9
|
+
// View navigation
|
|
10
|
+
openPreviousView: 'отвори претходен приказ',
|
|
11
|
+
openNextView: 'отвори следен приказ',
|
|
12
|
+
calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'годишен приказ, отвори календарски приказ' : 'календарски приказ, отвори годишен приказ',
|
|
13
|
+
// DateRange placeholders
|
|
14
|
+
start: 'Почеток',
|
|
15
|
+
end: 'Крај',
|
|
16
|
+
// Action bar
|
|
17
|
+
cancelButtonLabel: 'Откажи',
|
|
18
|
+
clearButtonLabel: 'Избриши',
|
|
19
|
+
okButtonLabel: 'OK',
|
|
20
|
+
todayButtonLabel: 'Денес',
|
|
21
|
+
// Toolbar titles
|
|
22
|
+
datePickerToolbarTitle: 'Избери датум',
|
|
23
|
+
dateTimePickerToolbarTitle: 'Избери датум и време',
|
|
24
|
+
timePickerToolbarTitle: 'Избери време',
|
|
25
|
+
dateRangePickerToolbarTitle: 'Избери временски опсег',
|
|
26
|
+
// Clock labels
|
|
27
|
+
clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'Нема избрано време' : `Избраното време е ${adapter.format(time, 'fullTime')}`}`,
|
|
28
|
+
hoursClockNumberText: hours => `${hours} часа`,
|
|
29
|
+
minutesClockNumberText: minutes => `${minutes} минути`,
|
|
30
|
+
secondsClockNumberText: seconds => `${seconds} секунди`,
|
|
31
|
+
// Digital clock labels
|
|
32
|
+
selectViewText: view => `Избери ${view}`,
|
|
33
|
+
// Calendar labels
|
|
34
|
+
calendarWeekNumberHeaderLabel: 'Недела број',
|
|
35
|
+
calendarWeekNumberHeaderText: '#',
|
|
36
|
+
calendarWeekNumberAriaLabelText: weekNumber => `Недела ${weekNumber}`,
|
|
37
|
+
calendarWeekNumberText: weekNumber => `${weekNumber}`,
|
|
38
|
+
// Open picker labels
|
|
39
|
+
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери датум, избраниот датум е ${utils.format(value, 'fullDate')}` : 'Избери датум',
|
|
40
|
+
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери време, избраното време е ${utils.format(value, 'fullTime')}` : 'Избери време',
|
|
41
|
+
fieldClearLabel: 'Избриши',
|
|
42
|
+
// Table labels
|
|
43
|
+
timeTableLabel: 'одбери време',
|
|
44
|
+
dateTableLabel: 'одбери датум',
|
|
45
|
+
// Field section placeholders
|
|
46
|
+
fieldYearPlaceholder: params => 'Г'.repeat(params.digitAmount),
|
|
47
|
+
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
48
|
+
fieldDayPlaceholder: () => 'ДД',
|
|
49
|
+
fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
|
|
50
|
+
fieldHoursPlaceholder: () => 'чч',
|
|
51
|
+
fieldMinutesPlaceholder: () => 'мм',
|
|
52
|
+
fieldSecondsPlaceholder: () => 'сс',
|
|
53
|
+
fieldMeridiemPlaceholder: () => 'aa'
|
|
54
|
+
};
|
|
55
|
+
export const mk = getPickersLocalization(mkPickers);
|
|
@@ -392,6 +392,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
|
|
|
392
392
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
393
393
|
/**
|
|
394
394
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
395
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
395
396
|
*/
|
|
396
397
|
defaultCalendarMonth: _propTypes.default.any,
|
|
397
398
|
/**
|
|
@@ -83,7 +83,7 @@ const useCalendarState = params => {
|
|
|
83
83
|
|
|
84
84
|
const [calendarState, dispatch] = React.useReducer(reducerFn, {
|
|
85
85
|
isMonthSwitchingAnimating: false,
|
|
86
|
-
focusedDay: value
|
|
86
|
+
focusedDay: utils.isValid(value) ? value : now,
|
|
87
87
|
currentMonth: utils.startOfMonth(referenceDate),
|
|
88
88
|
slideDirection: 'left'
|
|
89
89
|
});
|
|
@@ -95,6 +95,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
95
95
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
96
96
|
/**
|
|
97
97
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
98
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
98
99
|
*/
|
|
99
100
|
defaultCalendarMonth: _propTypes.default.any,
|
|
100
101
|
/**
|
|
@@ -105,6 +105,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
105
105
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
106
106
|
/**
|
|
107
107
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
108
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
108
109
|
*/
|
|
109
110
|
defaultCalendarMonth: _propTypes.default.any,
|
|
110
111
|
/**
|
|
@@ -115,6 +115,7 @@ DesktopDatePicker.propTypes = {
|
|
|
115
115
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
116
116
|
/**
|
|
117
117
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
118
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
118
119
|
*/
|
|
119
120
|
defaultCalendarMonth: _propTypes.default.any,
|
|
120
121
|
/**
|
|
@@ -164,6 +164,7 @@ DesktopDateTimePicker.propTypes = {
|
|
|
164
164
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
165
165
|
/**
|
|
166
166
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
167
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
167
168
|
*/
|
|
168
169
|
defaultCalendarMonth: _propTypes.default.any,
|
|
169
170
|
/**
|
|
@@ -112,6 +112,7 @@ MobileDatePicker.propTypes = {
|
|
|
112
112
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
113
113
|
/**
|
|
114
114
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
115
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
115
116
|
*/
|
|
116
117
|
defaultCalendarMonth: _propTypes.default.any,
|
|
117
118
|
/**
|
|
@@ -133,6 +133,7 @@ MobileDateTimePicker.propTypes = {
|
|
|
133
133
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
134
134
|
/**
|
|
135
135
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
136
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
136
137
|
*/
|
|
137
138
|
defaultCalendarMonth: _propTypes.default.any,
|
|
138
139
|
/**
|
|
@@ -263,6 +263,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
|
|
|
263
263
|
},
|
|
264
264
|
items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
|
|
265
265
|
value: utils.getMinutes(valueOrReferenceDate),
|
|
266
|
+
utils,
|
|
266
267
|
isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
|
|
267
268
|
resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
|
|
268
269
|
timeStep: timeSteps.minutes,
|
|
@@ -279,6 +280,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
|
|
|
279
280
|
},
|
|
280
281
|
items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
|
|
281
282
|
value: utils.getSeconds(valueOrReferenceDate),
|
|
283
|
+
utils,
|
|
282
284
|
isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
|
|
283
285
|
resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
|
|
284
286
|
timeStep: timeSteps.seconds,
|
|
@@ -45,6 +45,7 @@ const getHourSectionOptions = ({
|
|
|
45
45
|
exports.getHourSectionOptions = getHourSectionOptions;
|
|
46
46
|
const getTimeSectionOptions = ({
|
|
47
47
|
value,
|
|
48
|
+
utils,
|
|
48
49
|
isDisabled,
|
|
49
50
|
timeStep,
|
|
50
51
|
resolveLabel,
|
|
@@ -63,7 +64,7 @@ const getTimeSectionOptions = ({
|
|
|
63
64
|
const timeValue = timeStep * index;
|
|
64
65
|
return {
|
|
65
66
|
value: timeValue,
|
|
66
|
-
label: resolveLabel(timeValue),
|
|
67
|
+
label: utils.formatNumber(resolveLabel(timeValue)),
|
|
67
68
|
isDisabled,
|
|
68
69
|
isSelected,
|
|
69
70
|
ariaLabel: resolveAriaLabel(timeValue.toString())
|
|
@@ -94,6 +94,7 @@ StaticDatePicker.propTypes = {
|
|
|
94
94
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
95
95
|
/**
|
|
96
96
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
97
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
97
98
|
*/
|
|
98
99
|
defaultCalendarMonth: _propTypes.default.any,
|
|
99
100
|
/**
|
|
@@ -114,6 +114,7 @@ StaticDateTimePicker.propTypes = {
|
|
|
114
114
|
dayOfWeekFormatter: _propTypes.default.func,
|
|
115
115
|
/**
|
|
116
116
|
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
117
|
+
* @deprecated Consider using `referenceDate` instead.
|
|
117
118
|
*/
|
|
118
119
|
defaultCalendarMonth: _propTypes.default.any,
|
|
119
120
|
/**
|
package/node/index.js
CHANGED
|
@@ -223,49 +223,62 @@ const addPositionPropertiesToSections = (sections, isRTL) => {
|
|
|
223
223
|
return newSections;
|
|
224
224
|
};
|
|
225
225
|
exports.addPositionPropertiesToSections = addPositionPropertiesToSections;
|
|
226
|
-
const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig,
|
|
226
|
+
const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
|
|
227
227
|
switch (sectionConfig.type) {
|
|
228
228
|
case 'year':
|
|
229
229
|
{
|
|
230
230
|
return localeText.fieldYearPlaceholder({
|
|
231
|
-
digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone),
|
|
231
|
+
digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), sectionFormat).length,
|
|
232
|
+
format: sectionFormat
|
|
232
233
|
});
|
|
233
234
|
}
|
|
234
235
|
case 'month':
|
|
235
236
|
{
|
|
236
237
|
return localeText.fieldMonthPlaceholder({
|
|
237
|
-
contentType: sectionConfig.contentType
|
|
238
|
+
contentType: sectionConfig.contentType,
|
|
239
|
+
format: sectionFormat
|
|
238
240
|
});
|
|
239
241
|
}
|
|
240
242
|
case 'day':
|
|
241
243
|
{
|
|
242
|
-
return localeText.fieldDayPlaceholder(
|
|
244
|
+
return localeText.fieldDayPlaceholder({
|
|
245
|
+
format: sectionFormat
|
|
246
|
+
});
|
|
243
247
|
}
|
|
244
248
|
case 'weekDay':
|
|
245
249
|
{
|
|
246
250
|
return localeText.fieldWeekDayPlaceholder({
|
|
247
|
-
contentType: sectionConfig.contentType
|
|
251
|
+
contentType: sectionConfig.contentType,
|
|
252
|
+
format: sectionFormat
|
|
248
253
|
});
|
|
249
254
|
}
|
|
250
255
|
case 'hours':
|
|
251
256
|
{
|
|
252
|
-
return localeText.fieldHoursPlaceholder(
|
|
257
|
+
return localeText.fieldHoursPlaceholder({
|
|
258
|
+
format: sectionFormat
|
|
259
|
+
});
|
|
253
260
|
}
|
|
254
261
|
case 'minutes':
|
|
255
262
|
{
|
|
256
|
-
return localeText.fieldMinutesPlaceholder(
|
|
263
|
+
return localeText.fieldMinutesPlaceholder({
|
|
264
|
+
format: sectionFormat
|
|
265
|
+
});
|
|
257
266
|
}
|
|
258
267
|
case 'seconds':
|
|
259
268
|
{
|
|
260
|
-
return localeText.fieldSecondsPlaceholder(
|
|
269
|
+
return localeText.fieldSecondsPlaceholder({
|
|
270
|
+
format: sectionFormat
|
|
271
|
+
});
|
|
261
272
|
}
|
|
262
273
|
case 'meridiem':
|
|
263
274
|
{
|
|
264
|
-
return localeText.fieldMeridiemPlaceholder(
|
|
275
|
+
return localeText.fieldMeridiemPlaceholder({
|
|
276
|
+
format: sectionFormat
|
|
277
|
+
});
|
|
265
278
|
}
|
|
266
279
|
default:
|
|
267
280
|
{
|
|
268
|
-
return
|
|
281
|
+
return sectionFormat;
|
|
269
282
|
}
|
|
270
283
|
}
|
|
271
284
|
};
|
package/node/locales/deDE.js
CHANGED
|
@@ -48,8 +48,7 @@ const deDEPickers = {
|
|
|
48
48
|
// Open picker labels
|
|
49
49
|
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Datum auswählen, gewähltes Datum ist ${utils.format(value, 'fullDate')}` : 'Datum auswählen',
|
|
50
50
|
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(value, 'fullTime')}` : 'Uhrzeit auswählen',
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
fieldClearLabel: 'Wert leeren',
|
|
53
52
|
// Table labels
|
|
54
53
|
timeTableLabel: 'Uhrzeit auswählen',
|
|
55
54
|
dateTableLabel: 'Datum auswählen',
|
|
@@ -57,7 +56,7 @@ const deDEPickers = {
|
|
|
57
56
|
fieldYearPlaceholder: params => 'J'.repeat(params.digitAmount),
|
|
58
57
|
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
59
58
|
fieldDayPlaceholder: () => 'TT',
|
|
60
|
-
|
|
59
|
+
fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
|
|
61
60
|
fieldHoursPlaceholder: () => 'hh',
|
|
62
61
|
fieldMinutesPlaceholder: () => 'mm',
|
|
63
62
|
fieldSecondsPlaceholder: () => 'ss',
|
package/node/locales/esES.js
CHANGED
|
@@ -33,7 +33,7 @@ const esESPickers = {
|
|
|
33
33
|
timePickerToolbarTitle: 'Seleccionar hora',
|
|
34
34
|
dateRangePickerToolbarTitle: 'Seleccionar rango de fecha',
|
|
35
35
|
// Clock labels
|
|
36
|
-
clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? '
|
|
36
|
+
clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'No hay hora seleccionada' : `La hora seleccionada es ${adapter.format(time, 'fullTime')}`}`,
|
|
37
37
|
hoursClockNumberText: hours => `${hours} horas`,
|
|
38
38
|
minutesClockNumberText: minutes => `${minutes} minutos`,
|
|
39
39
|
secondsClockNumberText: seconds => `${seconds} segundos`,
|
|
@@ -45,13 +45,12 @@ const esESPickers = {
|
|
|
45
45
|
calendarWeekNumberAriaLabelText: weekNumber => `Semana ${weekNumber}`,
|
|
46
46
|
calendarWeekNumberText: weekNumber => `${weekNumber}`,
|
|
47
47
|
// Open picker labels
|
|
48
|
-
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige
|
|
49
|
-
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige fecha',
|
|
49
|
+
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige hora, la hora elegida es ${utils.format(value, 'fullTime')}` : 'Elige hora',
|
|
50
|
+
fieldClearLabel: 'Limpiar valor',
|
|
52
51
|
// Table labels
|
|
53
|
-
timeTableLabel: 'elige
|
|
54
|
-
dateTableLabel: 'elige
|
|
52
|
+
timeTableLabel: 'elige hora',
|
|
53
|
+
dateTableLabel: 'elige fecha',
|
|
55
54
|
// Field section placeholders
|
|
56
55
|
fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
|
|
57
56
|
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.eu = void 0;
|
|
7
|
+
var _getPickersLocalization = require("./utils/getPickersLocalization");
|
|
8
|
+
const views = {
|
|
9
|
+
hours: 'orduak',
|
|
10
|
+
minutes: 'minutuak',
|
|
11
|
+
seconds: 'segunduak',
|
|
12
|
+
meridiem: 'meridianoa'
|
|
13
|
+
};
|
|
14
|
+
const euPickers = {
|
|
15
|
+
// Calendar navigation
|
|
16
|
+
previousMonth: 'Azken hilabetea',
|
|
17
|
+
nextMonth: 'Hurrengo hilabetea',
|
|
18
|
+
// View navigation
|
|
19
|
+
openPreviousView: 'azken bista ireki',
|
|
20
|
+
openNextView: 'hurrengo bista ireki',
|
|
21
|
+
calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'urteko bista irekita dago, aldatu egutegi bistara' : 'egutegi bista irekita dago, aldatu urteko bistara',
|
|
22
|
+
// DateRange placeholders
|
|
23
|
+
start: 'Hasi',
|
|
24
|
+
end: 'Bukatu',
|
|
25
|
+
// Action bar
|
|
26
|
+
cancelButtonLabel: 'Utxi',
|
|
27
|
+
clearButtonLabel: 'Garbitu',
|
|
28
|
+
okButtonLabel: 'OK',
|
|
29
|
+
todayButtonLabel: 'Gaur',
|
|
30
|
+
// Toolbar titles
|
|
31
|
+
datePickerToolbarTitle: 'Data aukeratu',
|
|
32
|
+
dateTimePickerToolbarTitle: 'Data eta ordua aukeratu',
|
|
33
|
+
timePickerToolbarTitle: 'Ordua aukeratu',
|
|
34
|
+
dateRangePickerToolbarTitle: 'Data tartea aukeratu',
|
|
35
|
+
// Clock labels
|
|
36
|
+
clockLabelText: (view, time, adapter) => `Aukeratu ${views[view]}. ${time === null ? 'Ez da ordurik aukertau' : `Aukeratutako ordua ${adapter.format(time, 'fullTime')} da`}`,
|
|
37
|
+
hoursClockNumberText: hours => `${hours} ordu`,
|
|
38
|
+
minutesClockNumberText: minutes => `${minutes} minutu`,
|
|
39
|
+
secondsClockNumberText: seconds => `${seconds} segundu`,
|
|
40
|
+
// Digital clock labels
|
|
41
|
+
selectViewText: view => `Aukeratu ${views[view]}`,
|
|
42
|
+
// Calendar labels
|
|
43
|
+
calendarWeekNumberHeaderLabel: 'Astea zenbakia',
|
|
44
|
+
calendarWeekNumberHeaderText: '#',
|
|
45
|
+
calendarWeekNumberAriaLabelText: weekNumber => `${weekNumber} astea`,
|
|
46
|
+
calendarWeekNumberText: weekNumber => `${weekNumber}`,
|
|
47
|
+
// Open picker labels
|
|
48
|
+
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Data aukeratu, aukeratutako data ${utils.format(value, 'fullDate')} da` : 'Data aukeratu',
|
|
49
|
+
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Ordua aukeratu, aukeratutako ordua ${utils.format(value, 'fullTime')} da` : 'Ordua aukeratu',
|
|
50
|
+
fieldClearLabel: 'Balioa garbitu',
|
|
51
|
+
// Table labels
|
|
52
|
+
timeTableLabel: 'ordua aukeratu',
|
|
53
|
+
dateTableLabel: 'data aukeratu',
|
|
54
|
+
// Field section placeholders
|
|
55
|
+
fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
|
|
56
|
+
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
|
|
57
|
+
fieldDayPlaceholder: () => 'DD',
|
|
58
|
+
fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
|
|
59
|
+
fieldHoursPlaceholder: () => 'hh',
|
|
60
|
+
fieldMinutesPlaceholder: () => 'mm',
|
|
61
|
+
fieldSecondsPlaceholder: () => 'ss',
|
|
62
|
+
fieldMeridiemPlaceholder: () => 'aa'
|
|
63
|
+
};
|
|
64
|
+
const eu = exports.eu = (0, _getPickersLocalization.getPickersLocalization)(euPickers);
|