fix error display on submit in datePicker

packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue

@@ -246,6 +246,15 @@ export default defineComponent({
 			this.validateWarning(this.internalValue)
 			await this.$nextTick()
 			this.errorMessages = await textField.validate()
+
+			const messagesElement = this.$el.querySelector('.v-messages');
+			if (messagesElement) {
+				if (!this.errorMessages?.length) {
+					this.$el.classList.add('hide-messages');
+				} else {
+					this.$el.classList.remove('hide-messages');
+				}
+			}
 		},
 		handleTextInput(date: string, updateCalendar: (s: string) => void) {
 			if (date === '') {
@@ -282,7 +291,7 @@ export default defineComponent({
 </script>
 
 <template>
-	<div class="vd-date-picker" :class="{ 'hide-messages': hasWarningMessages }" id="toto">
+	<div class="vd-date-picker" :class="{ 'hide-messages': hasWarningMessages }">
 		<VueDatePicker
 			v-model="calendarValue"
 			ref="calendar"