From 629fef299325eb64cf3440ae743475f269f89e58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=95=9D=E8=A3=B3?= <1923740402@qq.com>
Date: Sun, 12 Sep 2021 18:32:53 +0800
Subject: [PATCH] feat(components): calendar component header support slot
 (#3316)

* feat(components): calendar component header support slot

* feat(components): calendar component header support slot

* feat(components): calendar component header support slot
---
 packages/components/calendar/src/index.vue | 33 +++++++++++++---------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/packages/components/calendar/src/index.vue b/packages/components/calendar/src/index.vue
index e842526fcb..b97d76ed48 100644
--- a/packages/components/calendar/src/index.vue
+++ b/packages/components/calendar/src/index.vue
@@ -1,20 +1,25 @@
 <template>
   <div class="el-calendar">
     <div class="el-calendar__header">
-      <div class="el-calendar__title">{{ i18nDate }}</div>
-      <div v-if="validatedRange.length === 0" class="el-calendar__button-group">
-        <el-button-group>
-          <el-button size="mini" @click="selectDate('prev-month')">
-            {{ t('el.datepicker.prevMonth') }}
-          </el-button>
-          <el-button size="mini" @click="selectDate('today')">
-            {{ t('el.datepicker.today') }}
-          </el-button>
-          <el-button size="mini" @click="selectDate('next-month')">
-            {{ t('el.datepicker.nextMonth') }}
-          </el-button>
-        </el-button-group>
-      </div>
+      <slot name="header" :date="i18nDate">
+        <div class="el-calendar__title">{{ i18nDate }}</div>
+        <div
+          v-if="validatedRange.length === 0"
+          class="el-calendar__button-group"
+        >
+          <el-button-group>
+            <el-button size="mini" @click="selectDate('prev-month')">
+              {{ t('el.datepicker.prevMonth') }}
+            </el-button>
+            <el-button size="mini" @click="selectDate('today')">
+              {{ t('el.datepicker.today') }}
+            </el-button>
+            <el-button size="mini" @click="selectDate('next-month')">
+              {{ t('el.datepicker.nextMonth') }}
+            </el-button>
+          </el-button-group>
+        </div>
+      </slot>
     </div>
     <div v-if="validatedRange.length === 0" class="el-calendar__body">
       <date-table :date="date" :selected-day="realSelectedDay" @pick="pickDay">