Composant · Formulaire
Calendar
StableCalendrier mensuel : sélection d'une date unique ("YYYY-MM-DD") ou d'une plage [début, fin]. Bornes min/max, premier jour de semaine et locale configurables.
Exemples
Date unique
juin 2026
lun.mar.mer.jeu.ven.sam.dim.
Voir le code (Svelte)
<Calendar value="2026-06-12" month="2026-06" />range
juin 2026
lun.mar.mer.jeu.ven.sam.dim.
Voir le code (Svelte)
<Calendar range value={["2026-06-10","2026-06-18"]} month="2026-06" />min / max
juin 2026
lun.mar.mer.jeu.ven.sam.dim.
Voir le code (Svelte)
<Calendar value="2026-06-15" month="2026-06" min="2026-06-08" max="2026-06-22" />API
| Prop | Type | Default |
|---|---|---|
value | string | null | [string | null, string | null] | null |
onChange | (value: CalendarValue) => void | – |
min | string ("YYYY-MM-DD") | – |
max | string ("YYYY-MM-DD") | – |
range | boolean | false |
weekStartsOn | 0 | 1 | 1 |
month | string ("YYYY-MM") | – |
locale | string | "fr-FR" |
En mode plage, onChange reçoit le tuple [début, fin]. Le mois affiché est contrôlable via month ; les dates hors min/max sont désactivées.
Tokens utilisés
--st-semantic-text-primary--st-semantic-border-subtle