Added startDateTime.vue endDateTime.vue

Added components to Events Datatype

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>

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>

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",