add datepicker range and test search

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: () => {

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>

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