Added reports section.

components/input/WebsiteDateFilter.js

@@ -0,0 +1,26 @@
+import { getDateRangeValues } from 'lib/date';
+import useApi from 'hooks/useApi';
+import useDateRange from 'hooks/useDateRange';
+import DateFilter from './DateFilter';
+
+export default function WebsiteDateFilter({ websiteId, value }) {
+  const { get } = useApi();
+  const [dateRange, setDateRange] = useDateRange(websiteId);
+  const { startDate, endDate } = dateRange;
+
+  const handleChange = async value => {
+    if (value === 'all' && websiteId) {
+      const data = await get(`/websites/${websiteId}`);
+
+      if (data) {
+        setDateRange({ value, ...getDateRangeValues(new Date(data.createdAt), Date.now()) });
+      }
+    } else if (value !== 'all') {
+      setDateRange(value);
+    }
+  };
+
+  return (
+    <DateFilter value={value} startDate={startDate} endDate={endDate} onChange={handleChange} />
+  );
+}