@mui/x-date-pickers 8.0.0-alpha.10 → 8.0.0-alpha.12

package/esm/locales/ukUA.js

@@ -0,0 +1,73 @@
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
+const timeViews = {
+  hours: 'годин',
+  minutes: 'хвилин',
+  seconds: 'секунд',
+  meridiem: 'Південь'
+};
+const ukUAPickers = {
+  // Calendar navigation
+  previousMonth: 'Попередній місяць',
+  nextMonth: 'Наступний місяць',
+  // View navigation
+  openPreviousView: 'Відкрити попередній вигляд',
+  openNextView: 'Відкрити наступний вигляд',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'річний вигляд відкрито, перейти до календарного вигляду' : 'календарний вигляд відкрито, перейти до річного вигляду',
+  // DateRange labels
+  start: 'Початок',
+  end: 'Кінець',
+  startDate: 'День початку',
+  startTime: 'Час початку',
+  endDate: 'День закінчення',
+  endTime: 'Час закінчення',
+  // Action bar
+  cancelButtonLabel: 'Відміна',
+  clearButtonLabel: 'Очистити',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Сьогодні',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Вибрати дату',
+  dateTimePickerToolbarTitle: 'Вибрати дату і час',
+  timePickerToolbarTitle: 'Вибрати час',
+  dateRangePickerToolbarTitle: 'Вибрати календарний період',
+  // Clock labels
+  clockLabelText: (view, formattedTime) => `Вибрати ${timeViews[view]}. ${!formattedTime ? 'Час не вибраний' : `Вибрано час ${formattedTime}`}`,
+  hoursClockNumberText: hours => `${hours} годин`,
+  minutesClockNumberText: minutes => `${minutes} хвилин`,
+  secondsClockNumberText: seconds => `${seconds} секунд`,
+  // Digital clock labels
+  selectViewText: view => `Вибрати ${timeViews[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Номер тижня',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Тиждень ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: formattedDate => formattedDate ? `Оберіть дату, обрана дата  ${formattedDate}` : 'Оберіть дату',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Оберіть час, обраний час  ${formattedTime}` : 'Оберіть час',
+  fieldClearLabel: 'Очистити дані',
+  // Table labels
+  timeTableLabel: 'оберіть час',
+  dateTableLabel: 'оберіть дату',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'hh',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'Рік',
+  month: 'Місяць',
+  day: 'День',
+  weekDay: 'День тижня',
+  hours: 'Годин',
+  minutes: 'Хвилин',
+  seconds: 'Секунд',
+  meridiem: 'Меридіем',
+  // Common
+  empty: 'Порожній'
+};
+export const ukUA = getPickersLocalization(ukUAPickers);

package/esm/locales/urPK.d.ts

