From dfa772701d63fa289ac1b0e0f4253061577553aa Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Fri, 5 Apr 2024 12:16:42 +0100
Subject: [PATCH] Multiple style fixes

---
 packages/bbui/src/Form/Core/DatePicker/DateInput.svelte      | 2 ++
 .../bbui/src/Form/Core/DatePicker/SpectrumDatePicker.svelte  | 4 +---
 .../frontend-core/src/components/grid/cells/DateCell.svelte  | 5 ++---
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/bbui/src/Form/Core/DatePicker/DateInput.svelte b/packages/bbui/src/Form/Core/DatePicker/DateInput.svelte
index 46c5480468..653574c3e7 100644
--- a/packages/bbui/src/Form/Core/DatePicker/DateInput.svelte
+++ b/packages/bbui/src/Form/Core/DatePicker/DateInput.svelte
@@ -28,6 +28,8 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   bind:this={anchor}
   class:is-disabled={disabled}
diff --git a/packages/bbui/src/Form/Core/DatePicker/SpectrumDatePicker.svelte b/packages/bbui/src/Form/Core/DatePicker/SpectrumDatePicker.svelte
index 3a96044df4..73e460c30d 100644
--- a/packages/bbui/src/Form/Core/DatePicker/SpectrumDatePicker.svelte
+++ b/packages/bbui/src/Form/Core/DatePicker/SpectrumDatePicker.svelte
@@ -148,9 +148,7 @@
   on:close={onClose}
   {anchor}
   portalTarget={appendTo}
-  maxHeight={374}
-  maxWidth={296}
-  align="left"
+  {align}
 >
   {#if isOpen}
     <div class="date-time-popover">
diff --git a/packages/frontend-core/src/components/grid/cells/DateCell.svelte b/packages/frontend-core/src/components/grid/cells/DateCell.svelte
index fae75277b4..e78b94d84c 100644
--- a/packages/frontend-core/src/components/grid/cells/DateCell.svelte
+++ b/packages/frontend-core/src/components/grid/cells/DateCell.svelte
@@ -61,9 +61,7 @@
 
 <div class="container">
   <div class="value">
-    {#if value}
-      {displayValue}
-    {/if}
+    {displayValue}
   </div>
   {#if editable}
     <Icon name="Calendar" />
@@ -103,6 +101,7 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 20px;
+    height: 20px;
   }
   .picker {
     position: absolute;