Calendar
Le calendrier de sélection de date, en jour unique ou en plage. La sélection est contrôlée, seul le mois affiché peut rester interne.
Utilisation
import { Calendar } from "@monstera/ui"Jour unique
value attend une Date et le composant ne la change jamais de lui-même : c'est onChange qui met l'état à jour. La semaine démarre lundi et le mois se lit en français, weekStartsOn et locale les changent.
Plage
En mode range, value devient {start, end}. Un premier clic pose le début, le second la fin, et cliquer avant le début retourne la plage au lieu de la refuser. Tous les jours de la plage sont sélectionnés, bornes comprises : il n'y a pas d'état intermédiaire pour l'intérieur d'une plage.
Jours indisponibles
minDate, maxDate et isDateDisabled se cumulent, et sont les seuls à fermer un jour. Les jours du mois voisin restent choisissables : ils sont juste atténués pour se distinguer, et les prendre fait suivre la vue sur leur mois. La grille garde ses six semaines quel que soit le mois.
Accessibilité
Chaque jour est un bouton nommé par sa date complète (« 1 septembre 2026 »). Le calendrier ne remplace jamais la saisie : toujours offrir à côté un champ où la date se tape au format jj/mm/aaaa. Sans lui, une personne qui navigue au lecteur d'écran ne peut pas choisir une date.
API
Prop
Type