diff --git a/src/components/date-picker/panel/Date/date-range.vue b/src/components/date-picker/panel/Date/date-range.vue
index 2199edb..7ceb616 100644
--- a/src/components/date-picker/panel/Date/date-range.vue
+++ b/src/components/date-picker/panel/Date/date-range.vue
@@ -6,7 +6,7 @@
                 v-for="shortcut in shortcuts"
                 @click="handleShortcutClick(shortcut)">{{ shortcut.text }}</div>
         </div>
-        <div :class="[prefixCls + '-body']">
+        <div :class="panelBodyClasses">
             <div :class="[prefixCls + '-content', prefixCls + '-content-left']" v-show="!isTime">
                 <div :class="[datePrefixCls + '-header']" v-show="currentView !== 'time'">
                     <span
@@ -171,6 +171,15 @@
                     }
                 ];
             },
+            panelBodyClasses(){
+                return [
+                    prefixCls + '-body',
+                    {
+                        [prefixCls + '-body-time']: this.showTime,
+                        [prefixCls + '-body-date']: !this.showTime,
+                    }
+                ]
+            },
             leftDatePanelLabel(){
                 return this.panelLabelConfig('left');
             },
diff --git a/src/styles/components/date-picker.less b/src/styles/components/date-picker.less
index d08342b..ac4d57b 100644
--- a/src/styles/components/date-picker.less
+++ b/src/styles/components/date-picker.less
@@ -205,7 +205,7 @@
 
     &-with-week-numbers{
         .@{picker-prefix-cls}-panel{
-            &-body{
+            &-body-date {
                 min-width: (@date-picker-cells-width-with-weeknumbers + 20) * 2;
             }
         }
@@ -294,4 +294,4 @@
             cursor: @cursor-disabled;
         }
     }
-}
\ No newline at end of file
+}
--
libgit2 0.21.4