From 2d80b2be3d216c1bf000d743e5780a2db848d195 Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Thu, 1 Oct 2020 17:07:53 +0100
Subject: [PATCH] Added datepicker to view filters

---
 .../components/database/DataTable/popovers/Filter.svelte | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/builder/src/components/database/DataTable/popovers/Filter.svelte b/packages/builder/src/components/database/DataTable/popovers/Filter.svelte
index ad602768b0..ca3cb57bdd 100644
--- a/packages/builder/src/components/database/DataTable/popovers/Filter.svelte
+++ b/packages/builder/src/components/database/DataTable/popovers/Filter.svelte
@@ -6,6 +6,7 @@
     Icon,
     Input,
     Select,
+    DatePicker,
   } from "@budibase/bbui"
   import { backendUiStore } from "builderStore"
   import { notifier } from "builderStore/store/notifications"
@@ -93,6 +94,10 @@
       ? viewModel.schema[field].constraints.inclusion
       : [true, false]
   }
+
+  function isDate(field) {
+    return viewModel.schema[field].type === "datetime"
+  }
 </script>
 
 <div bind:this={anchor}>
@@ -137,6 +142,10 @@
             <option value={option}>{option.toString()}</option>
           {/each}
         </Select>
+      {:else if filter.key && isDate(filter.key)}
+        <DatePicker
+          bind:value={filter.value}
+          placeholder={filter.key || fields[0]} />
       {:else}
         <Input
           thin