@@ -0,0 +1,80 @@
+import { TimeViewWithMeridiem } from "../internals/models/index.js";
+export declare const urPK: {
+  components: {
+    MuiLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          previousMonth?: string | undefined;
+          nextMonth?: string | undefined;
+          calendarWeekNumberHeaderLabel?: string | undefined;
+          calendarWeekNumberHeaderText?: string | undefined;
+          calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+          calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+          openPreviousView?: string | undefined;
+          openNextView?: string | undefined;
+          calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
+          start?: string | undefined;
+          end?: string | undefined;
+          startDate?: string | undefined;
+          startTime?: string | undefined;
+          endDate?: string | undefined;
+          endTime?: string | undefined;
+          cancelButtonLabel?: string | undefined;
+          clearButtonLabel?: string | undefined;
+          okButtonLabel?: string | undefined;
+          todayButtonLabel?: string | undefined;
+          clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
+          hoursClockNumberText?: ((hours: string) => string) | undefined;
+          minutesClockNumberText?: ((minutes: string) => string) | undefined;
+          secondsClockNumberText?: ((seconds: string) => string) | undefined;
+          selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
+          openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+          openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+          fieldClearLabel?: string | undefined;
+          timeTableLabel?: string | undefined;
+          dateTableLabel?: string | undefined;
+          fieldYearPlaceholder?: ((params: {
+            digitAmount: number;
+            format: string;
+          }) => string) | undefined;
+          fieldMonthPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldDayPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldWeekDayPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldHoursPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMinutesPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldSecondsPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMeridiemPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          year?: string | undefined;
+          month?: string | undefined;
+          day?: string | undefined;
+          weekDay?: string | undefined;
+          hours?: string | undefined;
+          minutes?: string | undefined;
+          seconds?: string | undefined;
+          meridiem?: string | undefined;
+          empty?: string | undefined;
+          datePickerToolbarTitle?: string | undefined;
+          timePickerToolbarTitle?: string | undefined;
+          dateTimePickerToolbarTitle?: string | undefined;
+          dateRangePickerToolbarTitle?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/esm/locales/urPK.js

@@ -0,0 +1,78 @@
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
+const timeViews = {
+  hours: 'گھنٹے',
+  minutes: 'منٹ',
+  seconds: 'سیکنڈ',
+  meridiem: 'میریڈیم'
+};
+const urPKPickers = {
+  // Calendar navigation
+  previousMonth: 'پچھلا مہینہ',
+  nextMonth: 'اگلا مہینہ',
+  // View navigation
+  openPreviousView: 'پچھلا ویو کھولیں',
+  openNextView: 'اگلا ویو کھولیں',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'سال والا ویو کھلا ہے۔ کیلنڈر والا ویو کھولیں' : 'کیلنڈر والا ویو کھلا ہے۔ سال والا ویو کھولیں',
+  // DateRange labels
+  start: 'شروع',
+  end: 'ختم',
+  // startDate: 'Start date',
+  // startTime: 'Start time',
+  // endDate: 'End date',
+  // endTime: 'End time',
+
+  // Action bar
+  cancelButtonLabel: 'کینسل',
+  clearButtonLabel: 'کلئیر',
+  okButtonLabel: 'اوکے',
+  todayButtonLabel: 'آج',
+  // Toolbar titles
+  datePickerToolbarTitle: 'تاریخ منتخب کریں',
+  dateTimePickerToolbarTitle: 'تاریخ اور وقت منتخب کریں',
+  timePickerToolbarTitle: 'وقت منتخب کریں',
+  dateRangePickerToolbarTitle: 'تاریخوں کی رینج منتخب کریں',
+  // Clock labels
+  clockLabelText: (view, formattedTime) => `${timeViews[view]} منتخب کریں ${!formattedTime ? 'کوئی وقت منتخب نہیں' : `منتخب وقت ہے ${formattedTime}`}`,
+  hoursClockNumberText: hours => `${hours} گھنٹے`,
+  minutesClockNumberText: minutes => `${minutes} منٹ`,
+  secondsClockNumberText: seconds => `${seconds} سیکنڈ`,
+  // Digital clock labels
+  selectViewText: view => `${timeViews[view]} منتخب کریں`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'ہفتہ نمبر',
+  calendarWeekNumberHeaderText: 'نمبر',
+  calendarWeekNumberAriaLabelText: weekNumber => `ہفتہ ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: formattedDate => formattedDate ? `تاریخ منتخب کریں، منتخب شدہ تاریخ ہے ${formattedDate}` : 'تاریخ منتخب کریں',
+  openTimePickerDialogue: formattedTime => formattedTime ? `وقت منتخب کریں، منتخب شدہ وقت ہے ${formattedTime}` : 'وقت منتخب کریں',
+  // fieldClearLabel: 'Clear',
+
+  // Table labels
+  timeTableLabel: 'وقت منتخب کریں',
+  dateTableLabel: 'تاریخ منتخب کریں'
+
+  // Field section placeholders
+  // fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
+  // fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  // fieldDayPlaceholder: () => 'DD',
+  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  // fieldHoursPlaceholder: () => 'hh',
+  // fieldMinutesPlaceholder: () => 'mm',
+  // fieldSecondsPlaceholder: () => 'ss',
+  // fieldMeridiemPlaceholder: () => 'aa',
+
+  // View names
+  // year: 'Year',
+  // month: 'Month',
+  // day: 'Day',
+  // weekDay: 'Week day',
+  // hours: 'Hours',
+  // minutes: 'Minutes',
+  // seconds: 'Seconds',
+  // meridiem: 'Meridiem',
+
+  // Common
+  // empty: 'Empty',
+};
+export const urPK = getPickersLocalization(urPKPickers);

package/esm/locales/utils/getPickersLocalization.d.ts

@@ -0,0 +1,80 @@
+import { PickersLocaleText } from "./pickersLocaleTextApi.js";
+export declare const getPickersLocalization: (pickersTranslations: Partial<PickersLocaleText>) => {
+  components: {
+    MuiLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          previousMonth?: string | undefined;
+          nextMonth?: string | undefined;
+          calendarWeekNumberHeaderLabel?: string | undefined;
+          calendarWeekNumberHeaderText?: string | undefined;
+          calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+          calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+          openPreviousView?: string | undefined;
+          openNextView?: string | undefined;
+          calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
+          start?: string | undefined;
+          end?: string | undefined;
+          startDate?: string | undefined;
+          startTime?: string | undefined;
+          endDate?: string | undefined;
+          endTime?: string | undefined;
+          cancelButtonLabel?: string | undefined;
+          clearButtonLabel?: string | undefined;
+          okButtonLabel?: string | undefined;
+          todayButtonLabel?: string | undefined;
+          clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
+          hoursClockNumberText?: ((hours: string) => string) | undefined;
+          minutesClockNumberText?: ((minutes: string) => string) | undefined;
+          secondsClockNumberText?: ((seconds: string) => string) | undefined;
+          selectViewText?: ((view: import("../../internals").TimeViewWithMeridiem) => string) | undefined;
+          openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+          openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+          fieldClearLabel?: string | undefined;
+          timeTableLabel?: string | undefined;
+          dateTableLabel?: string | undefined;
+          fieldYearPlaceholder?: ((params: {
+            digitAmount: number;
+            format: string;
+          }) => string) | undefined;
+          fieldMonthPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldDayPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldWeekDayPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldHoursPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMinutesPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldSecondsPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMeridiemPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          year?: string | undefined;
+          month?: string | undefined;
+          day?: string | undefined;
+          weekDay?: string | undefined;
+          hours?: string | undefined;
+          minutes?: string | undefined;
+          seconds?: string | undefined;
+          meridiem?: string | undefined;
+          empty?: string | undefined;
+          datePickerToolbarTitle?: string | undefined;
+          timePickerToolbarTitle?: string | undefined;
+          dateTimePickerToolbarTitle?: string | undefined;
+          dateRangePickerToolbarTitle?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/esm/locales/utils/getPickersLocalization.js

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+export const getPickersLocalization = pickersTranslations => {
+  return {
+    components: {
+      MuiLocalizationProvider: {
+        defaultProps: {
+          localeText: _extends({}, pickersTranslations)
+        }
+      }
+    }
+  };
+};

package/esm/locales/utils/pickersLocaleTextApi.d.ts

@@ -0,0 +1,111 @@
+import { TimeViewWithMeridiem } from "../../internals/models/index.js";
+import { DateView, TimeView, FieldSectionContentType } from "../../models/index.js";
+export interface PickersComponentSpecificLocaleText {
+  /**
+   * Title displayed in the toolbar of the `DatePicker` and its variants.
+   * Will be overridden by the `toolbarTitle` translation key passed directly on the picker.
+   */
+  datePickerToolbarTitle: string;
+  /**
+   * Title displayed in the toolbar of the `TimePicker` and its variants.
+   * Will be overridden by the `toolbarTitle` translation key passed directly on the picker.
+   */
+  timePickerToolbarTitle: string;
+  /**
+   * Title displayed in the toolbar of the `DateTimePicker` and its variants.
+   * Will be overridden by the `toolbarTitle` translation key passed directly on the picker.
+   */
+  dateTimePickerToolbarTitle: string;
+  /**
+   * Title displayed in the toolbar of the `DateRangePicker` and its variants.
+   * Will be overridden by the `toolbarTitle` translation key passed directly on the picker.
+   */
+  dateRangePickerToolbarTitle: string;
+}
+export interface PickersComponentAgnosticLocaleText {
+  previousMonth: string;
+  nextMonth: string;
+  calendarWeekNumberHeaderLabel: string;
+  calendarWeekNumberHeaderText: string;
+  calendarWeekNumberAriaLabelText: (weekNumber: number) => string;
+  calendarWeekNumberText: (weekNumber: number) => string;
+  openPreviousView: string;
+  openNextView: string;
+  calendarViewSwitchingButtonAriaLabel: (currentView: DateView) => string;
+  start: string;
+  end: string;
+  startDate: string;
+  startTime: string;
+  endDate: string;
+  endTime: string;
+  cancelButtonLabel: string;
+  clearButtonLabel: string;
+  okButtonLabel: string;
+  todayButtonLabel: string;
+  clockLabelText: (view: TimeView, formattedTime: string | null) => string;
+  hoursClockNumberText: (hours: string) => string;
+  minutesClockNumberText: (minutes: string) => string;
+  secondsClockNumberText: (seconds: string) => string;
+  selectViewText: (view: TimeViewWithMeridiem) => string;
+  openDatePickerDialogue: (formattedDate: string | null) => string;
+  openTimePickerDialogue: (formattedTime: string | null) => string;
+  fieldClearLabel: string;
+  timeTableLabel: string;
+  dateTableLabel: string;
+  fieldYearPlaceholder: (params: {
+    digitAmount: number;
+    format: string;
+  }) => string;
+  fieldMonthPlaceholder: (params: {
+    contentType: FieldSectionContentType;
+    format: string;
+  }) => string;
+  fieldDayPlaceholder: (params: {
+    format: string;
+  }) => string;
+  fieldWeekDayPlaceholder: (params: {
+    contentType: FieldSectionContentType;
+    format: string;
+  }) => string;
+  fieldHoursPlaceholder: (params: {
+    format: string;
+  }) => string;
+  fieldMinutesPlaceholder: (params: {
+    format: string;
+  }) => string;
+  fieldSecondsPlaceholder: (params: {
+    format: string;
+  }) => string;
+  fieldMeridiemPlaceholder: (params: {
+    format: string;
+  }) => string;
+  year: string;
+  month: string;
+  day: string;
+  weekDay: string;
+  hours: string;
+  minutes: string;
+  seconds: string;
+  meridiem: string;
+  empty: string;
+}
+export interface PickersLocaleText extends PickersComponentAgnosticLocaleText, PickersComponentSpecificLocaleText {}
+export type PickersInputLocaleText = Partial<PickersLocaleText>;
+/**
+ * Translations that can be provided directly to the picker components.
+ * It contains some generic translations like `toolbarTitle`
+ * which will be dispatched to various translations keys in `PickersLocaleText`, depending on the pickers received them.
+ */
+export interface PickersInputComponentLocaleText extends Partial<PickersComponentAgnosticLocaleText> {
+  /**
+   * Title displayed in the toolbar of this picker.
+   * Will override the global translation keys like `datePickerToolbarTitle` passed to the `LocalizationProvider`.
+   */
+  toolbarTitle?: string;
+}
+export type PickersTranslationKeys = keyof PickersLocaleText;
+export type LocalizedComponent<Props extends {
+  localeText?: PickersInputComponentLocaleText;
+}> = Omit<Props, 'localeText'> & {
+  localeText?: PickersInputLocaleText;
+};

package/esm/locales/utils/pickersLocaleTextApi.js

@@ -0,0 +1 @@
+export {};

package/esm/locales/viVN.d.ts

@@ -0,0 +1,80 @@
+import { TimeViewWithMeridiem } from "../internals/models/index.js";
+export declare const viVN: {
+  components: {
+    MuiLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          previousMonth?: string | undefined;
+          nextMonth?: string | undefined;
+          calendarWeekNumberHeaderLabel?: string | undefined;
+          calendarWeekNumberHeaderText?: string | undefined;
+          calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+          calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+          openPreviousView?: string | undefined;
+          openNextView?: string | undefined;
+          calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
+          start?: string | undefined;
+          end?: string | undefined;
+          startDate?: string | undefined;
+          startTime?: string | undefined;
+          endDate?: string | undefined;
+          endTime?: string | undefined;
+          cancelButtonLabel?: string | undefined;
+          clearButtonLabel?: string | undefined;
+          okButtonLabel?: string | undefined;
+          todayButtonLabel?: string | undefined;
+          clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
+          hoursClockNumberText?: ((hours: string) => string) | undefined;
+          minutesClockNumberText?: ((minutes: string) => string) | undefined;
+          secondsClockNumberText?: ((seconds: string) => string) | undefined;
+          selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
+          openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+          openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+          fieldClearLabel?: string | undefined;
+          timeTableLabel?: string | undefined;
+          dateTableLabel?: string | undefined;
+          fieldYearPlaceholder?: ((params: {
+            digitAmount: number;
+            format: string;
+          }) => string) | undefined;
+          fieldMonthPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldDayPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldWeekDayPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldHoursPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMinutesPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldSecondsPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMeridiemPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          year?: string | undefined;
+          month?: string | undefined;
+          day?: string | undefined;
+          weekDay?: string | undefined;
+          hours?: string | undefined;
+          minutes?: string | undefined;
+          seconds?: string | undefined;
+          meridiem?: string | undefined;
+          empty?: string | undefined;
+          datePickerToolbarTitle?: string | undefined;
+          timePickerToolbarTitle?: string | undefined;
+          dateTimePickerToolbarTitle?: string | undefined;
+          dateRangePickerToolbarTitle?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/esm/locales/viVN.js

@@ -0,0 +1,73 @@
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
+const views = {
+  hours: 'giờ',
+  minutes: 'phút',
+  seconds: 'giây',
+  meridiem: 'buổi'
+};
+const viVNPickers = {
+  // Calendar navigation
+  previousMonth: 'Tháng trước',
+  nextMonth: 'Tháng sau',
+  // View navigation
+  openPreviousView: 'Mở xem trước',
+  openNextView: 'Mở xem sau',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'đang mở xem năm, chuyển sang xem lịch' : 'đang mở xem lịch, chuyển sang xem năm',
+  // DateRange labels
+  start: 'Bắt đầu',
+  end: 'Kết thúc',
+  startDate: 'Ngày bắt đầu',
+  startTime: 'Thời gian bắt đầu',
+  endDate: 'Ngày kết thúc',
+  endTime: 'Thời gian kết thúc',
+  // Action bar
+  cancelButtonLabel: 'Hủy',
+  clearButtonLabel: 'Xóa',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Hôm nay',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Chọn ngày',
+  dateTimePickerToolbarTitle: 'Chọn ngày và giờ',
+  timePickerToolbarTitle: 'Chọn giờ',
+  dateRangePickerToolbarTitle: 'Chọn khoảng ngày',
+  // Clock labels
+  clockLabelText: (view, formattedTime) => `Chọn ${views[view]}. ${!formattedTime ? 'Không có giờ được chọn' : `Giờ được chọn là ${formattedTime}`}`,
+  hoursClockNumberText: hours => `${hours} giờ`,
+  minutesClockNumberText: minutes => `${minutes} phút`,
+  secondsClockNumberText: seconds => `${seconds} giây`,
+  // Digital clock labels
+  selectViewText: view => `Chọn ${views[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Số tuần',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Tuần ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: formattedDate => formattedDate ? `Chọn ngày, ngày đã chọn là ${formattedDate}` : 'Chọn ngày',
+  openTimePickerDialogue: formattedTime => formattedTime ? `Chọn giờ, giờ đã chọn là ${formattedTime}` : 'Chọn giờ',
+  fieldClearLabel: 'Xóa giá trị',
+  // Table labels
+  timeTableLabel: 'chọn giờ',
+  dateTableLabel: 'chọn ngày',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'hh',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'Năm',
+  month: 'Tháng',
+  day: 'Ngày',
+  weekDay: 'Thứ',
+  hours: 'Giờ',
+  minutes: 'Phút',
+  seconds: 'Giây',
+  meridiem: 'Buổi',
+  // Common
+  empty: 'Trống'
+};
+export const viVN = getPickersLocalization(viVNPickers);

package/esm/locales/zhCN.d.ts

@@ -0,0 +1,80 @@
+import { TimeViewWithMeridiem } from "../internals/models/index.js";
+export declare const zhCN: {
+  components: {
+    MuiLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          previousMonth?: string | undefined;
+          nextMonth?: string | undefined;
+          calendarWeekNumberHeaderLabel?: string | undefined;
+          calendarWeekNumberHeaderText?: string | undefined;
+          calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+          calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+          openPreviousView?: string | undefined;
+          openNextView?: string | undefined;
+          calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
+          start?: string | undefined;
+          end?: string | undefined;
+          startDate?: string | undefined;
+          startTime?: string | undefined;
+          endDate?: string | undefined;
+          endTime?: string | undefined;
+          cancelButtonLabel?: string | undefined;
+          clearButtonLabel?: string | undefined;
+          okButtonLabel?: string | undefined;
+          todayButtonLabel?: string | undefined;
+          clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
+          hoursClockNumberText?: ((hours: string) => string) | undefined;
+          minutesClockNumberText?: ((minutes: string) => string) | undefined;
+          secondsClockNumberText?: ((seconds: string) => string) | undefined;
+          selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
+          openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+          openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+          fieldClearLabel?: string | undefined;
+          timeTableLabel?: string | undefined;
+          dateTableLabel?: string | undefined;
+          fieldYearPlaceholder?: ((params: {
+            digitAmount: number;
+            format: string;
+          }) => string) | undefined;
+          fieldMonthPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldDayPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldWeekDayPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldHoursPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMinutesPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldSecondsPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMeridiemPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          year?: string | undefined;
+          month?: string | undefined;
+          day?: string | undefined;
+          weekDay?: string | undefined;
+          hours?: string | undefined;
+          minutes?: string | undefined;
+          seconds?: string | undefined;
+          meridiem?: string | undefined;
+          empty?: string | undefined;
+          datePickerToolbarTitle?: string | undefined;
+          timePickerToolbarTitle?: string | undefined;
+          dateTimePickerToolbarTitle?: string | undefined;
+          dateRangePickerToolbarTitle?: string | undefined;
+        };
+      };
+    };
+  };
+};