From 35ae8f4a33efc6bba26377c4ab210b6d61dd5c07 Mon Sep 17 00:00:00 2001
From: 0song <82012629+0song@users.noreply.github.com>
Date: Wed, 26 May 2021 16:31:04 +0800
Subject: [PATCH] fix: allow `clearable` to control both of the clear button
 (#2072)

fix #2035
---
 packages/date-picker/src/date-picker-com/panel-date-range.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/date-picker/src/date-picker-com/panel-date-range.vue b/packages/date-picker/src/date-picker-com/panel-date-range.vue
index 9e65ce08ea..277b42909c 100644
--- a/packages/date-picker/src/date-picker-com/panel-date-range.vue
+++ b/packages/date-picker/src/date-picker-com/panel-date-range.vue
@@ -181,6 +181,7 @@
     </div>
     <div v-if="showTime" class="el-picker-panel__footer">
       <el-button
+        v-if="clearable"
         size="mini"
         type="text"
         class="el-picker-panel__link-btn"
@@ -578,7 +579,7 @@ export default defineComponent({
     ctx.emit('set-picker-option', ['handleClear', handleClear])
 
     const pickerBase = inject('EP_PICKER_BASE') as any
-    const { shortcuts, disabledDate, cellClassName, format, defaultTime, defaultValue, arrowControl } = pickerBase.props
+    const { shortcuts, disabledDate, cellClassName, format, defaultTime, defaultValue, arrowControl, clearable } = pickerBase.props
 
     watch(() => props.parsedValue, newVal => {
       if (newVal && newVal.length === 2) {
@@ -652,6 +653,7 @@ export default defineComponent({
       handleClear,
       handleConfirm,
       timeFormat,
+      clearable,
     }
   },
 })