From c5a367febed18ad33137b990d44145aa64bc0ae9 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 6 Jul 2015 11:20:30 +0800
Subject: [PATCH] use tint over fadeout

---
 style/components/datepicker/Calendar.less    | 9 +++++----
 style/components/datepicker/DecadePanel.less | 2 +-
 style/components/datepicker/MonthPanel.less  | 2 +-
 style/components/datepicker/TimePanel.less   | 2 +-
 style/components/datepicker/YearPanel.less   | 2 +-
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/style/components/datepicker/Calendar.less b/style/components/datepicker/Calendar.less
index ef9d5ded33..027b8f7ffa 100644
--- a/style/components/datepicker/Calendar.less
+++ b/style/components/datepicker/Calendar.less
@@ -148,24 +148,25 @@
     text-align: center;
 
     &:hover {
-      background: fadeout(@primary-color, 90%);
+      background: tint(@primary-color, 90%);
       cursor: pointer;
     }
     &:active {
       color: #fff;
-      background: fadeout(@primary-color, 80%);
+      background: tint(@primary-color, 20%);
     }
   }
 
   &-today &-date {
-    border: 1px solid fadeout(@primary-color, 50%);
+    border: 1px solid tint(@primary-color, 50%);
     line-height: 18px;
-    background: fadeout(@primary-color, 90%);
+    background: tint(@primary-color, 90%);
   }
 
   &-selected-day &-date {
     background: @primary-color;
     color: #fff;
+    border: 1px solid transparent;
 
     &:hover {
       background: @primary-color;
diff --git a/style/components/datepicker/DecadePanel.less b/style/components/datepicker/DecadePanel.less
index 6b5c0f012b..0c8def2877 100644
--- a/style/components/datepicker/DecadePanel.less
+++ b/style/components/datepicker/DecadePanel.less
@@ -40,7 +40,7 @@
   border-radius: 4px;
 
   &:hover {
-    background: fadeout(@primary-color, 90%);
+    background: tint(@primary-color, 90%);
     cursor: pointer;
   }
 }
diff --git a/style/components/datepicker/MonthPanel.less b/style/components/datepicker/MonthPanel.less
index d4993b157b..ee4b866879 100644
--- a/style/components/datepicker/MonthPanel.less
+++ b/style/components/datepicker/MonthPanel.less
@@ -40,7 +40,7 @@
   border-radius: 4px;
 
   &:hover {
-    background: fadeout(@primary-color, 90%);
+    background: tint(@primary-color, 90%);
     cursor: pointer;
   }
 }
diff --git a/style/components/datepicker/TimePanel.less b/style/components/datepicker/TimePanel.less
index 59fabe2e5f..d313dc13e5 100644
--- a/style/components/datepicker/TimePanel.less
+++ b/style/components/datepicker/TimePanel.less
@@ -55,7 +55,7 @@
   color: #666;
 
   &:hover {
-    background: fadeout(@primary-color, 90%);
+    background: tint(@primary-color, 90%);
     cursor: pointer;
   }
 }
diff --git a/style/components/datepicker/YearPanel.less b/style/components/datepicker/YearPanel.less
index c3893859d8..b62827f607 100644
--- a/style/components/datepicker/YearPanel.less
+++ b/style/components/datepicker/YearPanel.less
@@ -40,7 +40,7 @@
   border-radius: 4px;
 
   &:hover {
-    background: fadeout(@primary-color, 90%);
+    background: tint(@primary-color, 90%);
     cursor: pointer;
   }
 }