Améliorer les champs de type Date

[antoinebigard]

Datapicker mécanisme :

• [ ] Rendre conditionnelles les dates "possibles" exemple: date de début de contrat 20/01/2020 la date de fin de contrat ne peut être avant la date de début => toutes les dates avant le 20/01/2020 sont disabled
• [ ] À l'ouverture du datapicker, les dates doivent être centrées de façon logique en fonction du champs. exemple: date de début de contrat 20/01/2020. A l'ouverture du champ a date de fin de contrat ne pas être ouvert sur le 10/02/2022.
• [ ] Design entête datepicker
• [ ] Entête agréable à utiliser

Datapicker à discuter :

• Pour les cas de type RANGE (date de debut, date de fin), datepicker de type range ?

Reprise d'une carte précédente :

Calendrier dates : disabled les dates non cohérentes, highlight des dates de naissance, dates début - fin contrat

[antoinebigard]

https://reactdatepicker.com/

[ClemLan]

Retour de l'équipe design : designer ses propres composants (notamment pour liste déroulante et calendrier) peut poser des soucis d'accessibilité par rapport au composant natif Il n'est pas très beau mais hormis quelques écarts entre les éléments (et le pointer décalé), très complet (on pourrait lui appliquer des règles d'affichage ? )

-> à rediscuter ensemble

Pour les range : le "Date Range for one datepicker" du React est bien hormis :

• les disables dates ne doivent pas être highlitées
• n'ont pas simulé de champ de saisie

Pour les range avec deux date picker : impeccable pour avoir un remplissage manuel ET calendaire (utile pour date connue & non connue - permet de se repérer) mais après avoir testé un peu, les interactions sont - à mon avis - trop complexes pour des utilisateurs d'un niveau débutant à intermédiaire. Si on veut adopter cette solution, il faudra peut-être revoir la manière de sélectionner les dates

Testground

[31/05] : Avancé depuis avril mais d'autres éléments mis en priorité 👉 voir testground