@mui/x-date-pickers - npm Package Compare versions

Comparing version 8.27.0 to 9.0.0-alpha.0

AdapterDayjsBuddhist/AdapterDayjsBuddhist.d.ts

+import dayjs, { Dayjs } from 'dayjs';
+import { AdapterDayjs } from "../AdapterDayjs/index.js";
+import { AdapterOptions } from "../models/index.js";
+declare module '@mui/x-date-pickers/models' {
+  interface PickerValidDateLookup {
+    'dayjs-buddhist': Dayjs;
+  }
+}
+/**
+ * Adapter for dayjs with Buddhist Era calendar support.
+ * Buddhist Era is used in Thailand and other Southeast Asian countries.
+ * It uses the same months and days as the Gregorian calendar but with a year offset of 543.
+ */
+export declare class AdapterDayjsBuddhist extends AdapterDayjs {
+  constructor({
+    locale,
+    formats
+  }?: AdapterOptions<string, never>);
+  /**
+   * Returns the Buddhist year (Gregorian year + 543)
+   */
+  getYear: (value: Dayjs) => number;
+  /**
+   * Sets the Buddhist year (converts to Gregorian year internally)
+   */
+  setYear: (value: Dayjs, year: number) => dayjs.Dayjs;
+  /**
+   * Parses a date string with Buddhist year support.
+   * The buddhistEra plugin only supports formatting, not parsing,
+   * so we convert BBBB/BB to YYYY/YY and adjust the year after parsing.
+   */
+  parse: (value: string, format: string) => dayjs.Dayjs | null;
+}

AdapterDayjsBuddhist/AdapterDayjsBuddhist.js

+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdapterDayjsBuddhist = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _buddhistEra = _interopRequireDefault(require("dayjs/plugin/buddhistEra.js"));
+var _AdapterDayjs = require("../AdapterDayjs");
+/* v8 ignore start */
+
+// dayjs has no exports field defined
+// See https://github.com/iamkun/dayjs/issues/2562
+/* eslint-disable import/extensions */
+
+/* v8 ignore stop */
+/* eslint-enable import/extensions */
+
+_dayjs.default.extend(_buddhistEra.default);
+const BUDDHIST_YEAR_OFFSET = 543;
+const buddhistTokens = {
+  BB: 'year',
+  BBBB: {
+    sectionType: 'year',
+    contentType: 'digit',
+    maxLength: 4
+  }
+};
+const buddhistFormats = {
+  year: 'BBBB',
+  fullDate: 'D MMM BBBB',
+  keyboardDate: 'DD/MM/BBBB',
+  keyboardDateTime12h: 'DD/MM/BBBB hh:mm A',
+  keyboardDateTime24h: 'DD/MM/BBBB HH:mm'
+};
+/**
+ * Adapter for dayjs with Buddhist Era calendar support.
+ * Buddhist Era is used in Thailand and other Southeast Asian countries.
+ * It uses the same months and days as the Gregorian calendar but with a year offset of 543.
+ */
+class AdapterDayjsBuddhist extends _AdapterDayjs.AdapterDayjs {
+  constructor({
+    locale,
+    formats
+  } = {}) {
+    super({
+      locale,
+      formats: (0, _extends2.default)({}, buddhistFormats, formats)
+    });
+    this.lib = 'dayjs-buddhist';
+    this.formatTokenMap = (0, _extends2.default)({}, this.formatTokenMap, buddhistTokens);
+  }
+
+  /**
+   * Returns the Buddhist year (Gregorian year + 543)
+   */
+  getYear = value => {
+    return value.year() + BUDDHIST_YEAR_OFFSET;
+  };
+
+  /**
+   * Sets the Buddhist year (converts to Gregorian year internally)
+   */
+  setYear = (value, year) => {
+    return this.adjustOffset(value.set('year', year - BUDDHIST_YEAR_OFFSET));
+  };
+
+  /**
+   * Parses a date string with Buddhist year support.
+   * The buddhistEra plugin only supports formatting, not parsing,
+   * so we convert BBBB/BB to YYYY/YY and adjust the year after parsing.
+   */
+  parse = (value, format) => {
+    if (value === '') {
+      return null;
+    }
+
+    // Check if format contains Buddhist year tokens
+    const hasBuddhistYear = /BBBB|BB/.test(format);
+
+    // dayjs can't parse BBBB/BB tokens, replace with YYYY/YY
+    const parseFormat = hasBuddhistYear ? format.replace(/BBBB/g, 'YYYY').replace(/BB/g, 'YY') : format;
+    const parsed = (0, _dayjs.default)(value, parseFormat, this.locale, true);
+    if (!parsed.isValid() || !hasBuddhistYear) {
+      return parsed;
+    }
+
+    // Convert Buddhist year input to Gregorian
+    return parsed.subtract(BUDDHIST_YEAR_OFFSET, 'year');
+  };
+}
+exports.AdapterDayjsBuddhist = AdapterDayjsBuddhist;

