Add className prop

diff --git a/examples/pick-time.js b/examples/pick-time.js
index a8c5415960772104bc72a4e22b6660e37c688470..dd5a2ce8629b3de6650440a60db8a6efece7eb42 100644 (file)
--- a/examples/pick-time.js
+++ b/examples/pick-time.js
@@ -28,6 +28,7 @@ ReactDom.render(
   <TimePicker formatter={formatter} locale={TimePickerLocale}
               showSecond={showSecond}
               defaultValue={now}
+              className="xxx"
               onChange={onChange}/>,
   document.getElementById('__react-content')
 );

diff --git a/examples/value-and-defaultValue.js b/examples/value-and-defaultValue.js
index 67771c0a97c23621b6a7133c0cd384c306130d37..404c963850b5a6972fcd697df6e3dcfcf3b79d69 100644 (file)
--- a/examples/value-and-defaultValue.js
+++ b/examples/value-and-defaultValue.js
@@ -37,7 +37,7 @@ const App = React.createClass({
               onChange={this.handleValueChange}/>
       </div>
     );
-  }
+  },
 });
 
 ReactDom.render(

diff --git a/package.json b/package.json
index dae39aa1b3462f0bc878df76b035f42e7d6ed4df..cb988abdc5689f9fa43534243edeedd4c45fa8be 100644 (file)
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rc-time-picker",
-  "version": "1.0.0-alpha2",
+  "version": "1.0.0-alpha3",
   "description": "React TimePicker",
   "keywords": [
     "react",

diff --git a/src/TimePicker.jsx b/src/TimePicker.jsx
index 2694cb0ae61c85f80f721a538a84348239c9880c..2354db8887300e829c4f9effc6a91ae23eb9b5a7 100644 (file)
--- a/src/TimePicker.jsx
+++ b/src/TimePicker.jsx
@@ -32,6 +32,7 @@ const Picker = React.createClass({
     formatter: PropTypes.any,
     showHour: PropTypes.bool,
     style: PropTypes.object,
+    className: PropTypes.string,
     showSecond: PropTypes.bool,
     hourOptions: PropTypes.array,
     minuteOptions: PropTypes.array,
@@ -47,6 +48,7 @@ const Picker = React.createClass({
     return {
       defaultOpen: false,
       style: {},
+      className: '',
       gregorianCalendarLocale: defaultGregorianCalendarLocale,
       align: {},
       allowEmpty: true,
@@ -193,7 +195,7 @@ const Picker = React.createClass({
   },
 
   render() {
-    const { prefixCls, placeholder, placement, align, disabled, transitionName, style, showHour, showSecond, getPopupContainer } = this.props;
+    const { prefixCls, placeholder, placement, align, disabled, transitionName, style, className, showHour, showSecond, getPopupContainer } = this.props;
     const { open, value } = this.state;
     let popupClassName;
     if (!showHour || !showSecond) {
@@ -214,7 +216,7 @@ const Picker = React.createClass({
         popupVisible={open}
         onPopupVisibleChange={this.onVisibleChange}
       >
-        <span className={`${prefixCls}`} style={style}>
+        <span className={`${prefixCls} ${className}`} style={style}>
           <input className={`${prefixCls}-input`}
                  ref="picker" type="text" placeholder={placeholder}
                  readOnly