From 1316ae867ca02a14d18d8320453d7037c6c4e41c Mon Sep 17 00:00:00 2001
From: Bernt Christian Egeland <bernt.christian.egeland@gmail.com>
Date: Sun, 22 Jan 2023 11:40:41 +0100
Subject: [PATCH] prefill hours when component mounts

---
 web/src/components/TimePicker.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/src/components/TimePicker.jsx b/web/src/components/TimePicker.jsx
index 833784b2f..fcce5ade4 100644
--- a/web/src/components/TimePicker.jsx
+++ b/web/src/components/TimePicker.jsx
@@ -10,7 +10,15 @@ const TimePicker = ({ dateRange, onChange }) => {
 
   useEffect(() => {
     if (!dateRange.after) return setTimeRange(new Set());
-  }, [dateRange.after]);
+
+    const after = new Date(dateRange.after).getHours();
+    const before = new Date(dateRange.before).getHours();
+
+    // prefill the timeRange if after & before exist
+    for (let i = after; i < before; i++) {
+      setTimeRange((timeRange) => timeRange.add(i));
+    }
+  }, [dateRange]);
 
   /**
    * Initializes two variables before and after with date objects,