feat(date-picker): locale.firstDayOfWeek

CHANGELOG.en-US.md

@@ -5,6 +5,7 @@
 ### Feats
 
 - Add `n-skeleton` component.
+- `n-data-picker` locale add `firstDayOfWeek`.
 
 ### Fixes
 

CHANGELOG.zh-CN.md

@@ -5,6 +5,7 @@
 ### Feats
 
 - 添加 `n-skeleton` 组件
+- `n-data-picker` locale 增加 `firstDayOfWeek`
 
 ### Fixes
 

src/date-picker/src/panel/use-calendar.ts

@@ -65,7 +65,8 @@ function useCalendar (
     return dateArray(
       calendarValueRef.value,
       ensureValidValue(props.value),
-      nowRef.value
+      nowRef.value,
+      NDatePicker.locale.firstDayOfWeek
     )
   })
   const weekdaysRef = computed(() => {

src/date-picker/src/panel/use-dual-calendar.ts

@@ -80,10 +80,20 @@ function useDualCalendar (
     else return 'start'
   })
   const startDateArrayRef = computed(() => {
-    return dateArray(startCalendarDateTimeRef.value, props.value, nowRef.value)
+    return dateArray(
+      startCalendarDateTimeRef.value,
+      props.value,
+      nowRef.value,
+      NDatePicker.locale.firstDayOfWeek
+    )
   })
   const endDateArrayRef = computed(() => {
-    return dateArray(endCalendarDateTimeRef.value, props.value, nowRef.value)
+    return dateArray(
+      endCalendarDateTimeRef.value,
+      props.value,
+      nowRef.value,
+      NDatePicker.locale.firstDayOfWeek
+    )
   })
   const weekdaysRef = computed(() => {
     return startDateArrayRef.value.slice(0, 7).map((dateItem) => {

src/date-picker/src/utils.ts

@@ -98,7 +98,8 @@ function dateItem (
 function dateArray (
   monthTs: number,
   valueTs: number | [number, number] | null,
-  currentTs: number
+  currentTs: number,
+  startDay: 0 | 1 | 2 | 3 | 4 | 5 | 6
 ): DateItem[] {
   const displayMonth = getMonth(monthTs)
   // First day of current month
@@ -107,7 +108,10 @@ function dateArray (
   let lastMonthIterator = getTime(addDays(displayMonthIterator, -1))
   const calendarDays = []
   let protectLastMonthDateIsShownFlag = true
-  while (getDay(lastMonthIterator) !== 6 || protectLastMonthDateIsShownFlag) {
+  while (
+    getDay(lastMonthIterator) !== startDay ||
+    protectLastMonthDateIsShownFlag
+  ) {
     calendarDays.unshift(
       dateItem(lastMonthIterator, monthTs, valueTs, currentTs)
     )

src/locales/common/enUS.ts

@@ -29,7 +29,8 @@ const enUS = {
     endDatePlaceholder: 'End Date',
     startDatetimePlaceholder: 'Start Date and Time',
     endDatetimePlaceholder: 'End Date and Time',
-    monthBeforeYear: true
+    monthBeforeYear: true,
+    firstDayOfWeek: 6 as 0 | 1 | 2 | 3 | 4 | 5 | 6
   },
   DataTable: {
     confirm: 'Confirm',

src/locales/common/zhCN.ts

@@ -31,7 +31,8 @@ const zhCN: NLocale = {
     endDatePlaceholder: '结束日期',
     startDatetimePlaceholder: '开始日期时间',
     endDatetimePlaceholder: '结束日期时间',
-    monthBeforeYear: false
+    monthBeforeYear: false,
+    firstDayOfWeek: 0
   },
   DataTable: {
     confirm: '确认',