@mui/x-date-pickers
Version:
The community edition of the Date and Time Picker components (MUI X).
73 lines • 3.14 kB
JavaScript
import { getPickersLocalization } from "./utils/getPickersLocalization.js";
const timeViews = {
hours: 'uren',
minutes: 'minuten',
seconds: 'seconden',
meridiem: 'meridium'
};
const nlNLPickers = {
// Calendar navigation
previousMonth: 'Vorige maand',
nextMonth: 'Volgende maand',
// View navigation
openPreviousView: 'Open vorige view',
openNextView: 'Open volgende view',
calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'jaarweergave is geopend, schakel over naar kalenderweergave' : 'kalenderweergave is geopend, switch naar jaarweergave',
// DateRange labels
start: 'Start',
end: 'Einde',
startDate: 'Startdatum',
startTime: 'Starttijd',
endDate: 'Einddatum',
endTime: 'Eindtijd',
// Action bar
cancelButtonLabel: 'Annuleren',
clearButtonLabel: 'Resetten',
okButtonLabel: 'OK',
todayButtonLabel: 'Vandaag',
// Toolbar titles
datePickerToolbarTitle: 'Selecteer datum',
dateTimePickerToolbarTitle: 'Selecteer datum & tijd',
timePickerToolbarTitle: 'Selecteer tijd',
dateRangePickerToolbarTitle: 'Selecteer datumbereik',
// Clock labels
clockLabelText: (view, time, utils, formattedTime) => `Selecteer ${timeViews[view]}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Geen tijd geselecteerd' : `Geselecteerde tijd is ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
hoursClockNumberText: hours => `${hours} uren`,
minutesClockNumberText: minutes => `${minutes} minuten`,
secondsClockNumberText: seconds => `${seconds} seconden`,
// Digital clock labels
selectViewText: view => `Selecteer ${timeViews[view]}`,
// Calendar labels
calendarWeekNumberHeaderLabel: 'Weeknummer',
calendarWeekNumberHeaderText: '#',
calendarWeekNumberAriaLabelText: weekNumber => `Week ${weekNumber}`,
calendarWeekNumberText: weekNumber => `${weekNumber}`,
// Open picker labels
openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Kies datum, geselecteerde datum is ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Kies datum',
openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Kies tijd, geselecteerde tijd is ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Kies tijd',
fieldClearLabel: 'Wissen',
// Table labels
timeTableLabel: 'kies tijd',
dateTableLabel: 'kies datum',
// Field section placeholders
fieldYearPlaceholder: params => 'J'.repeat(params.digitAmount),
fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
fieldDayPlaceholder: () => 'DD',
fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
fieldHoursPlaceholder: () => 'uu',
fieldMinutesPlaceholder: () => 'mm',
fieldSecondsPlaceholder: () => 'ss',
fieldMeridiemPlaceholder: () => 'aa',
// View names
year: 'Jaar',
month: 'Maand',
day: 'Dag',
weekDay: 'Weekdag',
hours: 'Uren',
minutes: 'Minuten',
seconds: 'Seconden',
meridiem: 'Middag',
// Common
empty: 'Leeg'
};
export const nlNL = getPickersLocalization(nlNLPickers);