From 78811d916aeaa105560c5b7c091290f3b2e38683 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 5 Jul 2024 15:41:12 +0200
Subject: [PATCH] feat: use withDefaults for Datepicker

---
 frontend/src/components/input/Datepicker.vue | 34 +++++++++-----------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/frontend/src/components/input/Datepicker.vue b/frontend/src/components/input/Datepicker.vue
index 54c1536ac..c0deeadfc 100644
--- a/frontend/src/components/input/Datepicker.vue
+++ b/frontend/src/components/input/Datepicker.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script setup lang="ts">
-import {ref, onMounted, onBeforeUnmount, toRef, watch, type PropType} from 'vue'
+import {ref, onMounted, onBeforeUnmount, toRef, watch} from 'vue'
 
 import CustomTransition from '@/components/misc/CustomTransition.vue'
 import DatepickerInline from '@/components/input/DatepickerInline.vue'
@@ -44,26 +44,24 @@ import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {createDateFromString} from '@/helpers/time/createDateFromString'
 import {useI18n} from 'vue-i18n'
 
-const props = defineProps({
-	modelValue: {
-		type: [Date, null, String] as PropType<Date | null | string>,
-		validator: prop => prop instanceof Date || prop === null || typeof prop === 'string',
-		default: null,
-	},
-	chooseDateLabel: {
-		type: String,
-		default() {
-			const {t} = useI18n({useScope: 'global'})
-			return t('input.datepicker.chooseDate')
-		},
-	},
-	disabled: {
-		type: Boolean,
-		default: false,
+const props = withDefaults(defineProps<{
+	modelValue: Date | null | string,
+	chooseDateLabel: string,
+	disabled?: boolean,
+}>(), {
+	modelValue: null,
+	chooseDateLabel: () => {
+		const {t} = useI18n({useScope: 'global'})
+		return t('input.datepicker.chooseDate')
 	},
+	disabled: false,
 })
 
-const emit = defineEmits(['update:modelValue', 'close', 'closeOnChange'])
+const emit = defineEmits<{
+	'update:modelValue': [value: Date | null],
+	'close': [value: boolean],
+	'closeOnChange': [value: boolean],
+}>()
 
 const date = ref<Date | null>()
 const show = ref(false)