diff --git a/style/components/datepicker/Calendar.less b/style/components/datepicker/Calendar.less
index 5043b62603..b7f6c55723 100644
--- a/style/components/datepicker/Calendar.less
+++ b/style/components/datepicker/Calendar.less
@@ -233,6 +233,35 @@
     margin: 0 0 0 8px;
   }
 
+  .@{calendar-prefix-cls}-clear-btn {
+    position: absolute;
+    right: 10px;
+    text-indent: -99px;
+    overflow: hidden;
+    width: 20px;
+    height: 20px;
+    text-align: center;
+    line-height: 20px;
+    top: 7px;
+    margin: 0;
+  }
+
+  .@{calendar-prefix-cls}-clear-btn:after {
+    content: "\e620";
+    font-family: "anticon";
+    font-size: 12px;
+    color: #aaa;
+    display: inline-block;
+    line-height: 1;
+    width: 20px;
+    text-indent: 43px;
+    transition: color 0.3s ease;
+  }
+
+  .@{calendar-prefix-cls}-clear-btn:hover:after {
+    color: #666;
+  }
+
   .@{calendar-prefix-cls}-ok-btn {
     .btn;
     .btn-primary;