Add proper components for dates and boolean types in grid condition editor and fix highlight showing in sticky column gutter cell

packages/builder/src/components/design/settings/controls/CellConditionEditor.svelte

@@ -7,6 +7,7 @@
     Layout,
     Select,
     Icon,
+    DatePicker,
   } from "@budibase/bbui"
   import { createEventDispatcher } from "svelte"
   import { cloneDeep } from "lodash"
@@ -167,13 +168,28 @@
                   placeholder={null}
                   on:change={() => onValueTypeChange(condition)}
                 />
+                {#if type === FieldType.DATETIME && condition.valueType === type}
+                  <DatePicker
+                    placeholder="Value"
+                    disabled={condition.noValue}
+                    bind:value={condition.referenceValue}
+                  />
+                {:else if type === FieldType.BOOLEAN && condition.valueType === type}
+                  <Select
+                    placeholder="Value"
+                    disabled={condition.noValue}
+                    options={["True", "False"]}
+                    bind:value={condition.referenceValue}
+                  />
+                {:else}
                   <DrawerBindableInput
                     {bindings}
-                  disabled={condition.noValue}
                     placeholder="Value"
+                    disabled={condition.noValue}
                     value={condition.referenceValue}
                     on:change={e => (condition.referenceValue = e.detail)}
                   />
+                {/if}
                 <Icon
                   name="Duplicate"
                   hoverable

packages/frontend-core/src/components/grid/layout/StickyColumn.svelte

@@ -175,6 +175,9 @@
   .header :global(.cell) {
     background: var(--grid-background-alt);
   }
+  .header :global(.cell::before) {
+    display: none;
+  }
   .row {
     display: flex;
     flex-direction: row;