fix(VDatePicker): wrong month displayed in header (#19721)

closes #19126
vuetifyjs · Apr 30, 2024 · b0d42c9 · b0d42c9
1 parent d461f19
commit b0d42c9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx b/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx
@@ -132,9 +132,9 @@ export const VDatePicker = genericComponent<new <
     const text = computed(() => {
       let date = adapter.date()
 
-      date = adapter.setYear(date, year.value)
-      date = adapter.setMonth(date, month.value)
       date = adapter.setDate(date, 1)
+      date = adapter.setMonth(date, month.value)
+      date = adapter.setYear(date, year.value)
 
       return adapter.format(date, 'monthAndYear')
     })

diff --git a/packages/vuetify/src/composables/date/adapters/vuetify.ts b/packages/vuetify/src/composables/date/adapters/vuetify.ts
@@ -410,6 +410,7 @@ function addWeeks (date: Date, amount: number) {
 
 function addMonths (date: Date, amount: number) {
   const d = new Date(date)
+  d.setDate(1)
   d.setMonth(d.getMonth() + amount)
   return d
 }