Update on user change

src/Header.jsx

@@ -61,6 +61,7 @@ class Header extends Component {
       disabledMinutes,
       disabledSeconds,
       onChange,
+      onUserInputChange,
     } = this.props;
 
     if (str) {
@@ -70,7 +71,8 @@ class Header extends Component {
       if (!parsed.isValid()) {
         this.setState({
           invalid: true,
-        });
+        });   
+        onUserInputChange(str)
         return;
       }
       value

src/Panel.jsx

@@ -42,6 +42,7 @@ class Panel extends Component {
     onKeyDown: noop,
     onAmPmChange: noop,
     inputReadOnly: false,
+    onUserInputChange:noop,
   };
 
   state = {};
@@ -121,6 +122,7 @@ class Panel extends Component {
       secondStep,
       inputReadOnly,
       clearIcon,
+      onUserInputChange,
     } = this.props;
     const { value, currentSelectPanel } = this.state;
     const disabledHourOptions = this.disabledHours();
@@ -172,6 +174,7 @@ class Panel extends Component {
           onKeyDown={onKeyDown}
           inputReadOnly={inputReadOnly}
           clearIcon={clearIcon}
+          onUserInputChange={onUserInputChange}
         />
         <Combobox
           prefixCls={prefixCls}

src/TimePicker.jsx

@@ -37,6 +37,7 @@ class Picker extends Component {
     onAmPmChange: noop,
     onOpen: noop,
     onClose: noop,
+    onUserInputChange:noop,
     onFocus: noop,
     onBlur: noop,
     addon: noop,
@@ -153,6 +154,7 @@ class Picker extends Component {
       minuteStep,
       secondStep,
       clearIcon,
+      onUserInputChange,
     } = this.props;
     const { value } = this.state;
     return (
@@ -183,6 +185,7 @@ class Picker extends Component {
         focusOnOpen={focusOnOpen}
         onKeyDown={onKeyDown}
         clearIcon={clearIcon}
+        onUserInputChange={onUserInputChange}
       />
     );
   }