[fix] create new slot only on blur

inosms · Jan 7, 2024 · f52bb78 · f52bb78
1 parent c4bc899
commit f52bb78
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/SlotTime.tsx b/src/components/SlotTime.tsx
@@ -29,12 +29,18 @@ export function SlotTime({ time, setTime, minTime, maxTime, onRemove }: { time:
 
                     const newTime = parseTimeString(e.target.value);
                     if (newTime !== null && newTime >= minTime && newTime <= maxTime) {
-                        setTime(newTime);
                         setTimeStateValid(true);
                     } else {
                         setTimeStateValid(false);
                     }
-                }} />
+                }} 
+                onBlur={() => {
+                    const newTime = parseTimeString(timeState);
+                    if (newTime && timeStateValid) {
+                        setTime(newTime);
+                    }
+                }}
+                />
 
             {onRemove ? <button onClick={() => onRemove()}>Remove Slot</button> : null}
         </div>