DatePicker - Règles notAfterToday/notBeforeToday ne fonctionnent pas avec date-format-return

[lpercin-N]

Description

Les règles de validation notAfterToday et notBeforeToday ne fonctionnent pas avec date-format-return.

Comment reproduire

1. Créer un champ DatePicker
2. Ajouter la règle notAfterToday et/ou notBeforeToday
3. Ajouter la prop date-format-return avec un format différent que celui de base

Reproduction minimale

<script setup lang="ts">
import {DatePicker, notAfterToday} from '@cnamts/synapse-bridge'
import {SubmitEventPromise} from "vuetify";

const date = ref(undefined)
const dateFormatted = ref(undefined)

async function submitForm(event: SubmitEventPromise): Promise<void> {
	const submitResult = await event
	if (submitResult.valid) {
		alert("valid")
	}
}
</script>

<template>
	<v-form
		@submit.prevent="submitForm"
	>
		<DatePicker v-model="date" :rules="[notAfterToday]" label="Working"/>
		<DatePicker v-model="dateFormatted" :rules="[notAfterToday]" date-format-return="YYYY-MM-DD" label="Not working"/>

		<button type="submit">Rechercher</button>
	</v-form>
</template>

Comportement attendu

Le champ avec le format de retour différent est bloqué selon la règle.

Captures d'écran

Projet

Refonte RENTE

Contacts

lpercin@norsys.fr - Dev. Front refonte Rentes