DatePicker - Problème d'affichage d'erreurs

[eartru-N]

Description

Lorsque j'ai deux composants DatePicker avec une vérification sur le fait qu'une date doit être postérieure à l'autre et que je renseigne deux dates qui fait que l'erreur s'affiche, puis que je change la date qui n'affiche pas l'erreur pour qu'elle respecte la règle, alors l'erreur reste affichée alors qu'elle ne devrait pas.
Je remarque que lorsque je met mon focus dans l'input affichant l'erreur, alors l'erreur disparait seulement à ce moment.

Reproduction

<DatePicker
	v-model="piece.dateRedaction"
	label="Date de rédaction (optionnel)"
	bg-color="white"
	outlined
	:rules="[
		notAfterDate(piece.dateReception || '', notBeforeDateMsg),
	]"
/>
<DatePicker
	v-model="piece.dateReception"
	label="Date de réception"
	bg-color="white"
	outlined
	:rules="[
		required,
		notBeforeDate(piece.dateRedaction || '', notBeforeDateMsg),
	]"
/>

Comportement attendu

Je souhaite que l'erreur s'enlève directement après le changement d'une valeur respectant les règles, sans avoir à mettre mon focus dans l'input ayant l'erreur affichée.

Captures d'écran

Première étape, je renseigne la date de rédaction puis la date de réception qui ne respecte pas la règle de validation. Alors l'erreur s'affiche.

Puis, je change la valeur de la date qui n'a pas d'erreur afin que la règle de validation soit valide. Or, le message d'erreur reste.

Environnement

• Librairie : @cnamts/synapse-bridge
• Version : 3.0.3
• OS : Windows 11
• Navigateur : Firefox

Priorisation

• Prioritaire

Projet

Refonte Rente

Contacts

Estelle Artru