AdapterDayjsBuddhist/index.d.ts

+export { AdapterDayjsBuddhist } from "./AdapterDayjsBuddhist.js";

AdapterDayjsBuddhist/index.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AdapterDayjsBuddhist", {
+  enumerable: true,
+  get: function () {
+    return _AdapterDayjsBuddhist.AdapterDayjsBuddhist;
+  }
+});
+var _AdapterDayjsBuddhist = require("./AdapterDayjsBuddhist");

esm/AdapterDayjsBuddhist/AdapterDayjsBuddhist.d.ts

+import dayjs, { Dayjs } from 'dayjs';
+import { AdapterDayjs } from "../AdapterDayjs/index.js";
+import { AdapterOptions } from "../models/index.js";
+declare module '@mui/x-date-pickers/models' {
+  interface PickerValidDateLookup {
+    'dayjs-buddhist': Dayjs;
+  }
+}
+/**
+ * Adapter for dayjs with Buddhist Era calendar support.
+ * Buddhist Era is used in Thailand and other Southeast Asian countries.
+ * It uses the same months and days as the Gregorian calendar but with a year offset of 543.
+ */
+export declare class AdapterDayjsBuddhist extends AdapterDayjs {
+  constructor({
+    locale,
+    formats
+  }?: AdapterOptions<string, never>);
+  /**
+   * Returns the Buddhist year (Gregorian year + 543)
+   */
+  getYear: (value: Dayjs) => number;
+  /**
+   * Sets the Buddhist year (converts to Gregorian year internally)
+   */
+  setYear: (value: Dayjs, year: number) => dayjs.Dayjs;
+  /**
+   * Parses a date string with Buddhist year support.
+   * The buddhistEra plugin only supports formatting, not parsing,
+   * so we convert BBBB/BB to YYYY/YY and adjust the year after parsing.
+   */
+  parse: (value: string, format: string) => dayjs.Dayjs | null;
+}

esm/AdapterDayjsBuddhist/AdapterDayjsBuddhist.js

+import _extends from "@babel/runtime/helpers/esm/extends";
+/* v8 ignore start */
+import dayjs from 'dayjs';
+// dayjs has no exports field defined
+// See https://github.com/iamkun/dayjs/issues/2562
+/* eslint-disable import/extensions */
+import buddhistEraPlugin from 'dayjs/plugin/buddhistEra.js';
+/* v8 ignore stop */
+/* eslint-enable import/extensions */
+import { AdapterDayjs } from "../AdapterDayjs/index.js";
+dayjs.extend(buddhistEraPlugin);
+const BUDDHIST_YEAR_OFFSET = 543;
+const buddhistTokens = {
+  BB: 'year',
+  BBBB: {
+    sectionType: 'year',
+    contentType: 'digit',
+    maxLength: 4
+  }
+};
+const buddhistFormats = {
+  year: 'BBBB',
+  fullDate: 'D MMM BBBB',
+  keyboardDate: 'DD/MM/BBBB',
+  keyboardDateTime12h: 'DD/MM/BBBB hh:mm A',
+  keyboardDateTime24h: 'DD/MM/BBBB HH:mm'
+};
+/**
+ * Adapter for dayjs with Buddhist Era calendar support.
+ * Buddhist Era is used in Thailand and other Southeast Asian countries.
+ * It uses the same months and days as the Gregorian calendar but with a year offset of 543.
+ */
+export class AdapterDayjsBuddhist extends AdapterDayjs {
+  constructor({
+    locale,
+    formats
+  } = {}) {
+    super({
+      locale,
+      formats: _extends({}, buddhistFormats, formats)
+    });
+    this.lib = 'dayjs-buddhist';
+    this.formatTokenMap = _extends({}, this.formatTokenMap, buddhistTokens);
+  }
+
+  /**
+   * Returns the Buddhist year (Gregorian year + 543)
+   */
+  getYear = value => {
+    return value.year() + BUDDHIST_YEAR_OFFSET;
+  };
+
+  /**
+   * Sets the Buddhist year (converts to Gregorian year internally)
+   */
+  setYear = (value, year) => {
+    return this.adjustOffset(value.set('year', year - BUDDHIST_YEAR_OFFSET));
+  };
+
+  /**
+   * Parses a date string with Buddhist year support.
+   * The buddhistEra plugin only supports formatting, not parsing,
+   * so we convert BBBB/BB to YYYY/YY and adjust the year after parsing.
+   */
+  parse = (value, format) => {
+    if (value === '') {
+      return null;
+    }
+
+    // Check if format contains Buddhist year tokens
+    const hasBuddhistYear = /BBBB|BB/.test(format);
+
+    // dayjs can't parse BBBB/BB tokens, replace with YYYY/YY
+    const parseFormat = hasBuddhistYear ? format.replace(/BBBB/g, 'YYYY').replace(/BB/g, 'YY') : format;
+    const parsed = dayjs(value, parseFormat, this.locale, true);
+    if (!parsed.isValid() || !hasBuddhistYear) {
+      return parsed;
+    }
+
+    // Convert Buddhist year input to Gregorian
+    return parsed.subtract(BUDDHIST_YEAR_OFFSET, 'year');
+  };
+}

