From f8c5e80fdababcbf517d61af591ee75a6161611b Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Wed, 19 Oct 2022 10:16:54 +0100
Subject: [PATCH] add datepicker range and test search

---
 packages/bbui/src/Form/Core/DatePicker.svelte                | 3 ++-
 packages/bbui/src/Form/DatePicker.svelte                     | 3 ++-
 .../src/components/portal/overview/backups/BackupsTab.svelte | 5 +++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/bbui/src/Form/Core/DatePicker.svelte b/packages/bbui/src/Form/Core/DatePicker.svelte
index 1a7ab59818..6f91890d61 100644
--- a/packages/bbui/src/Form/Core/DatePicker.svelte
+++ b/packages/bbui/src/Form/Core/DatePicker.svelte
@@ -17,7 +17,7 @@
   export let timeOnly = false
   export let ignoreTimezones = false
   export let time24hr = false
-
+  export let range = false
   const dispatch = createEventDispatcher()
   const flatpickrId = `${uuid()}-wrapper`
   let open = false
@@ -41,6 +41,7 @@
     time_24hr: time24hr || false,
     altFormat: timeOnly ? "H:i" : enableTime ? "F j Y, H:i" : "F j, Y",
     wrap: true,
+    mode: "range" || null,
     appendTo,
     disableMobile: "true",
     onReady: () => {
diff --git a/packages/bbui/src/Form/DatePicker.svelte b/packages/bbui/src/Form/DatePicker.svelte
index a0b102dbe8..e2d4547af4 100644
--- a/packages/bbui/src/Form/DatePicker.svelte
+++ b/packages/bbui/src/Form/DatePicker.svelte
@@ -14,7 +14,7 @@
   export let placeholder = null
   export let appendTo = undefined
   export let ignoreTimezones = false
-
+  export let range = false
   const dispatch = createEventDispatcher()
 
   const onChange = e => {
@@ -34,6 +34,7 @@
     {time24hr}
     {appendTo}
     {ignoreTimezones}
+    {range}
     on:change={onChange}
   />
 </Field>
diff --git a/packages/builder/src/components/portal/overview/backups/BackupsTab.svelte b/packages/builder/src/components/portal/overview/backups/BackupsTab.svelte
index a95bb23ecb..cc47dba3ad 100644
--- a/packages/builder/src/components/portal/overview/backups/BackupsTab.svelte
+++ b/packages/builder/src/components/portal/overview/backups/BackupsTab.svelte
@@ -1,6 +1,7 @@
 <script>
   import {
     ActionButton,
+    DatePicker,
     Layout,
     Pagination,
     Select,
@@ -98,6 +99,10 @@
           options={Object.values(triggers)}
         />
       </div>
+      <div>
+        <DatePicker range label="Filter range" />
+      </div>
+
       <div class="split-buttons">
         <ActionButton on:click={modal.show} icon="SaveAsFloppy"
           >Create new backup</ActionButton