Revert "Refactor DatePicker component to improve validation behavior"

This reverts commit c2f3de4.

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

@@ -9,6 +9,7 @@ import { vMaska } from 'maska'
 import {
 	type ComponentPublicInstance,
 	defineComponent,
+	nextTick,
 	type PropType,
 } from 'vue'
 import { VTextField } from 'vuetify/lib/components/index.mjs'
@@ -171,13 +172,6 @@ export default defineComponent({
 				this.calendarValue = [start.toDate(), end.toDate()]
 			}
 		},
-		rules() {
-			if (this.calendarValue) {
-				this.$nextTick(() => {
-					this.updateMessages()
-				})
-			}
-		},
 	},
 	methods: {
 		toggleCalendar() {
@@ -201,9 +195,7 @@ export default defineComponent({
 		},
 		handleFocusChange(focus: boolean) {
 			if (!focus) {
-				setTimeout(() => {
-					this.updateMessages()
-				}, 200) // avoid graphical glitch when the calendar is closed
+				this.updateMessages()
 			} else {
 				if (this.textFieldActivator || this.noIcon) {
 					if (!this.$refs.calendar) return
@@ -225,7 +217,7 @@ export default defineComponent({
 			if (!textField) return
 
 			this.validateWarning(this.internalValue)
-			await this.$nextTick()
+			await nextTick()
 			this.errorMessages = await textField.validate()
 		},
 		handleTextInput(date: string, updateCalendar: (s: string) => void) {

packages/synapse-bridge/src/patterns/DatePicker/config.ts

@@ -2,7 +2,7 @@ export const config = {
 	textField: {
 		hideDetails: 'auto',
 		persistentHint: true,
-		validateOn: 'submit',
+		validateOn: 'blur',
 		color: '#0C419A',
 		maxErrors: 5,
 	},