diff --git a/components/columnRenderings/sepaDate.vue b/components/columnRenderings/sepaDate.vue
new file mode 100644
index 0000000..b752326
--- /dev/null
+++ b/components/columnRenderings/sepaDate.vue
@@ -0,0 +1,15 @@
+
+
+
+ {{dayjs(props.row.sepaDate).format("DD.MM.YYYY")}}
+
diff --git a/components/columnRenderings/signDate.vue b/components/columnRenderings/signDate.vue
new file mode 100644
index 0000000..e59feb0
--- /dev/null
+++ b/components/columnRenderings/signDate.vue
@@ -0,0 +1,15 @@
+
+
+
+ {{dayjs(props.row.signDate).format("DD.MM.YYYY")}}
+
diff --git a/stores/data.js b/stores/data.js
index 952a4e7..14338bd 100644
--- a/stores/data.js
+++ b/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",