feat(VDatePicker): Add data-today attribute for identifying today's date

vuetifyjs · Feb 12, 2025 · 71e8ea1 · 71e8ea1
1 parent acff32f
commit 71e8ea1
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.tsx b/packages/vuetify/src/components/VDatePicker/VDatePickerMonth.tsx
@@ -211,6 +211,7 @@ export const VDatePickerMonth = genericComponent<VDatePickerMonthSlots>()({
                     },
                   ]}
                   data-v-date={ !item.isDisabled ? item.isoDate : undefined }
+                  data-today={ item.isToday ? 'true' : undefined }
                 >
 
                   { (props.showAdjacentMonths || !item.isAdjacent) && (

diff --git a/packages/vuetify/src/components/VDatePicker/__tests__/VDatePicker.month.spec.ts b/packages/vuetify/src/components/VDatePicker/__tests__/VDatePicker.month.spec.ts
@@ -351,4 +351,20 @@ describe.skip('VDatePicker.ts', () => {
     expect(wrapper.findAll('.v-date-picker-table--month tbody button.v-date-picker--last-in-range')
       .exists()).toBe(true)
   })
+
+  it('adds data-today attribute to the correct date element', async () => {
+    const wrapper = mountFunction({
+      propsData: {
+        value: '2025-02',
+        type: 'month',
+      },
+    })
+
+    // Find the element that represents today's date
+    const todayElement = wrapper.find('[data-today="true"]')
+
+    // Assertions
+    expect(todayElement.exists()).toBe(true) // It should exist
+    expect(todayElement.attributes('data-today')).toBe('true') // Check attribute value
+  })
 })
-Original file line number
+Diff line change
@@ Expand Up @@
                         },
                       ]}
                       data-v-date={ !item.isDisabled ? item.isoDate : undefined }
+                      data-today={ item.isToday ? 'true' : undefined }
                     >
                       { (props.showAdjacentMonths || !item.isAdjacent) && (
@@ Expand Down @@