12 files changed, 117 insertions, 54 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..037d70d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,27 @@
+*.iml
+*.log
+.idea/
+.ipr
+.iws
+*~
+~*
+*.diff
+*.patch
+*.bak
+.DS_Store
+Thumbs.db
+.project
+.*proj
+.svn/
+*.swp
+*.swo
+*.pyc
+*.pyo
+.build
+node_modules
+.cache
+dist
+*.css
+build
+lib
+
diff --git a/HISTORY.md b/HISTORY.md
index e2ad063..676fc17 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -3,6 +3,11 @@ History
 
 ---
 
+0.2.0 / 2015-11-16
+------------------
+
+`update` rename the component, update document.
+
 0.1.0 / 2015-11-12
 ------------------
 
diff --git a/README.md b/README.md
index 40cb7c4..998fe4e 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,56 @@
-# timepicker
-Timepicker
+TimePicker
+==========
+
+React TimePicker
+
+install
+-------
+
+```
+npm install rc-time-picker
+```
+
+Usage
+-----
+
+```
+import TimePicker from 'rc-time-picker';
+import React from 'react';
+import ReactDOM from 'react-dom';
+ReactDOM.render(<TimePicker />, container);
+```
+
+API
+---
+
+### TimePanel
+
+| Name          | Type                       | Default                                       | Description                                   |
+|---------------|----------------------------|-----------------------------------------------|-----------------------------------------------|
+| prefixCls     | String                     |                                               | prefixCls of this component                   |
+| locale        | Object                     | import from 'rc-time-picker/lib/locale/en_US' |                                               |
+| defaultValue  | GregorianCalendar          | null                                          | defaultValue like input's defaultValue        |
+| placeholder   | String                     | ''                                            | time input's placeholder                      |
+| formatter     | GregorianCalendarFormatter | HH:mm:ss or HH:mm or mm:ss                    |                                               |
+| hourOptions   | Array<String>              | hour options                                  |                                               |
+| minuteOptions | Array<String>              | minute options                                |                                               |
+| secondOptions | Array<String>              | second options                                |                                               |
+| onChange      | Function                   | null                                          | called when input or select a different value |
+
+### TimePicker
+
+| Name      | Type                    | Default | Description                                   |
+|-----------|-------------------------|---------|-----------------------------------------------|
+| prefixCls | String                  |         | prefixCls of this component                   |
+| panel     | TimePanel React Element |         |                                               |
+| disabled  | Boolean                 | false   | whether picker is disabled                    |
+| open      | Boolean                 | false   | current open state of picker. controlled prop |
+| value     | GregorianCalendar       | null    | current value like input's value              |
+| onChange  | Function                | null    | called when select a different value          |
+| onOpen    | Function                | null    | called when open picker                       |
+| onClose   | Function                | null    | called when close picker                      |
+
+License
+-------
+
+rc-time-picker is released under the MIT license.
diff --git a/assets/index.less b/assets/index.less
index 2ab247b..bc904de 100644
--- a/assets/index.less
+++ b/assets/index.less
@@ -1,6 +1,7 @@
-@prefixClass: rc-timepicker;
+@prefixClass: rc-time-picker;
 
 .@{prefixClass} {
+  display: inline;
   box-sizing: border-box;
   * {
     box-sizing: border-box;
diff --git a/examples/pick-time.html b/examples/pick-time.html
new file mode 100644
index 0000000..48cdce8
--- /dev/null
+++ b/examples/pick-time.html
@@ -0,0 +1 @@
+placeholder
diff --git a/examples/pick-time.jsx b/examples/pick-time.js
index 33c5d07..8c6b826 100644
--- a/examples/pick-time.jsx
+++ b/examples/pick-time.js
@@ -1,14 +1,15 @@
-import '../component/timepicker/assets/index.less';
+import 'rc-time-picker/assets/index.less';
 
 import React from 'react';
 import ReactDom from 'react-dom';
-import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
-import GregorianCalendar from 'gregorian-calendar';
 
-import TimePicker from '../component/timepicker/src/Picker';
-import TimePanel from '../component/timepicker/src/TimePanel';
-import TimepickerLocale from '../component/timepicker/src/locale/zh_CN';
+import GregorianCalendar from 'gregorian-calendar';
 import DateTimeFormat from 'gregorian-calendar-format';
+import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
+
+import TimePicker from 'rc-time-picker/src/TimePicker';
+import TimePanel from 'rc-time-picker/src/TimePanel';
+import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN';
 
 const formatter = new DateTimeFormat('HH:mm:ss');
 
@@ -18,7 +19,7 @@ now.setTime(Date.now());
 const timePanel = (
   <TimePanel
     defaultValue={now}
-    locale={TimepickerLocale}
+    locale={TimePickerLocale}
     formatter={formatter}
     minuteOptions={[0, 30]}
   />
@@ -32,5 +33,5 @@ ReactDom.render(
       }
     }
   </TimePicker>,
-  document.getElementById('react-content')
+  document.getElementById('__react-content')
 );
diff --git a/package.json b/package.json
index 3f7b765..483c3d9 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,13 @@
 {
-  "name": "rc-timepicker",
-  "version": "0.1.0",
-  "description": "React Timepicker",
+  "name": "rc-time-picker",
+  "version": "0.2.0",
+  "description": "React TimePicker",
   "keywords": [
     "react",
-    "react-timepicker",
+    "react-time-picker",
     "react-component",
     "timepicker",
+    "time-picker",
     "ui component",
     "ui",
     "component"
@@ -16,14 +17,14 @@
     "assets/*.css"
   ],
   "main": "lib/index",
-  "homepage": "http://github.com/react-component/timepicker",
+  "homepage": "http://github.com/react-component/time-picker",
   "author": "wuzhao.mail@gmail.com",
   "repository": {
     "type": "git",
-    "url": "git@github.com:react-component/timepicker.git"
+    "url": "git@github.com:react-component/time-picker.git"
   },
   "bugs": {
-    "url": "http://github.com/react-component/timepicker/issues"
+    "url": "http://github.com/react-component/time-picker/issues"
   },
   "licenses": "MIT",
   "config": {
@@ -57,6 +58,7 @@
     "lint"
   ],
   "dependencies": {
+    "classnames": "~2.2.0",
     "gregorian-calendar": "4.x",
     "gregorian-calendar-format": "4.x",
     "object-assign": "4.x",
diff --git a/src/TimePanel.jsx b/src/TimePanel.jsx
index dad8036..110ca1e 100644
--- a/src/TimePanel.jsx
+++ b/src/TimePanel.jsx
@@ -90,7 +90,7 @@ const TimePanel = React.createClass({
       <div className={`${prefixCls}-panel ${cls}`}>
         <Header
           prefixCls={prefixCls}
-          gregorianTimepickerLocale={defaultValue.locale}
+          gregorianTimePickerLocale={defaultValue.locale}
           locale={locale}
           value={value}
           formatter={this.getFormatter()}
diff --git a/src/Picker.jsx b/src/TimePicker.jsx
index f15434a..6bb97a1 100644
--- a/src/Picker.jsx
+++ b/src/TimePicker.jsx
@@ -47,10 +47,6 @@ const Picker = React.createClass({
     return { open, value };
   },
 
-  componentWillMount() {
-    document.addEventListener('click', this.handleDocumentClick, false);
-  },
-
   componentWillReceiveProps(nextProps) {
     const { value, open } = nextProps;
     if (value !== undefined) {
@@ -61,10 +57,6 @@ const Picker = React.createClass({
     }
   },
 
-  componentWillUnmount() {
-    document.removeEventListener('click', this.handleDocumentClick, false);
-  },
-
   onPanelChange(value) {
     const props = this.props;
     this.setState({
@@ -114,16 +106,6 @@ const Picker = React.createClass({
     }
   },
 
-  handleDocumentClick(event) {
-    // hide popup when click outside
-    if (this.state.open && ReactDOM.findDOMNode(this.panelInstance).contains(event.target)) {
-      return;
-    }
-    this.setState({
-      open: false,
-    });
-  },
-
   focus() {
     if (!this.state.open) {
       ReactDOM.findDOMNode(this).focus();
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..f72be4f
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,2 @@
+import TimePicker from './TimePicker';
+export default TimePicker;
diff --git a/src/mixin/CommonMixin.js b/src/mixin/CommonMixin.js
index 4203a9e..0e8ed32 100644
--- a/src/mixin/CommonMixin.js
+++ b/src/mixin/CommonMixin.js
@@ -10,7 +10,7 @@ export default {
 
   getDefaultProps() {
     return {
-      prefixCls: 'rc-timepicker',
+      prefixCls: 'rc-time-picker',
       locale: enUs,
     };
   },
diff --git a/src/module/Header.jsx b/src/module/Header.jsx
index f7e443f..92a0089 100644
--- a/src/module/Header.jsx
+++ b/src/module/Header.jsx
@@ -4,7 +4,7 @@ const Header = React.createClass({
   propTypes: {
     formatter: PropTypes.object,
     prefixCls: PropTypes.string,
-    gregorianTimepickerLocale: PropTypes.object,
+    gregorianTimePickerLocale: PropTypes.object,
     locale: PropTypes.object,
     disabledDate: PropTypes.func,
     placeholder: PropTypes.string,
@@ -26,7 +26,7 @@ const Header = React.createClass({
   },
 
   componentWillReceiveProps(nextProps) {
-    const value = this.formatValue(nextProps.value);
+    const value = nextProps.value;
     this.setState({
       str: value && nextProps.formatter.format(value) || '',
       invalid: false,
@@ -39,16 +39,15 @@ const Header = React.createClass({
       str,
     });
     let value = null;
-    const {formatter, gregorianTimepickerLocale, hourOptions, minuteOptions, secondOptions, onChange} = this.props;
+    const {formatter, gregorianTimePickerLocale, hourOptions, minuteOptions, secondOptions, onChange} = this.props;
 
     if (str) {
       const originalValue = this.props.value;
       try {
         value = formatter.parse(str, {
-          locale: gregorianTimepickerLocale,
+          locale: gregorianTimePickerLocale,
           obeyCount: true,
         });
-        value = this.formatValue(value);
       } catch (ex) {
         this.setState({
           invalid: true,
@@ -114,17 +113,6 @@ const Header = React.createClass({
     return <input className={`${prefixCls}-input  ${invalidClass}`} value={str} placeholder={placeholder} onChange={this.onInputChange} />;
   },
 
-  formatValue(value) {
-    const newValue = this.props.value.clone();
-    if (!value) {
-      return newValue;
-    }
-    newValue.fields[4] = value.fields[4];
-    newValue.fields[5] = value.fields[5];
-    newValue.fields[6] = value.fields[6];
-    return newValue;
-  },
-
   render() {
     const { prefixCls } = this.props;
     return (