diff --git a/src/lib/components/filters/content.svelte b/src/lib/components/filters/content.svelte
index e93c4bf5a..0f237a429 100644
--- a/src/lib/components/filters/content.svelte
+++ b/src/lib/components/filters/content.svelte
@@ -64,8 +64,9 @@
     onMount(() => {
         value = column?.array ? [] : null;
         if (column?.type === 'datetime') {
-            const today = new Date();
-            value = today.toISOString();
+            const now = new Date();
+            const datetimeString = now.toISOString().slice(0, 16);
+            value = datetimeString;
         }
     });
 
@@ -141,7 +142,7 @@
                             bind:value />
                     {:else if column.type === 'datetime'}
                         {#key value}
-                            <InputDateTime id="value" bind:value step={60} />
+                            <InputDateTime id="value" bind:value step={60} type="datetime-local" />
                         {/key}
                     {:else}
                         <InputText id="value" bind:value placeholder="Enter value" />
diff --git a/src/lib/components/filters/filtersModal.svelte b/src/lib/components/filters/filtersModal.svelte
index 07d410ad2..e69f2af1a 100644
--- a/src/lib/components/filters/filtersModal.svelte
+++ b/src/lib/components/filters/filtersModal.svelte
@@ -158,7 +158,7 @@
                     bind:value />
             {:else if column.type === 'datetime'}
                 {#key value}
-                    <InputDateTime id="value" bind:value step={60} />
+                    <InputDateTime id="value" bind:value step={60} type="datetime-local" />
                 {/key}
             {:else}
                 <InputText id="value" bind:value placeholder="Enter value" />