esm/AdapterDayjsBuddhist/index.d.ts

+export { AdapterDayjsBuddhist } from "./AdapterDayjsBuddhist.js";

esm/AdapterDayjsBuddhist/index.js

+export { AdapterDayjsBuddhist } from "./AdapterDayjsBuddhist.js";

esm/locales/thTH.d.ts

+import { TimeViewWithMeridiem } from "../internals/models/index.js";
+export declare const thTH: {
+  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;
+          nextStepButtonLabel?: 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;
+          openRangePickerDialogue?: ((formattedRange: 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;
+          timeRangePickerToolbarTitle?: string | undefined;
+        };
+      };
+    };
+  };
+};

esm/locales/thTH.js

+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
+const views = {
+  hours: 'ชั่วโมง',
+  minutes: 'นาที',
+  seconds: 'วินาที',
+  meridiem: 'ช่วงเวลา'
+};
+const thTHPickers = {
+  // 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: 'ตกลง',
+  todayButtonLabel: 'วันนี้',
+  nextStepButtonLabel: 'ถัดไป',
+  // Toolbar titles
+  datePickerToolbarTitle: 'เลือกวันที่',
+  dateTimePickerToolbarTitle: 'เลือกวันที่และเวลา',
+  timePickerToolbarTitle: 'เลือกเวลา',
+  dateRangePickerToolbarTitle: 'เลือกช่วงวันที่',
+  timeRangePickerToolbarTitle: 'เลือกช่วงเวลา',
+  // Clock labels
+  clockLabelText: (view, formattedTime) => `เลือก${views[view]} ${!formattedTime ? 'ยังไม่ได้เลือกเวลา' : `เวลาที่เลือกคือ ${formattedTime}`}`,
+  hoursClockNumberText: hours => `${hours} ชั่วโมง`,
+  minutesClockNumberText: minutes => `${minutes} นาที`,
+  secondsClockNumberText: seconds => `${seconds} วินาที`,
+  // Digital clock labels
+  selectViewText: view => `เลือก${views[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'หมายเลขสัปดาห์',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `สัปดาห์ที่ ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open Picker labels
+  openDatePickerDialogue: formattedDate => formattedDate ? `เลือกวันที่ วันที่ที่เลือกคือ ${formattedDate}` : 'เลือกวันที่',
+  openTimePickerDialogue: formattedTime => formattedTime ? `เลือกเวลา เวลาที่เลือกคือ ${formattedTime}` : 'เลือกเวลา',
+  openRangePickerDialogue: formattedRange => formattedRange ? `เลือกช่วง ช่วงที่เลือกคือ ${formattedRange}` : 'เลือกช่วง',
+  fieldClearLabel: 'ล้าง',
+  // Table labels
+  timeTableLabel: 'เลือกเวลา',
+  dateTableLabel: 'เลือกวันที่',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'ป'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'ดดดด' : 'ดด',
+  fieldDayPlaceholder: () => 'วว',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'วววว' : 'วว',
+  fieldHoursPlaceholder: () => 'ชช',
+  fieldMinutesPlaceholder: () => 'นน',
+  fieldSecondsPlaceholder: () => 'วว',
+  fieldMeridiemPlaceholder: () => 'ทท',
+  // View names
+  year: 'ปี',
+  month: 'เดือน',
+  day: 'วัน',
+  weekDay: 'วันในสัปดาห์',
+  hours: 'ชั่วโมง',
+  minutes: 'นาที',
+  seconds: 'วินาที',
+  meridiem: 'ช่วงเวลา',
+  // Common
+  empty: 'ว่างเปล่า'
+};
+export const thTH = getPickersLocalization(thTHPickers);

