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);
}
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,
};
const {
prefixCls, className, placeholder, disabledHours, disabledMinutes,
disabledSeconds, hideDisabledOptions, allowEmpty, showHour, showMinute, showSecond,
- format, defaultOpenValue, clearText, onEsc, addon, use12Hours, onClear, onKeyDown,
- hourStep, minuteStep, secondStep,
- format, defaultOpenValue, clearText, onEsc, addon, use12Hours, onClear, focusOnOpen, onKeyDown,
++ format, defaultOpenValue, clearText, onEsc, addon, use12Hours, onClear,
++ focusOnOpen, onKeyDown, hourStep, minuteStep, secondStep,
} = this.props;
const {
value, currentSelectPanel,
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 })}>
onChange={this.onChange}
onClear={onClear}
allowEmpty={allowEmpty}
+ focusOnOpen={focusOnOpen}
onKeyDown={onKeyDown}
/>
<Combobox
name: PropTypes.string,
autoComplete: PropTypes.string,
use12Hours: PropTypes.bool,
+ hourStep: PropTypes.number,
+ minuteStep: PropTypes.number,
+ secondStep: PropTypes.number,
+ focusOnOpen: PropTypes.bool,
onKeyDown: PropTypes.func,
};
onBlur: noop,
addon: noop,
use12Hours: false,
+ focusOnOpen: false,
onKeyDown: noop,
};
prefixCls, placeholder, disabledHours,
disabledMinutes, disabledSeconds, hideDisabledOptions,
allowEmpty, showHour, showMinute, showSecond, defaultOpenValue, clearText,
- addon, use12Hours, onKeyDown, hourStep, minuteStep, secondStep,
- addon, use12Hours, focusOnOpen, onKeyDown,
++ addon, use12Hours, focusOnOpen, onKeyDown, hourStep, minuteStep, secondStep,
} = this.props;
return (
<Panel
disabledSeconds={disabledSeconds}
hideDisabledOptions={hideDisabledOptions}
use12Hours={use12Hours}
+ hourStep={hourStep}
+ minuteStep={minuteStep}
+ secondStep={secondStep}
addon={addon}
+ focusOnOpen={focusOnOpen}
onKeyDown={onKeyDown}
/>
);