added a use effect to update the value in the time when the initial value in the component changes

src/common/time/PeriodSelect.tsx

@@ -28,6 +28,13 @@ export default function PeriodSelect(props: Props) {
     }
   }, [unit, prevUnit, onChange, value]);
 
+  useEffect(()=>{
+      let initialUnit: TimeUnit = bestUnit(initialMs);
+      let initialValue = milliToX(initialMs, initialUnit).toString();
+      setValue(initialValue)
+      setUnit(initialUnit)
+  },[initialMs])
+
   const changeValue = (event: any) => {
     let value = event.target.value;
     setValue(value);