From 9f0132ace8ca4bef69860a3b07b48d110254fe78 Mon Sep 17 00:00:00 2001
From: Jungzl <13jungzl@gmail.com>
Date: Fri, 22 Nov 2024 22:34:19 +0800
Subject: [PATCH] fix(components): [calendar] respect table semantics (#18552)

---
 packages/components/calendar/__tests__/calendar.test.tsx | 6 +++---
 packages/components/calendar/src/date-table.vue          | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/components/calendar/__tests__/calendar.test.tsx b/packages/components/calendar/__tests__/calendar.test.tsx
index 5353862d20..0525a5bd07 100644
--- a/packages/components/calendar/__tests__/calendar.test.tsx
+++ b/packages/components/calendar/__tests__/calendar.test.tsx
@@ -117,7 +117,7 @@ describe('Calendar.vue', () => {
         return <Calendar v-model={this.value} />
       },
     })
-    const head = wrapper.element.querySelector('.el-calendar-table thead')
+    const head = wrapper.element.querySelector('.el-calendar-table thead tr')
     expect(head?.firstElementChild?.innerHTML).toBe('Sun')
     expect(head?.lastElementChild?.innerHTML).toBe('Sat')
     const firstRow = wrapper.element.querySelector('.el-calendar-table__row')
@@ -133,7 +133,7 @@ describe('Calendar.vue', () => {
         return <Calendar v-model={this.value} />
       },
     })
-    const head = wrapper.element.querySelector('.el-calendar-table thead')
+    const head = wrapper.element.querySelector('.el-calendar-table thead tr')
     expect(head?.firstElementChild?.innerHTML).toBe('Mon')
     expect(head?.lastElementChild?.innerHTML).toBe('Sun')
     const firstRow = wrapper.element.querySelector('.el-calendar-table__row')
@@ -157,7 +157,7 @@ describe('Calendar.vue', () => {
         )
       },
     })
-    const head = wrapper.element.querySelector('.el-calendar-table thead')
+    const head = wrapper.element.querySelector('.el-calendar-table thead tr')
     expect(head?.firstElementChild?.innerHTML).toBe('Sun')
     expect(head?.lastElementChild?.innerHTML).toBe('Sat')
     const firstRow = wrapper.element.querySelector('.el-calendar-table__row')
diff --git a/packages/components/calendar/src/date-table.vue b/packages/components/calendar/src/date-table.vue
index 49ae2c3de0..b5801efd8d 100644
--- a/packages/components/calendar/src/date-table.vue
+++ b/packages/components/calendar/src/date-table.vue
@@ -5,7 +5,9 @@
     cellpadding="0"
   >
     <thead v-if="!hideHeader">
-      <th v-for="day in weekDays" :key="day">{{ day }}</th>
+      <tr>
+        <th v-for="day in weekDays" :key="day" scope="col">{{ day }}</th>
+      </tr>
     </thead>
 
     <tbody>