onOpen: PropTypes.func,
onClose: PropTypes.func,
addon: PropTypes.func,
+ name: PropTypes.string,
+ autoComplete: PropTypes.string,
},
getDefaultProps() {
},
getInitialState() {
+ this.saveInputRef = refFn.bind(this, 'picker');
this.savePanelRef = refFn.bind(this, 'panelInstance');
const { defaultOpen, defaultValue, open = defaultOpen, value = defaultValue } = this.props;
return {
onEsc() {
this.setOpen(false);
- this.refs.picker.focus();
+ this.focus();
},
onKeyDown(e) {
}
},
+ focus() {
+ this.picker.focus();
+ },
+
render() {
const {
prefixCls, placeholder, placement, align,
disabled, transitionName, style, className, showHour,
- showMinute, showSecond, getPopupContainer,
+ showMinute, showSecond, getPopupContainer, name, autoComplete,
} = this.props;
const { open, value } = this.state;
let popupClassName;
<span className={`${prefixCls} ${className}`} style={style}>
<input
className={`${prefixCls}-input`}
- ref="picker" type="text" placeholder={placeholder}
+ ref={this.saveInputRef}
+ type="text"
+ placeholder={placeholder}
+ name={name}
readOnly
onKeyDown={this.onKeyDown}
disabled={disabled} value={value && value.format(this.getFormat()) || ''}
+ autoComplete={autoComplete}
/>
<span className={`${prefixCls}-icon`}/>
</span>