DatePicker: fix error display on load

[DavidFyon]

Description

Fix #3830

Playground

<script setup lang="ts">

import { notAfterDate, notBeforeDate, required } from '@/main';
import DatePicker from '@/patterns/DatePicker/DatePicker.vue';
import { ref } from 'vue';

import { reactive } from 'vue';

const piece = reactive({
	dateRedaction: '',
	dateReception: '',
});
const date = ref('')

const isValid = ref(false);

const send = () => {
	if (isValid.value) {
		console.log('send');
	}
};
</script>

<template>
	<v-form ref="form" v-model="isValid" @submit.prevent="send">
	<DatePicker
		v-model="piece.dateRedaction"
		label="Date de rédaction (optionnel)"
		bg-color="white"
		outlined
		:rules="[
		notAfterDate(piece.dateReception || ''),
	]"
	/>
	<br>
	<DatePicker
		v-model="piece.dateReception"
		label="Date de réception"
		bg-color="white"
		outlined
		:rules="[
		required,
		notBeforeDate(piece.dateRedaction || ''),
	]"
	/>


	<DatePicker
		v-model="date"
		label="Date "
		outlined
		:rules="[
		required,
		notBeforeDate(piece.dateRedaction || ''),
	]"
	/>
		<v-btn type="submit">Submit</v-btn>
	</v-form>
</template>

<style lang="scss" scoped></style>

Type de changement

• Correction de bug

Checklist

• Ma Pull Request pointe vers la bonne branche
• Mon code suit le style de code du projet
• J'ai effectué une review de mon propre code
• J'ai commenté mon code, en particulier dans les parties difficiles à comprendre
• J'ai apporté les modifications correspondantes à la documentation
• Mes modifications ne génèrent aucun nouveau warning
• J'ai ajouté des tests qui prouvent que mon correctif est efficace ou que ma fonctionnalité fonctionne
• Les tests unitaires passent localement avec mes modifications
• J'ai mis à jour le fichier Changelog