Refactor DatePicker component to improve validation behavior

[4dr1en]

Description

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('')
</script>

<template>
<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 || ''),
	]"
/>
</template>

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

Type de changement

• Nouvelle fonctionnalité
• Correction de bug
• Changement cassant
• Refactoring
• Maintenance
• Documentation
• Ce changement nécessite une mise à jour de la documentation

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