diff --git a/src/components/Date.svelte b/src/components/Date.svelte
new file mode 100644
index 0000000..667f55e
--- /dev/null
+++ b/src/components/Date.svelte
@@ -0,0 +1,11 @@
+<script>
+    import { fieldData } from "../lib/easydbHelpers";
+  
+    export let data;
+    export let field;
+    export let table;
+
+    const fdata = fieldData(data, table, field);
+  </script>
+  
+  <span class="easydb-date-field">{fdata["value"]}</span>
diff --git a/src/components/FieldDispatch.svelte b/src/components/FieldDispatch.svelte
index e5c41b1..2f0b8e9 100644
--- a/src/components/FieldDispatch.svelte
+++ b/src/components/FieldDispatch.svelte
@@ -3,10 +3,11 @@
   import { P } from "flowbite-svelte";
 
   // Import our field components
-  import Eas from "./Eas.svelte";
-  import FieldLabel from "./FieldLabel.svelte";
   import CustomDataTypeUbhdgnd from "./CustomDataTypeUBHDGND.svelte";
+  import Date from "./Date.svelte";
   import Daterange from "./Daterange.svelte";
+  import Eas from "./Eas.svelte";
+  import FieldLabel from "./FieldLabel.svelte";
   import L10nTextField from "./L10nTextField.svelte";
   import OnelineL10nTextField from "./OnelineL10nTextField.svelte";
   import OnelineTextField from "./OnelineTextField.svelte";
@@ -35,6 +36,8 @@
       <!-- Dispath based on the detected field type -->
       {#if fieldtype === "custom:base.custom-data-type-ubhdgnd.ubhdgnd"}
         <CustomDataTypeUbhdgnd data={data} field={field} table={table}/>
+      {:else if fieldtype === "date" }
+        <Date data={data} field={field} table={table}/>
       {:else if fieldtype === "daterange" }
         <Daterange data={data} field={field} table={table}/>
       {:else if fieldtype === "eas" }