Feature add disable style

.travis.yml

@@ -4,8 +4,7 @@ sudo: false
 
 notifications:
   email:
-  - yiminghe@gmail.com
-  - hust2012jiangkai@gmail.com
+  - bing.an@seafile.com
 
 node_js:
 - 10

README.md

@@ -195,6 +195,12 @@ http://react-component.github.io/calendar/examples/index.html
           <td>auto</td>
           <td>whether has ok button in footer</td>
         </tr>
+        <tr>
+          <td>showHourAndMinute</td>
+          <td>Boolean</td>
+          <td>auto</td>
+          <td>whether has hour-minute chooser in the right panel(for dtable date column)</td>
+        </tr>
         <tr>
           <td>timePicker</td>
           <td>React Element</td>
@@ -225,6 +231,12 @@ http://react-component.github.io/calendar/examples/index.html
           <td></td>
           <td>called when ok button is pressed, only if it's visible</td>
         </tr>
+        <tr>
+          <td>onClickRightPanelTime</td>
+          <td>Function()</td>
+          <td></td>
+          <td>called when right panel hour and minute is clicked, only prop showHourAndMinute is true</td>
+        </tr>
         <tr>
           <td>dateInputPlaceholder</td>
           <td>String</td>
@@ -744,3 +756,6 @@ open coverage/ dir
 ## License
 
 rc-calendar is released under the MIT license.
+
+# node version
+>= 18.20.4

assets/common/Calendar.less

@@ -1,17 +1,13 @@
 .@{prefixClass} {
   &-input-wrap {
+    width: 100%;
     position: relative;
-    padding: 6px;
-    border-bottom: 1px solid #e9e9e9;
     &:after {
       content: '';
       clear: both;
     }
   }
 
-  &-date-input-wrap {
-    overflow: hidden;
-  }
   &-time-picker {
     position: absolute;
     width: 100%;
@@ -50,8 +46,8 @@
       &-input {
         padding: 0;
         border: 1px solid transparent;
-        outline: 0;;
-        height:22px;
+        outline: 0;
+        height: 22px;
       }
 
       &-icon {
@@ -63,15 +59,19 @@
   &-input {
     border: 1px solid transparent;
     width: 100%;
-    color: #666;
+    color: #333;
     cursor: text;
     line-height: 1.5;
     outline: 0;
-    height:22px;
+    height: 22px;
 
     &-invalid {
       border-color: red;
     }
+
+    &::placeholder {
+      color: #868e96;
+    }
   }
 
   &-clear-btn {
@@ -89,7 +89,7 @@
   }
 
   &-clear-btn:after {
-    content: "x";
+    content: 'x';
     font-size: 12px;
     color: #aaa;
     display: inline-block;
@@ -101,4 +101,4 @@
   &-clear-btn:hover:after {
     color: #666;
   }
-}
+}

assets/common/FullCalendar.less

@@ -19,13 +19,12 @@
       float: right;
       display: inline-block;
       &-normal:hover {
-        border-color: #23c0fa;
-        box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
+        border-color: #f09f4f;
         cursor: pointer;
       }
       &-focus {
-        border-color: #3fc7fa;
-        background-color: #3fc7fa;
+        border-color: #f09f3f;
+        background-color: #f09f3f;
         color: #fff;
       }
       > span {
@@ -79,13 +78,13 @@
     }
     &-selected-day .@{prefixClass}-date,
     &-month-panel-selected-cell .@{prefixClass}-month-panel-month {
-      background-color: #ebfaff;
+      background-color: #fcecd9;
       color: #666;
     }
     &-today .@{prefixClass}-date,
     &-month-panel-selected-cell .@{prefixClass}-month-panel-month {
-      border-top-color: #3FC7FA;
-      color: #3FC7FA;
+      border-top-color: #f09f3f;
+      color: #f09f3f;
     }
   }
 }