From 1b46da8edf5f401220e946c5a9a1f978a1779b77 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 4 Jan 2024 13:19:19 +0000
Subject: [PATCH] feat: use readonly picker for created/updated time

---
 .../components/cell/ReadOnlyDateTimePicker.vue    | 15 +++++++++++++++
 packages/nc-gui/components/smartsheet/Cell.vue    |  3 ++-
 .../nc-gui/components/smartsheet/header/Cell.vue  |  2 ++
 3 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue

diff --git a/packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue b/packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue
new file mode 100644
index 0000000000..b5579414f0
--- /dev/null
+++ b/packages/nc-gui/components/cell/ReadOnlyDateTimePicker.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { ReadonlyInj, provide, ref } from '#imports'
+
+interface Props {
+  modelValue?: string | null
+}
+
+defineProps<Props>()
+
+provide(ReadonlyInj, ref(true))
+</script>
+
+<template>
+  <CellDateTimePicker :model-value="modelValue" :is-pk="false" />
+</template>
diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index 36acdc221e..6f8b539bec 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ColumnType } from 'nocodb-sdk'
-import { isSystemColumn } from 'nocodb-sdk'
+import { isCreatedTimeOrUpdatedTimeCol, isSystemColumn } from 'nocodb-sdk'
 import {
   ActiveCellInj,
   ColumnInj,
@@ -228,6 +228,7 @@ onUnmounted(() => {
           :disable-option-creation="!!isEditColumnMenu"
           :row-index="props.rowIndex"
         />
+        <LazyCellReadOnlyDateTimePicker v-else-if="isCreatedTimeOrUpdatedTimeCol(column)" :model-value="vModel" />
         <LazyCellDatePicker v-else-if="isDate(column, abstractType)" v-model="vModel" :is-pk="isPrimaryKey(column)" />
         <LazyCellYearPicker v-else-if="isYear(column, abstractType)" v-model="vModel" :is-pk="isPrimaryKey(column)" />
         <LazyCellDateTimePicker
diff --git a/packages/nc-gui/components/smartsheet/header/Cell.vue b/packages/nc-gui/components/smartsheet/header/Cell.vue
index 8cced36a08..6f1f5826e9 100644
--- a/packages/nc-gui/components/smartsheet/header/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/header/Cell.vue
@@ -1,3 +1,5 @@
+
+
 <script setup lang="ts">
 import type { ColumnReqType, ColumnType } from 'nocodb-sdk'
 import { ColumnInj, IsExpandedFormOpenInj, IsFormInj, IsKanbanInj, inject, provide, ref, toRef, useRoles } from '#imports'