From: Benjy Cui <benjytrys@gmail.com>
Date: Mon, 26 Sep 2016 09:33:15 +0000 (+0800)
Subject: chore: add className for Panel
X-Git-Tag: 2.0.2~1^2
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=c6a1a235f9ff6de74cae402c7359b25fa655a537;p=github%2Ffretlink%2Ftime-picker.git

chore: add className for Panel
---

diff --git a/src/Panel.jsx b/src/Panel.jsx
index a5464c4..f5cf7bc 100644
--- 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,
@@ -79,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;
@@ -95,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}