From 214fb0dad986e8a350ddb6b9057fde8f06d4d3e8 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 4 Jan 2024 13:19:21 +0000
Subject: [PATCH] fix: add an overlay to block the interaction with
 datetimepicker

---
 .../nc-gui/components/cell/ReadOnlyDateTimePicker.vue     | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue b/packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue
index 8689e9fb19..ab932dc039 100644
--- a/packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue
+++ b/packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ReadonlyInj, provide, ref, EditModeInj, ActiveCellInj } from '#imports'
+import { ActiveCellInj, EditModeInj, ReadonlyInj, provide, ref } from '#imports'
 
 interface Props {
   modelValue?: string | null
@@ -12,9 +12,11 @@ provide(ReadonlyInj, ref(true))
 provide(EditModeInj, ref(true))
 
 provide(ActiveCellInj, ref(true))
-
 </script>
 
 <template>
-  <LazyCellDateTimePicker :model-value="modelValue" :is-pk="false" />
+  <div class="relative">
+    <LazyCellDateTimePicker class="z-0" :model-value="modelValue" :is-pk="false" />
+    <div class="w-full h-full z-1 absolute top-0 left-0"></div>
+  </div>
 </template>