function noop() {
}
-function generateOptions(length, disabledOptions, hideDisabledOptions) {
+function generateOptions(length, disabledOptions, hideDisabledOptions, step = 1) {
const arr = [];
- for (let value = 0; value < length; value++) {
+ for (let value = 0; value < length; value += step) {
if (!disabledOptions || disabledOptions.indexOf(value) < 0 || !hideDisabledOptions) {
arr.push(value);
}
value: PropTypes.object,
placeholder: PropTypes.string,
format: PropTypes.string,
+ inputReadOnly: PropTypes.bool,
disabledHours: PropTypes.func,
disabledMinutes: PropTypes.func,
disabledSeconds: PropTypes.func,
showSecond: PropTypes.bool,
onClear: PropTypes.func,
use12Hours: PropTypes.bool,
+ hourStep: PropTypes.number,
+ minuteStep: PropTypes.number,
+ secondStep: PropTypes.number,
addon: PropTypes.func,
+ focusOnOpen: PropTypes.bool,
+ onKeyDown: PropTypes.func,
};
static defaultProps = {
defaultOpenValue: moment(),
use12Hours: false,
addon: noop,
+ onKeyDown: noop,
+ inputReadOnly: false,
};
constructor(props) {
this.setState({ currentSelectPanel });
}
+ // https://github.com/ant-design/ant-design/issues/5829
+ close() {
+ this.props.onEsc();
+ }
+
+ disabledHours = () => {
+ const { use12Hours, disabledHours } = this.props;
+ let disabledOptions = disabledHours();
+ if (use12Hours && Array.isArray(disabledOptions)) {
+ if (this.isAM()) {
+ disabledOptions = disabledOptions.filter(h => h < 12).map(h => (h === 0 ? 12 : h));
+ } else {
+ disabledOptions = disabledOptions.map(h => (h === 12 ? 12 : h - 12));
+ }
+ }
+ return disabledOptions;
+ }
+
+ isAM() {
+ const value = (this.state.value || this.props.defaultOpenValue);
+ return value.hour() >= 0 && value.hour() < 12;
+ }
+
render() {
const {
- prefixCls, className, placeholder, disabledHours, disabledMinutes,
+ prefixCls, className, placeholder, disabledMinutes,
disabledSeconds, hideDisabledOptions, allowEmpty, showHour, showMinute, showSecond,
format, defaultOpenValue, clearText, onEsc, addon, use12Hours, onClear,
+ focusOnOpen, onKeyDown, hourStep, minuteStep, secondStep, inputReadOnly,
} = this.props;
const {
value, currentSelectPanel,
} = this.state;
- const disabledHourOptions = disabledHours();
+ const disabledHourOptions = this.disabledHours();
const disabledMinuteOptions = disabledMinutes(value ? value.hour() : null);
const disabledSecondOptions = disabledSeconds(value ? value.hour() : null,
value ? value.minute() : null);
- const hourOptions = generateOptions(24, disabledHourOptions, hideDisabledOptions);
- const minuteOptions = generateOptions(60, disabledMinuteOptions, hideDisabledOptions);
- const secondOptions = generateOptions(60, disabledSecondOptions, hideDisabledOptions);
+ const hourOptions = generateOptions(
+ 24, disabledHourOptions, hideDisabledOptions, hourStep
+ );
+ const minuteOptions = generateOptions(
+ 60, disabledMinuteOptions, hideDisabledOptions, minuteStep
+ );
+ const secondOptions = generateOptions(
+ 60, disabledSecondOptions, hideDisabledOptions, secondStep
+ );
return (
<div className={classNames({ [`${prefixCls}-inner`]: true, [className]: !!className })}>
hourOptions={hourOptions}
minuteOptions={minuteOptions}
secondOptions={secondOptions}
- disabledHours={disabledHours}
+ disabledHours={this.disabledHours}
disabledMinutes={disabledMinutes}
disabledSeconds={disabledSeconds}
onChange={this.onChange}
onClear={onClear}
allowEmpty={allowEmpty}
+ focusOnOpen={focusOnOpen}
+ onKeyDown={onKeyDown}
+ inputReadOnly={inputReadOnly}
/>
<Combobox
prefixCls={prefixCls}
hourOptions={hourOptions}
minuteOptions={minuteOptions}
secondOptions={secondOptions}
- disabledHours={disabledHours}
+ disabledHours={this.disabledHours}
disabledMinutes={disabledMinutes}
disabledSeconds={disabledSeconds}
onCurrentSelectPanelChange={this.onCurrentSelectPanelChange}
use12Hours={use12Hours}
+ isAM={this.isAM()}
/>
{addon(this)}
</div>