From dcb8a17c696006c9f739383b2d1ca780fe660cbb Mon Sep 17 00:00:00 2001
From: "qingwei.li" <cinwell.li@gmail.com>
Date: Mon, 17 Oct 2016 23:10:12 +0800
Subject: [PATCH] DatePicker: fix panel style, #318

---
 CHANGELOG.md                                 | 4 ++++
 packages/date-picker/src/css/date-picker.css | 6 +++++-
 packages/date-picker/src/panel/date.vue      | 8 ++++++--
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fc296bd96..4dc5b2415 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@
 - 修复 Form reset method 对日期控件不起效的问题
 - 修复 Dialog 和 Message Box 在 body 无溢出时错误地添加 padding-right 的问题
 - 修复 Message Box 的 prompt 在打开时会携带之前的验证状态的问题
+- 修复 Clickoutside 性能问题 #296
+- 修复 Tooltip/Popover 首次渲染的箭头位置 #412
+- 修复 Autocomplete 的弹出框不会消失 #439
+- 修复 DatePicker 弹出框样式溢出边框 #318
 
 #### 非兼容性更新
 
diff --git a/packages/date-picker/src/css/date-picker.css b/packages/date-picker/src/css/date-picker.css
index 29971e7c0..dd4cbfda2 100644
--- a/packages/date-picker/src/css/date-picker.css
+++ b/packages/date-picker/src/css/date-picker.css
@@ -26,8 +26,12 @@
       width: 100%;
     }
 
-    @e editor {
+    @e editor-wrap {
       flex: 1;
+      position: relative;
+    }
+
+    @e editor {
       margin: 0 5px;
       position: relative;
       border: 1px solid #c0ccda;
diff --git a/packages/date-picker/src/panel/date.vue b/packages/date-picker/src/panel/date.vue
index 859a751a9..0bbee3131 100644
--- a/packages/date-picker/src/panel/date.vue
+++ b/packages/date-picker/src/panel/date.vue
@@ -21,12 +21,16 @@
         </div>
         <div class="el-picker-panel__body">
          <div class="el-date-picker__time-header" v-if="showTime">
-            <input
+            <span class="el-date-picker__editor-wrap">
+              <input
               :placehoder="$t('datepicker.selectDate')"
               type="text"
               v-model="visibleDate"
               class="el-date-picker__editor">
-            <span style="position: relative" v-clickoutside="closeTimePicker">
+            </span>
+            <span
+              class="el-date-picker__editor-wrap"
+              v-clickoutside="closeTimePicker">
               <input
                 ref="input"
                 @focus="timePickerVisible = true"