From f8bba1ac990e01c37a94aa1c63f934b9e705b3dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Tue, 27 Feb 2018 16:20:58 +0800
Subject: [PATCH] fixed DatePicker style in range type

---
 examples/routers/date.vue                          | 14 ++++++++------
 .../date-picker/panel/Date/date-range.vue          |  3 ++-
 src/styles/components/date-picker.less             |  8 ++++++++
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/examples/routers/date.vue b/examples/routers/date.vue
index efa02f14..e9576ffe 100644
--- a/examples/routers/date.vue
+++ b/examples/routers/date.vue
@@ -248,14 +248,16 @@
 <!--</script>-->
 
 <template>
-    <Row>
-        <Col span="12">
+    <div style="width: 500px;margin: 100px;">
+        <Row>
+            <Col span="12">
             <DatePicker type="date" show-week-numbers placeholder="Select date" style="width: 200px"></DatePicker>
-        </Col>
-        <Col span="12">
+            </Col>
+            <Col span="12">
             <DatePicker type="daterange" show-week-numbers placement="bottom-end" placeholder="Select date" style="width: 200px"></DatePicker>
-        </Col>
-    </Row>
+            </Col>
+        </Row>
+    </div>
 </template>
 <script>
     export default {
diff --git a/src/components/date-picker/panel/Date/date-range.vue b/src/components/date-picker/panel/Date/date-range.vue
index c72b7885..14c1c88c 100644
--- a/src/components/date-picker/panel/Date/date-range.vue
+++ b/src/components/date-picker/panel/Date/date-range.vue
@@ -165,7 +165,8 @@
                     `${prefixCls}-body-wrapper`,
                     `${datePrefixCls}-with-range`,
                     {
-                        [`${prefixCls}-with-sidebar`]: this.shortcuts.length
+                        [`${prefixCls}-with-sidebar`]: this.shortcuts.length,
+                        [`${datePrefixCls}-with-week-numbers`]: this.showWeekNumbers
                     }
                 ];
             },
diff --git a/src/styles/components/date-picker.less b/src/styles/components/date-picker.less
index 668ee3f2..d08342b0 100644
--- a/src/styles/components/date-picker.less
+++ b/src/styles/components/date-picker.less
@@ -203,6 +203,14 @@
 
     }
 
+    &-with-week-numbers{
+        .@{picker-prefix-cls}-panel{
+            &-body{
+                min-width: (@date-picker-cells-width-with-weeknumbers + 20) * 2;
+            }
+        }
+    }
+
     &-transfer{
         z-index: @zindex-transfer;
         max-height: none;