From 4c1d285d044b8f896e6690865a859dbaebbb87db Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sun, 3 Oct 2021 21:09:48 +0200
Subject: [PATCH] Ensured the 'all' item is selected when custom date ranges
 are unselected

---
 src/utils/dates/DateRangeSelector.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/utils/dates/DateRangeSelector.tsx b/src/utils/dates/DateRangeSelector.tsx
index 9bd237f1..1b1ec95c 100644
--- a/src/utils/dates/DateRangeSelector.tsx
+++ b/src/utils/dates/DateRangeSelector.tsx
@@ -29,7 +29,7 @@ export const DateRangeSelector = (
     !rangeIsInterval(initialDateRange) ? initialDateRange : undefined,
   );
   const updateDateRange = (dateRange: DateRange) => {
-    setActiveInterval(undefined);
+    setActiveInterval(dateRangeIsEmpty(dateRange) ? 'all' : undefined);
     setActiveDateRange(dateRange);
     onDatesChange(dateRange);
   };
@@ -43,7 +43,7 @@ export const DateRangeSelector = (
     <DropdownBtn disabled={disabled} text={rangeOrIntervalToString(activeInterval ?? activeDateRange) ?? defaultText}>
       <DateIntervalDropdownItems
         allText={defaultText}
-        active={!dateRangeIsEmpty(activeDateRange) ? undefined : activeInterval}
+        active={activeInterval}
         onChange={(interval) => updateInterval(interval)()}
       />
       <DropdownItem divider />