diff --git a/components/date-picker/style/Calendar.less b/components/date-picker/style/Calendar.less
index e9fc0477fa..b2f7175726 100644
--- a/components/date-picker/style/Calendar.less
+++ b/components/date-picker/style/Calendar.less
@@ -131,6 +131,18 @@
   }
 }
 
+.calendar-selected-cell() {
+  .@{calendar-prefix-cls}-date {
+    color: @text-color-inverse;
+    background: @primary-color;
+    border: @border-width-base @border-style-base transparent;
+
+    &:hover {
+      background: @primary-color;
+    }
+  }
+}
+
 .@{calendar-prefix-cls} {
   position: relative;
   width: 280px;
@@ -255,27 +267,19 @@
     border-color: @primary-color;
   }
 
+  &-selected-day &-date {
+    background: @primary-2;
+  }
+
+  &-selected-date {
+    .calendar-selected-cell;
+  }
+
   &-last-month-cell &-date,
   &-next-month-btn-day &-date {
-    color: @disabled-color;
-  }
-
-  &-selected-day &-date {
-    background: tint(@primary-color, 80%);
-  }
-
-  &-selected-date,
-  &-selected-start-date,
-  &-selected-end-date {
-    .@{calendar-prefix-cls}-date {
-      color: @text-color-inverse;
-      background: @primary-color;
-      border: @border-width-base @border-style-base transparent;
-
-      &:hover {
-        background: @primary-color;
-      }
-    }
+    color: @disabled-color !important;
+    background: transparent !important;;
+    border-color: transparent !important;;
   }
 
   &-disabled-cell &-date {
diff --git a/components/date-picker/style/RangePicker.less b/components/date-picker/style/RangePicker.less
index decb0aeb41..bba0da72c1 100644
--- a/components/date-picker/style/RangePicker.less
+++ b/components/date-picker/style/RangePicker.less
@@ -84,6 +84,19 @@
     transform: translateX(-50%);
   }
 
+  .@{calendar-prefix-cls}-today {
+    .@{calendar-prefix-cls}-date {
+      color: @primary-color;
+      background: @primary-2;
+      border-color: @primary-color;
+    }
+  }
+
+  .@{calendar-prefix-cls}-selected-start-date,
+  .@{calendar-prefix-cls}-selected-end-date {
+    .calendar-selected-cell;
+  }
+
   &.@{calendar-prefix-cls}-time &-right .@{calendar-prefix-cls}-date-input-wrap {
     margin-left: 0;
   }