fix deletion on v-slot clear icon

assurance-maladie-digital · Jul 30, 2024 · 07f9f69 · 07f9f69
1 parent e8c4a96
commit 07f9f69
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue b/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue
@@ -533,6 +533,11 @@ export default defineComponent({
 			this.inputValue = ''
 			this.$emit('update:model-value', null)
 		},
+		onClearInput() {
+			this.date = null
+			this.inputValue = ''
+			this.$emit('update:model-value', null)
+		},
 		async handleCut(event?: ClipboardEvent) {
 			if (event && event.clipboardData) {
 				this.inputValue = '';
@@ -562,6 +567,7 @@ export default defineComponent({
 </script>
 
 <template>
+	Date: {{ date }} - inputValue: {{ inputValue }}
 	<div class="vd-date-picker">
 		<!--	doc:	https://vue3datepicker.com-->
 		<VueDatePicker
@@ -647,7 +653,7 @@ export default defineComponent({
 
 					<template v-slot:clear v-if="clearable" >
 						<VIcon
-							@click='onClear'
+							@click='onClearInput'
 							tabindex="-1"
 							aria-hidden="true"
 						>