| value | moment | null | current value |
| placeholder | String | '' | time input's placeholder |
| showHour | Boolean | whether show hour | |
-| showMinute | Boolean | whether show minute | |
+| showMinute | Boolean | whether show minute | |
| showSecond | Boolean | whether show second | |
| format | String | | |
| disabledHours | Function | disabled hour options | |
| disabledMinutes | Function | disabled minute options | |
| disabledSeconds | Function | disabled second options | |
-| show12Hours | Boolean | 12 hours display mode | |
+| use12Hours | Boolean | 12 hours display mode | |
| hideDisabledOptions | Boolean | whether hide disabled options | |
| onChange | Function | null | called when select a different value |
| addon | Function | nothing | called from timepicker panel to render some addon to its bottom, like an OK button. Receives panel instance as parameter, to be able to close it like `panel.close()`.|
disabledMinutes: PropTypes.func,
disabledSeconds: PropTypes.func,
onCurrentSelectPanelChange: PropTypes.func,
- show12Hours: PropTypes.bool,
+ use12Hours: PropTypes.bool,
},
onItemChange(type, itemValue) {
- const { onChange, defaultOpenValue, show12Hours } = this.props;
+ const { onChange, defaultOpenValue, use12Hours } = this.props;
const value = (this.props.value || defaultOpenValue).clone();
if (type === 'hour') {
- if (show12Hours) {
+ if (use12Hours) {
if (value.hour() > 12 || !value.hour()) {
value.hour(+itemValue + 12);
} else {
} else if (type === 'minute') {
value.minute(+itemValue);
} else if (type === 'ampm') {
- if (show12Hours) {
+ if (use12Hours) {
if (itemValue === 'PM' && value.hour() <= 12) {
value.hour(value.hour() + 12);
}
},
getHourSelect(hour) {
- const { prefixCls, hourOptions, disabledHours, showHour, show12Hours } = this.props;
+ const { prefixCls, hourOptions, disabledHours, showHour, use12Hours } = this.props;
if (!showHour) {
return null;
}
const disabledOptions = disabledHours();
let hourAdj;
- if (show12Hours) {
+ if (use12Hours) {
if (hour > 12) {
hourAdj = hour - 12;
} else {
}
let hourOptionsAdj;
- if (show12Hours) {
+ if (use12Hours) {
hourOptionsAdj = hourOptions.filter(h => h <= 12 && h > 0);
} else {
hourOptionsAdj = hourOptions;
},
getAMPMSelect() {
- const { prefixCls, show12Hours, defaultOpenValue } = this.props;
- if (!show12Hours) {
+ const { prefixCls, use12Hours, defaultOpenValue } = this.props;
+ if (!use12Hours) {
return null;
}
const value = this.props.value || defaultOpenValue;
showMinute: PropTypes.bool,
showSecond: PropTypes.bool,
onClear: PropTypes.func,
- show12Hours: PropTypes.bool,
+ use12Hours: PropTypes.bool,
addon: PropTypes.func,
},
disabledMinutes: noop,
disabledSeconds: noop,
defaultOpenValue: moment(),
- show12Hours: false,
+ use12Hours: false,
addon: noop,
};
},
const {
prefixCls, className, placeholder, disabledHours, disabledMinutes,
disabledSeconds, hideDisabledOptions, allowEmpty, showHour, showMinute, showSecond,
- format, defaultOpenValue, clearText, onEsc, addon, show12Hours,
+ format, defaultOpenValue, clearText, onEsc, addon, use12Hours,
} = this.props;
const {
value, currentSelectPanel,
disabledMinutes={disabledMinutes}
disabledSeconds={disabledSeconds}
onCurrentSelectPanelChange={this.onCurrentSelectPanelChange}
- show12Hours={show12Hours}
+ use12Hours={use12Hours}
/>
{addon(this)}
</div>
addon: PropTypes.func,
name: PropTypes.string,
autoComplete: PropTypes.string,
- show12Hours: PropTypes.bool,
+ use12Hours: PropTypes.bool,
},
getDefaultProps() {
onOpen: noop,
onClose: noop,
addon: noop,
- show12Hours: false,
+ use12Hours: false,
};
},
prefixCls, placeholder, disabledHours,
disabledMinutes, disabledSeconds, hideDisabledOptions,
allowEmpty, showHour, showMinute, showSecond, defaultOpenValue, clearText,
- addon, show12Hours,
+ addon, use12Hours,
} = this.props;
return (
<Panel
disabledMinutes={disabledMinutes}
disabledSeconds={disabledSeconds}
hideDisabledOptions={hideDisabledOptions}
- show12Hours={show12Hours}
+ use12Hours={use12Hours}
addon={addon}
/>
);