locales/thTH.d.ts

+import { TimeViewWithMeridiem } from "../internals/models/index.js";
+export declare const thTH: {
+  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;
+          nextStepButtonLabel?: 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;
+          openRangePickerDialogue?: ((formattedRange: 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;
+          timeRangePickerToolbarTitle?: string | undefined;
+        };
+      };
+    };
+  };
+};

locales/thTH.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.thTH = void 0;
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+const views = {
+  hours: 'ชั่วโมง',
+  minutes: 'นาที',
+  seconds: 'วินาที',
+  meridiem: 'ช่วงเวลา'
+};
+const thTHPickers = {
+  // 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: 'ตกลง',
+  todayButtonLabel: 'วันนี้',
+  nextStepButtonLabel: 'ถัดไป',
+  // Toolbar titles
+  datePickerToolbarTitle: 'เลือกวันที่',
+  dateTimePickerToolbarTitle: 'เลือกวันที่และเวลา',
+  timePickerToolbarTitle: 'เลือกเวลา',
+  dateRangePickerToolbarTitle: 'เลือกช่วงวันที่',
+  timeRangePickerToolbarTitle: 'เลือกช่วงเวลา',
+  // Clock labels
+  clockLabelText: (view, formattedTime) => `เลือก${views[view]} ${!formattedTime ? 'ยังไม่ได้เลือกเวลา' : `เวลาที่เลือกคือ ${formattedTime}`}`,
+  hoursClockNumberText: hours => `${hours} ชั่วโมง`,
+  minutesClockNumberText: minutes => `${minutes} นาที`,
+  secondsClockNumberText: seconds => `${seconds} วินาที`,
+  // Digital clock labels
+  selectViewText: view => `เลือก${views[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'หมายเลขสัปดาห์',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `สัปดาห์ที่ ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open Picker labels
+  openDatePickerDialogue: formattedDate => formattedDate ? `เลือกวันที่ วันที่ที่เลือกคือ ${formattedDate}` : 'เลือกวันที่',
+  openTimePickerDialogue: formattedTime => formattedTime ? `เลือกเวลา เวลาที่เลือกคือ ${formattedTime}` : 'เลือกเวลา',
+  openRangePickerDialogue: formattedRange => formattedRange ? `เลือกช่วง ช่วงที่เลือกคือ ${formattedRange}` : 'เลือกช่วง',
+  fieldClearLabel: 'ล้าง',
+  // Table labels
+  timeTableLabel: 'เลือกเวลา',
+  dateTableLabel: 'เลือกวันที่',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'ป'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'ดดดด' : 'ดด',
+  fieldDayPlaceholder: () => 'วว',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'วววว' : 'วว',
+  fieldHoursPlaceholder: () => 'ชช',
+  fieldMinutesPlaceholder: () => 'นน',
+  fieldSecondsPlaceholder: () => 'วว',
+  fieldMeridiemPlaceholder: () => 'ทท',
+  // View names
+  year: 'ปี',
+  month: 'เดือน',
+  day: 'วัน',
+  weekDay: 'วันในสัปดาห์',
+  hours: 'ชั่วโมง',
+  minutes: 'นาที',
+  seconds: 'วินาที',
+  meridiem: 'ช่วงเวลา',
+  // Common
+  empty: 'ว่างเปล่า'
+};
+const thTH = exports.thTH = (0, _getPickersLocalization.getPickersLocalization)(thTHPickers);

AdapterDayjs/AdapterDayjs.d.ts

@@ -66,3 +66,3 @@ import dayjs, { Dayjs } from 'dayjs';
    */
-  private adjustOffset;
+  protected adjustOffset: (value: Dayjs) => dayjs.Dayjs;
   date: <T extends string | null | undefined>(value?: T, timezone?: PickersTimezone) => DateBuilderReturnType<T>;
@@ -69,0 +69,0 @@ getInvalidDate: () => dayjs.Dayjs;

DateField/index.d.ts

 export { DateField } from "./DateField.js";
 export { useDateField as unstable_useDateField } from "./useDateField.js";
