feat: Développer le composant Datepicker (#52)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

Co-authored-by: matthieu <matthieu@yuno.malio.fr>
Co-authored-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr>
Reviewed-on: #52
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

.playground/pages/composant/form/client.vue

@@ -78,7 +78,10 @@
             <div class="grid grid-cols-3 gap-x-[80px] gap-y-8 mt-12 shadow-[0_4px_4px_0_rgba(0,0,0,0.25)] py-4 pl-[28px] pr-[60px]">
               <MalioInputTextArea label="Descritpion" resize="none" groupClass="row-span-2" textInput="h-full"/>
               <MalioInputText v-model="concurrent" label="Concurrent"/>
-              <MalioInputText label="Date création"/>
+              <MalioDate
+                v-model="dateCreation"
+                label="Date création"
+              />
               <MalioInputText label="Nombre de salariés" />
               <MalioInputAmount label="CA"/>
               <MalioInputText label="Dirigeant" />
@@ -158,6 +161,7 @@
 
 <script setup lang="ts">
 import {ref, computed, watch} from 'vue'
+import MalioDate from "../../../../app/components/malio/date/Date.vue";
 
 type Commune = {
   nom: string
@@ -279,6 +283,7 @@ const onSearchAdresse = async (query: string) => {
 
 const tabsValue = ref('information')
 const concurrent = ref('')
+const dateCreation = ref<string | null>(null)
 
 const informationValid = computed(() => concurrent.value.trim().length > 0)
 const adressesValid = computed(() => /^\d{5}$/.test(codePostal.value))