From f6c1dc1cab299540df304a2d5cfd2e4e5d6a9042 Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Fri, 14 Feb 2025 17:21:20 +0100
Subject: [PATCH] Added startDateTime.vue endDateTime.vue Added components to
 Events Datatype

---
 components/columnRenderings/endDateTime.vue   | 15 +++++++++++++++
 components/columnRenderings/startDateTime.vue | 15 +++++++++++++++
 stores/data.js                                |  4 ++++
 3 files changed, 34 insertions(+)
 create mode 100644 components/columnRenderings/endDateTime.vue
 create mode 100644 components/columnRenderings/startDateTime.vue

diff --git a/components/columnRenderings/endDateTime.vue b/components/columnRenderings/endDateTime.vue
new file mode 100644
index 0000000..10ebf50
--- /dev/null
+++ b/components/columnRenderings/endDateTime.vue
@@ -0,0 +1,15 @@
+<script setup>
+import dayjs from "dayjs";
+
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true,
+    default: {}
+  }
+})
+</script>
+
+<template>
+  <span v-if="props.row.endDate">{{dayjs(props.row.endDate).format("DD.MM.YYYY HH:mm")}}</span>
+</template>
diff --git a/components/columnRenderings/startDateTime.vue b/components/columnRenderings/startDateTime.vue
new file mode 100644
index 0000000..201b889
--- /dev/null
+++ b/components/columnRenderings/startDateTime.vue
@@ -0,0 +1,15 @@
+<script setup>
+import dayjs from "dayjs";
+
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true,
+    default: {}
+  }
+})
+</script>
+
+<template>
+  <span v-if="props.row.startDate">{{dayjs(props.row.startDate).format("DD.MM.YYYY HH:mm")}}</span>
+</template>
diff --git a/stores/data.js b/stores/data.js
index ccdbe2b..e99bdb4 100644
--- a/stores/data.js
+++ b/stores/data.js
@@ -30,6 +30,8 @@ import sellingPriceComposedWorker from "~/components/columnRenderings/sellingPri
 import sellingPriceComposedTotal from "~/components/columnRenderings/sellingPriceComposedTotal.vue"
 import startDate from "~/components/columnRenderings/startDate.vue"
 import endDate from "~/components/columnRenderings/endDate.vue"
+import startDateTime from "~/components/columnRenderings/startDateTime.vue"
+import endDateTime from "~/components/columnRenderings/endDateTime.vue"
 import serviceCategories from "~/components/columnRenderings/serviceCategories.vue"
 import phase from "~/components/columnRenderings/phase.vue"
 
@@ -1550,12 +1552,14 @@ export const useDataStore = defineStore('data', () => {
                     label: "Start",
                     required: true,
                     inputType: "datetime",
+                    component: startDateTime
                 },
                 {
                     key: "endDate",
                     label: "Ende",
                     required: true,
                     inputType: "datetime",
+                    component: endDateTime
                 },/*{
                     key: "eventtype",
                     label: "Typ",