Composants
Calendar
Le composant Calendar permet de sélectionner et visualiser des dates ou des plages de dates dans une interface claire et intuitive.
Il s’adapte aux différents formats et langues, tout en respectant les règles d’accessibilité.
# Usage
Le composant Calendar permet à l’utilisateur de sélectionner une ou plusieurs dates. Il peut être utilisé pour planifier un rendez-vous, choisir une date de livraison ou consulter des événements passés.
Quand l’utiliser
- Planification & réservation : planifier ou réserver une intervention ou un rendez vous
- Filtrage de données : Filtrer en sélectionnant une date, des factures, des historiques ect...
- Choisir une date précise : Renseigner une date précise comme une date d’anniversaire dans un formulaire
- Choisir une plage de date : Sélectionner une date de début et de fin afin définir une période
Quand ne pas utiliser :
- Dates simples : pour des sélections de date comme “aujourd’hui” ou “demain” privilégier l’utilisation d’un radio button
Les types de calendar :
- Le calendar Single Date permet à l’utilisateur de prendre un rendez ou pour filtrer un contenu ou lors d’un formulaire à une date précise et unique comme le choix de la date de naissance dans un formulaire
- Le calendar Date range permet à l’utilisateur de définir une période, une durée ou un intervalle pour réserver un rendez vous ou filtrer un contenu