diff --git a/src/lib/components/dualTimeView.svelte b/src/lib/components/dualTimeView.svelte
index 61c28c424..c597d7e87 100644
--- a/src/lib/components/dualTimeView.svelte
+++ b/src/lib/components/dualTimeView.svelte
@@ -11,6 +11,7 @@
     import { menuOpen } from '$lib/components/menu/store';
 
     export let time: string | null = null;
+    export let showDatetime: boolean = false;
     export let canShowPopover: boolean = true;
     export let placement: ComponentProps<Popover>['placement'] = 'bottom';
 
@@ -85,7 +86,7 @@
                 }
             }}
             on:mouseleave={() => hidePopover(hide)}>
-            <slot>{capitalize(timeFromNow(time))}</slot>
+            <slot>{showDatetime ? toLocaleDateTime(time) : capitalize(timeFromNow(time))}</slot>
         </button>
 
         <div
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/spreadsheet.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/spreadsheet.svelte
index 34b3f551b..3a03032bf 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/spreadsheet.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/spreadsheet.svelte
@@ -844,6 +844,7 @@
                                         >{row.$id}</Id>
                                 {:else if columnId === '$createdAt' || columnId === '$updatedAt'}
                                     <DualTimeView
+                                        showDatetime
                                         time={row[columnId]}
                                         canShowPopover={canShowDatetimePopover} />
                                 {:else if columnId === 'actions'}