From 4888a4b25ba9a8be7b4eea210639aee863593602 Mon Sep 17 00:00:00 2001 From: Bernt Christian Egeland Date: Sun, 22 Jan 2023 11:25:03 +0100 Subject: [PATCH] numberOfDaysSelected has minimum of 1 --- web/src/components/TimePicker.jsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web/src/components/TimePicker.jsx b/web/src/components/TimePicker.jsx index 675b80cfd..833784b2f 100644 --- a/web/src/components/TimePicker.jsx +++ b/web/src/components/TimePicker.jsx @@ -19,11 +19,11 @@ const TimePicker = ({ dateRange, onChange }) => { */ const before = useMemo(() => { return dateRange.before ? new Date(dateRange.before) : new Date(new Date().setHours(24, 0, 0, 0)); - }, [dateRange.before]); + }, [dateRange]); const after = useMemo(() => { return dateRange.after ? new Date(dateRange.after) : new Date(new Date().setHours(0, 0, 0, 0)); - }, [dateRange.after]); + }, [dateRange]); /** * numberOfDaysSelected is a set that holds the number of days selected in the dateRange. @@ -31,7 +31,7 @@ const TimePicker = ({ dateRange, onChange }) => { * If the before date's hour is 0, it skips it. */ const numberOfDaysSelected = useMemo(() => { - return new Set([...Array(before.getDate() - after.getDate() + 1)].map((_, i) => after.getDate() + i)); + return new Set([...Array(Math.max(1, before.getDate() - after.getDate() + 1))].map((_, i) => after.getDate() + i)); }, [before, after]); if (before.getHours() === 0) numberOfDaysSelected.delete(before.getDate());