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 est principalement utilisé pour permettre aux clients de choisir une date lors de la prise de rendez-vous (en boutique, par téléphone ou en ligne), planifier une intervention technique ou suivre un engagement contractuel.
Il facilite la sélection rapide et fiable d’une date disponible, tout en respectant les contraintes métier (plages horaires, jours fermés, délais minimum).

  • Mettre en avant les disponibilités : afficher clairement les créneaux libres et masquer ou désactiver ceux qui ne sont pas proposés
  • Adapter la vue au contexte : privilégier une vue mensuelle pour la planification à moyen terme, et une vue hebdomadaire ou journalière pour les rendez-vous proches
  • Respecter les formats locaux : début de semaine le lundi, affichage des dates au format jour/mois/année
  • Accessibilité renforcée : navigation fluide au clavier et compatibilité avec les lecteurs d’écran pour tous les clients
  • Feedback visuel immédiat : mettre en évidence la date sélectionnée et confirmer la réservation par un changement d’état clair
  • Limiter les erreurs : bloquer la sélection de dates passées ou non disponibles afin d’éviter toute confusion