diff --git a/components/date-picker/style/RangePicker.less b/components/date-picker/style/RangePicker.less
index 0811c705a8..5bbdd2998f 100644
--- a/components/date-picker/style/RangePicker.less
+++ b/components/date-picker/style/RangePicker.less
@@ -164,7 +164,7 @@
       bottom: 4px;
       left: 0;
       display: block;
-      background: @item-active-bg;
+      background: @calendar-item-active-bg;
       border: 0;
       border-radius: 0;
       content: '';
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index df5fa1c193..7d97e25504 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -475,6 +475,7 @@
 // Calendar
 // ---
 @calendar-border-color: @border-color-inverse;
+@calendar-item-active-bg: @item-active-bg;
 
 // Carousel
 // ---
diff --git a/components/time-picker/style/index.less b/components/time-picker/style/index.less
index c4e109f636..7cb4052769 100644
--- a/components/time-picker/style/index.less
+++ b/components/time-picker/style/index.less
@@ -34,6 +34,7 @@
     border: 0;
     outline: 0;
     cursor: auto;
+    background-color: inherit;
 
     .placeholder;