update less file and use variables; rename TimePicker to Timepicker

components/timepicker/demo/basic.md

@@ -8,9 +8,9 @@
 ---
 
 ````jsx
-import { TimePicker } from 'antd';
+import { Timepicker } from 'antd';
 
 ReactDOM.render(
-  <TimePicker defaultValue="12:08:23" />
+  <Timepicker defaultValue="12:08:23" />
 , document.getElementById('components-timepicker-demo-basic'));
 ````

components/timepicker/demo/disabled.md

@@ -8,9 +8,9 @@
 ---
 
 ````jsx
-import { TimePicker } from 'antd';
+import { Timepicker } from 'antd';
 
 ReactDOM.render(
-  <TimePicker defaultValue="12:08:23" disabled />
+  <Timepicker defaultValue="12:08:23" disabled />
 , document.getElementById('components-timepicker-demo-disabled'));
 ````

components/timepicker/demo/special-minutes.md

@@ -8,9 +8,9 @@
 ---
 
 ````jsx
-import { TimePicker } from 'antd';
+import { Timepicker } from 'antd';
 
 ReactDOM.render(
-  <TimePicker defaultValue="12:30:23" format="HH:mm" minuteOptions={[0, 30]} />
+  <Timepicker defaultValue="12:30:23" format="HH:mm" minuteOptions={[0, 30]} />
 , document.getElementById('components-timepicker-demo-special-minutes'));
 ````

components/timepicker/demo/without-seconds.md

@@ -8,9 +8,9 @@
 ---
 
 ````jsx
-import { TimePicker } from 'antd';
+import { Timepicker } from 'antd';
 
 ReactDOM.render(
-  <TimePicker defaultValue="12:08:23" format="HH:mm" />
+  <Timepicker defaultValue="12:08:23" format="HH:mm" />
 , document.getElementById('components-timepicker-demo-without-seconds'));
 ````

components/timepicker/index.jsx

@@ -8,7 +8,7 @@ import TimePanel from 'rc-time-picker/lib/TimePanel';
 // import defaultLocale from './locale';
 import TimePickerLocale from 'rc-time-picker/lib/locale/zh_CN';
 
-const AntTimePicker = React.createClass({
+const AntTimepicker = React.createClass({
 
   getDefaultProps() {
     return {
@@ -69,4 +69,4 @@ const AntTimePicker = React.createClass({
 
 });
 
-export default AntTimePicker;
+export default AntTimepicker;

components/timepicker/index.md

@@ -1,4 +1,4 @@
-TimePicker
+Timepicker
 ==========
 
 -	category: Components
@@ -18,7 +18,7 @@ API
 ---
 
 ```html
-<TimePicker value="13:30:56" />
+<Timepicker value="13:30:56" />
 ```
 
 | 参数          | 说明                                                          | 类型     | 默认值                                                          |

index.js

@@ -59,7 +59,7 @@ const antd = {
   Form: require('./components/form').Form,
   Input: require('./components/form').Input,
   Calendar: require('./components/calendar'),
-  TimePicker: require('./components/timepicker'),
+  Timepicker: require('./components/timepicker'),
 };
 
 antd.version = require('./package.json').version;

style/components/timepicker.less

@@ -11,5 +11,4 @@
 @import "timepicker/Picker";
 @import "timepicker/TimePanel";
 @import "timepicker/Header";
-@import "timepicker/Combobox";
 @import "timepicker/Select";

style/components/timepicker/Combobox.less

@@ -1,4 +0,0 @@
-.@{timepicker-prefix-cls} {
-  &-combobox {
-  }
-}

style/components/timepicker/Select.less

@@ -39,12 +39,12 @@
     user-select: none;
 
     &.selected {
-      background: #edfaff;
-      color: #2db7f5;
+      background: tint(@primary-color, 90%);
+      color: @link-color;
     }
 
     &:hover {
-      background: #edfaff;
+      background: tint(@primary-color, 90%);
     }
   }
 }

style/components/timepicker/TimePanel.less

@@ -2,13 +2,12 @@
   display: inline-block;
   position: relative;
   outline: none;
-  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
   border: 1px solid #ccc;
   list-style: none;
   font-size: 12px;
   text-align: left;
   background-color: #fff;
-  border-radius: 6px;
+  border-radius: @border-radius-base;
   box-shadow: 0 1px 5px #ccc;
   background-clip: padding-box;
   border: 1px solid #ccc;