-import React, { PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
import Select from './Select';
const formatOption = (option, disabledOptions) => {
};
};
-const Combobox = React.createClass({
- propTypes: {
+class Combobox extends Component {
+ static propTypes = {
format: PropTypes.string,
defaultOpenValue: PropTypes.object,
prefixCls: PropTypes.string,
disabledSeconds: PropTypes.func,
onCurrentSelectPanelChange: PropTypes.func,
use12Hours: PropTypes.bool,
- },
+ };
- onItemChange(type, itemValue) {
+ onItemChange = (type, itemValue) => {
const { onChange, defaultOpenValue, use12Hours } = this.props;
const value = (this.props.value || defaultOpenValue).clone();
value.second(+itemValue);
}
onChange(value);
- },
+ }
- onEnterSelectPanel(range) {
+ onEnterSelectPanel = (range) => {
this.props.onCurrentSelectPanelChange(range);
- },
+ }
getHourSelect(hour) {
const { prefixCls, hourOptions, disabledHours, showHour, use12Hours } = this.props;
if (!showHour) {
return null;
}
- const disabledOptions = disabledHours();
+ let disabledOptions = disabledHours();
let hourOptionsAdj;
let hourAdj;
if (use12Hours) {
hourOptionsAdj = [12].concat(hourOptions.filter(h => h < 12 && h > 0));
hourAdj = (hour % 12) || 12;
+
+ if (!this.isAM() && Array.isArray(disabledOptions)) {
+ disabledOptions = disabledOptions.map(h => h - 12);
+ }
} else {
hourOptionsAdj = hourOptions;
hourAdj = hour;
onMouseEnter={this.onEnterSelectPanel.bind(this, 'hour')}
/>
);
- },
+ }
getMinuteSelect(minute) {
const { prefixCls, minuteOptions, disabledMinutes, defaultOpenValue, showMinute } = this.props;
onMouseEnter={this.onEnterSelectPanel.bind(this, 'minute')}
/>
);
- },
+ }
getSecondSelect(second) {
const { prefixCls, secondOptions, disabledSeconds, showSecond, defaultOpenValue } = this.props;
onMouseEnter={this.onEnterSelectPanel.bind(this, 'second')}
/>
);
- },
+ }
getAMPMSelect() {
const { prefixCls, use12Hours, format } = this.props;
onMouseEnter={this.onEnterSelectPanel.bind(this, 'ampm')}
/>
);
- },
+ }
isAM() {
- const { value } = this.props;
+ const value = (this.props.value || this.props.defaultOpenValue);
return value.hour() >= 0 && value.hour() < 12;
- },
+ }
render() {
const { prefixCls, defaultOpenValue } = this.props;
{this.getAMPMSelect(value.hour())}
</div>
);
- },
-});
+ }
+}
export default Combobox;