Moving From To Phoenix

   (Go Back) Choose State To Move From ' && typeof this.props.onBlur === 'function') {
this.props.onBlur(event);
}
};

onInput = (event: SyntheticInputEvent) => {
if (typeof this.props.onInput === 'function') {
this.props.onInput(event);
}
};

onKeyUp = (event: SyntheticKeyboardEvent) => {
if (typeof this.props.onKeyUp === 'function') {
this.props.onKeyUp(event);
}
};

onKeyDown = (event: SyntheticKeyboardEvent) => {
if (typeof this.props.onKeyDown === 'function') {
this.props.onKeyDown(event);
}
};

onKeyPress = (event: SyntheticKeyboardEvent) => {
if (typeof this.props.onKeyPress === 'function') {
this.props.onKeyPress(event);
}
};

render() {
const {
id,
name,
type,
value,
placeholder,
disabled,
readOnly,
required,
autoFocus,
size,
maxLength,
minLength,
min,
max,
step,
pattern,
autoComplete,
inputMode,
spellCheck,
tabIndex,
accessKey,
title,
className,
style,
onInput,
onKeyDown,
onKeyPress,
onKeyUp,
onFocus,
onBlur,
onChange,
children,
...rest
} = this.props;

return (
{...rest}
id={id}
name={name}
type={type}
value={value}
placeholder={placeholder}
disabled={disabled}
readOnly={readOnly}
required={required}
autoFocus={autoFocus}
size={size}
maxLength={maxLength}
minLength={minLength}
min={min}
max={max}
step={step}
pattern={pattern}
autoComplete={autoComplete}
inputMode={inputMode}
spellCheck={spellCheck}
tabIndex={tabIndex}
accessKey={accessKey}
title={title}
className={classNames(
'mdc-text-field__input',
className,
)}
style={style}
onInput={this.onInput}
onKeyDown={this.onKeyDown}
onKeyPress={this.onKeyPress}
onKeyUp={this.onKeyUp}
onFocus={this.onFocus}
onBlur={this.onBlur}
onChange={this.onChange}
ref={this.input}
/>
);
}
}

export default TextFieldInput;