Changed Date Type in contracts

AAdded Sign Date and SEPA Date

components/columnRenderings/sepaDate.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.sepaDate">{{dayjs(props.row.sepaDate).format("DD.MM.YYYY")}}</span>
+</template>

components/columnRenderings/signDate.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.signDate">{{dayjs(props.row.signDate).format("DD.MM.YYYY")}}</span>
+</template>

stores/data.js

@@ -43,6 +43,8 @@ import driver from "~/components/columnRenderings/driver.vue"
 import quantity from "~/components/helpRenderings/quantity.vue"
 import {useZipCheck} from "~/composables/useZipCheck.js";
 import {useFunctions} from "~/composables/useFunctions.js";
+import signDate from "~/components/columnRenderings/signDate.vue";
+import sepaDate from "~/components/columnRenderings/sepaDate.vue";
 
 // @ts-ignore
 export const useDataStore = defineStore('data', () => {
@@ -515,22 +517,26 @@ export const useDataStore = defineStore('data', () => {
                     key: 'startDate',
                     label: "Vertragsstart",
                     inputType: "date",
-                    inputColumn: "Allgemeines"
+                    inputColumn: "Allgemeines",
+                    component: startDate
                 },{
                     key: 'endDate',
                     label: "Vertragsende",
                     inputType: "date",
-                    inputColumn: "Allgemeines"
+                    inputColumn: "Allgemeines",
+                    component: endDate
                 },{
                     key: 'signDate',
                     label: "Unterschrieben am",
                     inputType: "date",
-                    inputColumn: "Allgemeines"
+                    inputColumn: "Allgemeines",
+                    component: signDate
                 },{
                     key: 'sepaDate',
                     label: "SEPA Datum",
                     inputType: "date",
-                    inputColumn: "Abrechnung"
+                    inputColumn: "Abrechnung",
+                    component: sepaDate
                 },{
                     key: 'sepaRef',
                     label: "Mandatsreferenz",