onChange: PropTypes.func,
onOpen: PropTypes.func,
onClose: PropTypes.func,
+ onFocus: PropTypes.func,
+ onBlur: PropTypes.func,
addon: PropTypes.func,
name: PropTypes.string,
autoComplete: PropTypes.string,
use12Hours: PropTypes.bool,
+ onKeyDown: PropTypes.func,
};
static defaultProps = {
onChange: noop,
onOpen: noop,
onClose: noop,
+ onFocus: noop,
+ onBlur: noop,
addon: noop,
use12Hours: false,
+ onKeyDown: noop,
};
constructor(props) {
prefixCls, placeholder, disabledHours,
disabledMinutes, disabledSeconds, hideDisabledOptions,
allowEmpty, showHour, showMinute, showSecond, defaultOpenValue, clearText,
- addon, use12Hours,
+ addon, use12Hours, onKeyDown,
} = this.props;
return (
<Panel
hideDisabledOptions={hideDisabledOptions}
use12Hours={use12Hours}
addon={addon}
+ onKeyDown={onKeyDown}
/>
);
}
const {
prefixCls, placeholder, placement, align,
disabled, transitionName, style, className, getPopupContainer, name, autoComplete,
+ onFocus, onBlur,
} = this.props;
const { open, value } = this.state;
const popupClassName = this.getPopupClassName();
onKeyDown={this.onKeyDown}
disabled={disabled} value={value && value.format(this.getFormat()) || ''}
autoComplete={autoComplete}
+ onFocus={onFocus}
+ onBlur={onBlur}
/>
<span className={`${prefixCls}-icon`}/>
</span>