diff --git a/style/components/datepicker/Picker.less b/style/components/datepicker/Picker.less
index 1af37469ba..9fcd34177e 100644
--- a/style/components/datepicker/Picker.less
+++ b/style/components/datepicker/Picker.less
@@ -17,6 +17,7 @@
     position: absolute;
     -webkit-user-select: none;
     user-select: none;
+    .transition(all .3s @ease-in-out);
     &:after {
       position: relative;
       left: -22px;
@@ -36,4 +37,7 @@
     border-color: #23c0fa;
     box-shadow: 0 0 3px #23c0fa;
   }
+  &-open &-icon:after {
+    color: @primary-color;
+  }
 }
diff --git a/style/mixins/input.less b/style/mixins/input.less
index 919129f504..192a3f65bf 100644
--- a/style/mixins/input.less
+++ b/style/mixins/input.less
@@ -10,6 +10,7 @@
   line-height: 1.5;
   -webkit-transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
   transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+  .transition(all .3s @ease-in-out);
 
   &:hover {
     border-color: #23c0fa;
@@ -75,4 +76,4 @@
     padding: @input-padding-vertical-sm @input-padding-horizontal;
     font-size: @input-font-size-sm;
   }
-}
\ No newline at end of file
+}
diff --git a/style/themes/default/custom.less b/style/themes/default/custom.less
index 1187fccc46..6df42e576b 100644
--- a/style/themes/default/custom.less
+++ b/style/themes/default/custom.less
@@ -141,4 +141,4 @@
 
 @input-hover-border-color    : #23c0fa;
 @input-focus-border-color    : #2db7f5;
-@input-disabled-bg           : #f3f5f7;
\ No newline at end of file
+@input-disabled-bg           : #f3f5f7;