Update value if props is changed

0xhyperdust · Feb 16, 2019 · d970fac · d970fac
1 parent 4c17c38
commit d970fac
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-ts-timepicker",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Simple timepicker for React",
   "main": "dist/index.js",
   "scripts": {

diff --git a/src/TimePicker.tsx b/src/TimePicker.tsx
@@ -81,6 +81,29 @@ class TimePicker extends React.Component<IProps, IState> {
         document.addEventListener("keydown", this.onKeyDown);
     }
 
+    componentDidUpdate(prevProps: IProps) {
+        const { value } = this.props;
+
+        let isValueChanged = false;
+
+        if ((!prevProps.value && value) || (prevProps.value && !value)) {
+            isValueChanged = true;
+        } else if (value instanceof Date && prevProps.value instanceof Date) {
+            isValueChanged = prevProps.value.getTime() !== value.getTime();
+        } else if (typeof value === "string" && typeof prevProps.value === "string") {
+            isValueChanged = prevProps.value !== value;
+        }
+
+        if (isValueChanged) {
+            const seconds = this.convertTimeToSeconds(value);
+
+            this.setState({
+                inputValue: seconds ? this.convertSecondsToFormattedString(seconds) : "",
+                value: seconds,
+            });
+        }
+    }
+
     componentWillUnmount() {
         document.removeEventListener("keydown", this.onKeyDown);
     }