Merge pull request #22 from react-component/chore-classname

[github/fretlink/time-picker.git] / src / Panel.jsx

diff --git a/src/Panel.jsx b/src/Panel.jsx
index f70cf3873c985d028f4fc0095ae2b0e23d6ef9c7..f5cf7bc6c1184b20646222a7b0db0a286cf2f9fb 100644 (file)
--- a/src/Panel.jsx
+++ b/src/Panel.jsx
@@ -2,6 +2,7 @@ import React, { PropTypes } from 'react';
 import Header from './Header';
 import Combobox from './Combobox';
 import moment from 'moment';
+import classNames from 'classnames';
 
 function noop() {
 }
@@ -20,6 +21,7 @@ const Panel = React.createClass({
   propTypes: {
     clearText: PropTypes.string,
     prefixCls: PropTypes.string,
+    className: PropTypes.string,
     defaultOpenValue: PropTypes.object,
     value: PropTypes.object,
     placeholder: PropTypes.string,
@@ -41,6 +43,9 @@ const Panel = React.createClass({
       prefixCls: 'rc-time-picker-panel',
       onChange: noop,
       onClear: noop,
+      disabledHours: noop,
+      disabledMinutes: noop,
+      disabledSeconds: noop,
       defaultOpenValue: moment(),
     };
   },
@@ -76,7 +81,7 @@ const Panel = React.createClass({
 
   render() {
     const {
-      prefixCls, placeholder, disabledHours, disabledMinutes,
+      prefixCls, className, placeholder, disabledHours, disabledMinutes,
       disabledSeconds, hideDisabledOptions, allowEmpty, showHour, showSecond,
       format, defaultOpenValue, clearText, onEsc,
     } = this.props;
@@ -92,7 +97,7 @@ const Panel = React.createClass({
     const secondOptions = generateOptions(60, disabledSecondOptions, hideDisabledOptions);
 
     return (
-      <div className={`${prefixCls}-inner`}>
+      <div className={classNames({ [`${prefixCls}-inner`]: true, [className]: className })}>
         <Header
           clearText={clearText}
           prefixCls={prefixCls}