From 289bb73e9ec7e63b04cb2e903c1296c15b7b7639 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Thu, 16 Jan 2025 14:16:20 +0100
Subject: [PATCH] feat: withDefaults for Flatpickr

---
 .../components/misc/flatpickr/Flatpickr.vue   | 37 ++++++++-----------
 1 file changed, 15 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/misc/flatpickr/Flatpickr.vue b/frontend/src/components/misc/flatpickr/Flatpickr.vue
index e44ecb2ac..dec139cdb 100644
--- a/frontend/src/components/misc/flatpickr/Flatpickr.vue
+++ b/frontend/src/components/misc/flatpickr/Flatpickr.vue
@@ -62,29 +62,22 @@ export default {inheritAttrs: false}
 </script>
 
 <script setup lang="ts">
-import {computed, onBeforeUnmount, onMounted, ref, toRefs, useAttrs, watch, watchEffect, type PropType} from 'vue'
+import {computed, onBeforeUnmount, onMounted, ref, toRefs, useAttrs, watch, watchEffect} from 'vue'
 
-const props = defineProps({
-	modelValue: {
-		type: [String, Number, Date, Array] as PropType<DateOption | DateOption[] | null>,
-		default: null,
-	},
-	// https://flatpickr.js.org/options/
-	config: {
-		type: Object as PropType<Options>,
-		default: () => ({
-			defaultDate: null,
-			wrap: false,
-		}),
-	},
-	events: {
-		type: Array as PropType<HookKey[]>,
-		default: () => includedEvents,
-	},
-	disabled: {
-		type: Boolean,
-		default: false,
-	},
+const props = withDefaults(defineProps<{
+	modelValue: DateOption | DateOption[] | null,
+	/**  https://flatpickr.js.org/options/ */
+	config: Options,
+	events: HookKey[],
+	disabled: boolean,
+}>(), {
+	modelValue: null,
+	config: () => ({
+		defaultDate: undefined,
+		wrap: false,
+	}),
+	events: () => includedEvents,
+	disabled: false,
 })
 
 const emit = defineEmits([