Moved code into src folder. Added build for component library.

src/components/hooks/useDateRange.js

@@ -0,0 +1,50 @@
+import { getMinimumUnit, parseDateRange } from 'lib/date';
+import { setItem } from 'next-basics';
+import { DATE_RANGE_CONFIG, DEFAULT_DATE_RANGE } from 'lib/constants';
+import useLocale from './useLocale';
+import websiteStore, { setWebsiteDateRange } from 'store/websites';
+import appStore, { setDateRange } from 'store/app';
+import useApi from './useApi';
+
+export function useDateRange(websiteId) {
+  const { get } = useApi();
+  const { locale } = useLocale();
+  const websiteConfig = websiteStore(state => state[websiteId]?.dateRange);
+  const defaultConfig = DEFAULT_DATE_RANGE;
+  const globalConfig = appStore(state => state.dateRange);
+  const dateRange = parseDateRange(websiteConfig || globalConfig || defaultConfig, locale);
+
+  const saveDateRange = async value => {
+    if (websiteId) {
+      let dateRange = value;
+
+      if (typeof value === 'string') {
+        if (value === 'all') {
+          const result = await get(`/websites/${websiteId}/daterange`);
+          const { mindate, maxdate } = result;
+
+          const startDate = new Date(mindate);
+          const endDate = new Date(maxdate);
+
+          dateRange = {
+            startDate,
+            endDate,
+            unit: getMinimumUnit(startDate, endDate),
+            value,
+          };
+        } else {
+          dateRange = parseDateRange(value, locale);
+        }
+      }
+
+      setWebsiteDateRange(websiteId, dateRange);
+    } else {
+      setItem(DATE_RANGE_CONFIG, value);
+      setDateRange(value);
+    }
+  };
+
+  return [dateRange, saveDateRange];
+}
+
+export default useDateRange;