Merge pull request #191 from AppQuality/develop

feat: Reload timepicker internal value on prop change (#190)
AppQuality · Apr 29, 2024 · b9c4055 · b9c4055
2 parents 1bd0aef + 8bf6669
commit b9c4055
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/stories/form/datepicker/TimePicker.tsx b/src/stories/form/datepicker/TimePicker.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import InputMask, { InputState } from "react-input-mask";
 import { StyledInput } from "../input/Input";
 import { DatepickerProps } from "./_types";
@@ -35,6 +35,12 @@ const TimePicker = ({
   const [time, setTime] = useState(
     value ? (typeof value === "string" ? value : formatTime(value)) : "",
   );
+
+  useEffect(() => {
+    setTime(
+      value ? (typeof value === "string" ? value : formatTime(value)) : "",
+    );
+  }, [value]);
   return (
     <StyledInput type="text">
       <InputMask