-export type { UseDateFieldProps, DateFieldProps } from "./DateField.types.js";
+export type { UseDateFieldProps, DateFieldProps, DateFieldSlots, DateFieldSlotProps } from "./DateField.types.js";

DateTimeField/index.d.ts

 export { DateTimeField } from "./DateTimeField.js";
 export { useDateTimeField as unstable_useDateTimeField } from "./useDateTimeField.js";
-export type { UseDateTimeFieldProps, DateTimeFieldProps } from "./DateTimeField.types.js";
+export type { UseDateTimeFieldProps, DateTimeFieldProps, DateTimeFieldSlots, DateTimeFieldSlotProps } from "./DateTimeField.types.js";

esm/AdapterDayjs/AdapterDayjs.d.ts

@@ -66,3 +66,3 @@ import dayjs, { Dayjs } from 'dayjs';
    */
-  private adjustOffset;
+  protected adjustOffset: (value: Dayjs) => dayjs.Dayjs;
   date: <T extends string | null | undefined>(value?: T, timezone?: PickersTimezone) => DateBuilderReturnType<T>;
@@ -69,0 +69,0 @@ getInvalidDate: () => dayjs.Dayjs;

esm/DateField/index.d.ts

 export { DateField } from "./DateField.js";
 export { useDateField as unstable_useDateField } from "./useDateField.js";
-export type { UseDateFieldProps, DateFieldProps } from "./DateField.types.js";
+export type { UseDateFieldProps, DateFieldProps, DateFieldSlots, DateFieldSlotProps } from "./DateField.types.js";

esm/DateTimeField/index.d.ts

 export { DateTimeField } from "./DateTimeField.js";
 export { useDateTimeField as unstable_useDateTimeField } from "./useDateTimeField.js";
-export type { UseDateTimeFieldProps, DateTimeFieldProps } from "./DateTimeField.types.js";
+export type { UseDateTimeFieldProps, DateTimeFieldProps, DateTimeFieldSlots, DateTimeFieldSlotProps } from "./DateTimeField.types.js";

esm/index.js

 /**
- * @mui/x-date-pickers v8.27.0
+ * @mui/x-date-pickers v9.0.0-alpha.0
  *
@@ -4,0 +4,0 @@ * @license MIT

esm/TimeField/index.d.ts

 export { TimeField } from "./TimeField.js";
 export { useTimeField as unstable_useTimeField } from "./useTimeField.js";
-export type { UseTimeFieldProps, TimeFieldProps } from "./TimeField.types.js";
+export type { UseTimeFieldProps, TimeFieldProps, TimeFieldSlots, TimeFieldSlotProps } from "./TimeField.types.js";

index.js

 /**
- * @mui/x-date-pickers v8.27.0
+ * @mui/x-date-pickers v9.0.0-alpha.0
  *
@@ -4,0 +4,0 @@ * @license MIT

package.json

 {
   "name": "@mui/x-date-pickers",
-  "version": "8.27.0",
+  "version": "9.0.0-alpha.0",
   "author": "MUI Team",
@@ -36,4 +36,4 @@ "description": "The community edition of the MUI X Date and Time Picker components.",
   "dependencies": {
-    "@babel/runtime": "^7.28.4",
-    "@mui/utils": "^7.3.5",
+    "@babel/runtime": "^7.28.6",
+    "@mui/utils": "^7.3.7",
     "@types/react-transition-group": "^4.4.12",
@@ -43,3 +43,3 @@ "clsx": "^2.1.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.26.0"
+    "@mui/x-internals": "9.0.0-alpha.0"
   },
@@ -46,0 +46,0 @@ "peerDependencies": {

TimeField/index.d.ts

 export { TimeField } from "./TimeField.js";
 export { useTimeField as unstable_useTimeField } from "./useTimeField.js";
-export type { UseTimeFieldProps, TimeFieldProps } from "./TimeField.types.js";
+export type { UseTimeFieldProps, TimeFieldProps, TimeFieldSlots, TimeFieldSlotProps } from "./TimeField.types.js";

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3871775

0.99%

Number of package files

1377

0.88%

Lines of code

86468

0.64%

Worsened metrics

Number of low quality alerts

2

100%

Dependency changes

• + Added

  @mui/x-internals@9.0.0-alpha.0
  (transitive)

• - Removed

  @mui/x-internals@8.26.0
  (transitive)

• Updated

  @babel/runtime@^7.28.6

• Updated

  @mui/utils@^7.3.7

• Updated

  @mui/x-internals@9.0.0-alpha.0