1 import React, {PropTypes} from 'react';
2 import CommonMixin from '../mixin/CommonMixin';
3 import Header from './Header';
4 import Combobox from './Combobox';
9 function generateOptions(length) {
11 for (let i = 0; i < length; i++) {
17 const Panel = React.createClass({
19 prefixCls: PropTypes.string,
20 value: PropTypes.object,
21 locale: PropTypes.object,
22 placeholder: PropTypes.string,
23 gregorianCalendarLocale: PropTypes.object,
24 formatter: PropTypes.object,
25 hourOptions: PropTypes.array,
26 minuteOptions: PropTypes.array,
27 secondOptions: PropTypes.array,
28 onChange: PropTypes.func,
29 onEsc: PropTypes.func,
30 allowEmpty: PropTypes.bool,
31 showHour: PropTypes.bool,
32 showSecond: PropTypes.bool,
33 onClear: PropTypes.func,
36 mixins: [CommonMixin],
40 hourOptions: generateOptions(24),
41 minuteOptions: generateOptions(60),
42 secondOptions: generateOptions(60),
50 value: this.props.value,
54 componentWillReceiveProps(nextProps) {
55 const value = nextProps.value;
64 this.setState({ value: newValue });
65 this.props.onChange(newValue);
73 const { locale, prefixCls, placeholder, hourOptions, minuteOptions, secondOptions, allowEmpty, showHour, showSecond, formatter, gregorianCalendarLocale } = this.props;
74 const value = this.state.value;
76 <div className={`${prefixCls}-inner`}>
79 gregorianCalendarLocale={gregorianCalendarLocale}
82 onEsc={this.props.onEsc}
84 placeholder={placeholder}
85 hourOptions={hourOptions}
86 minuteOptions={minuteOptions}
87 secondOptions={secondOptions}
88 onChange={this.onChange}
89 onClear={this.onClear}
90 allowEmpty={allowEmpty}
95 gregorianCalendarLocale={gregorianCalendarLocale}
97 onChange={this.onChange}
99 showSecond={showSecond}
100 hourOptions={hourOptions}
101 minuteOptions={minuteOptions}
102 secondOptions={secondOptions}
109 export default Panel;