diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell.vue
index 4be7ee96f1..e63722b578 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell.vue
@@ -12,6 +12,9 @@
+
+
+
{{ value }}
@@ -22,10 +25,13 @@ import cell from '@/components/project/spreadsheet/mixins/cell'
import SetListCell from '@/components/project/spreadsheet/components/cell/setListCell'
import EnumCell from '@/components/project/spreadsheet/components/cell/enumCell'
import EditableAttachmentCell from '@/components/project/spreadsheet/components/editableCell/editableAttachmentCell'
+import DateCell from './cell/dateCell'
+import DateTimeCell from './cell/timeCell'
+import TimeCell from './cell/timeCell'
export default {
name: 'TableCell',
- components: { JsonCell, UrlCell, EditableAttachmentCell, EnumCell, SetListCell },
+ components: { TimeCell, DateTimeCell, DateCell, JsonCell, UrlCell, EditableAttachmentCell, EnumCell, SetListCell },
mixins: [cell],
props: ['value', 'dbAlias', 'isLocked', 'selected'],
computed: {}
diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/dateCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/dateCell.vue
new file mode 100644
index 0000000000..296a6dc5d2
--- /dev/null
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/dateCell.vue
@@ -0,0 +1,19 @@
+
+ {{ date }}
+
+
+
+
+
diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/dateTimeCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/dateTimeCell.vue
new file mode 100644
index 0000000000..befc6fb323
--- /dev/null
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/dateTimeCell.vue
@@ -0,0 +1,23 @@
+
+ {{ dateTime }}
+
+
+
+
+
diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/timeCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/timeCell.vue
new file mode 100644
index 0000000000..5841f24cc8
--- /dev/null
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/timeCell.vue
@@ -0,0 +1,19 @@
+
+ {{ time }}
+
+
+
+
+
diff --git a/packages/nc-gui/components/project/spreadsheet/mixins/cell.js b/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
index d47e3d82bd..0104f3d41b 100644
--- a/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
+++ b/packages/nc-gui/components/project/spreadsheet/mixins/cell.js
@@ -38,10 +38,10 @@ export default {
return this.abstractType === 'date' || this.column.uidt === 'Date'
},
isTime() {
- return this.abstractType === 'time'
+ return this.abstractType === 'time' || this.column.uidt === 'Time'
},
isDateTime() {
- return this.abstractType === 'datetime'
+ return this.abstractType === 'datetime' || this.column.uidt === 'DateTime'
},
isJSON() {
return this.abstractType === 'json' || this.column.uidt === 'JSON'