Fix date filter.

src/components/input/WebsiteDateFilter.js

@@ -9,7 +9,8 @@ export function WebsiteDateFilter({ websiteId }) {
   const [dateRange, setDateRange] = useDateRange(websiteId);
   const { value, startDate, endDate, selectedUnit } = dateRange;
 
-  const isFutureDate = isAfter(incrementDateRange(dateRange, -1).startDate, new Date());
+  const isFutureDate =
+    value !== 'all' && isAfter(incrementDateRange(dateRange, -1).startDate, new Date());
 
   const handleChange = async value => {
     setDateRange(value);
@@ -32,19 +33,21 @@ export function WebsiteDateFilter({ websiteId }) {
         onChange={handleChange}
         showAllTime={true}
       />
-      <Flexbox justifyContent="center" gap={10} className={styles.container}>
+      {value !== 'all' && (
-        <Button onClick={() => handleIncrement(1)}>
+        <Flexbox justifyContent="center" gap={10} className={styles.container}>
-          <Icon rotate={90}>
+          <Button onClick={() => handleIncrement(1)}>
-            <Icons.ChevronDown />
+            <Icon rotate={90}>
-          </Icon>
+              <Icons.ChevronDown />
-        </Button>
+            </Icon>
+          </Button>
 
-        <Button onClick={() => handleIncrement(-1)} disabled={isFutureDate}>
+          <Button onClick={() => handleIncrement(-1)} disabled={isFutureDate}>
-          <Icon rotate={270}>
+            <Icon rotate={270}>
-            <Icons.ChevronDown />
+              <Icons.ChevronDown />
-          </Icon>
+            </Icon>
-        </Button>
+          </Button>
-      </Flexbox>
+        </Flexbox>
+      )}
     </>
   );
 }

src/lib/date.js

@@ -195,6 +195,13 @@ export function incrementDateRange(value, increment) {
   const sub = num * increment;
 
   switch (unit) {
+    case 'hour':
+      return {
+        ...value,
+        startDate: subHours(startDate, sub),
+        endDate: subHours(endDate, sub),
+        value: 'range',
+      };
     case 'day':
       return {
         ...value,