Monatskalender
Voller Monatskalender (Mo–So): Termine als Punkte mit Label, Heute-Markierung, optionale Vor/Zurück-Links — serverseitig gerendert, Monat als Prop
Nutzt: ui.icon
Beispiele
August 2026 mit Terminen
Leerer Monat ohne Navigation
September 2026
MoDiMiDoFrSaSo123456789101112131415161718192021222324252627282930
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| month | string | "" | Monat (YYYY-MM, leer = aktueller) |
| today | string | "" | Heute (YYYY-MM-DD, leer = keine Markierung) |
| events | array | [] | Termine |
| prevHref | string | "" | Link Vormonat |
| nextHref | string | "" | Link Folgemonat |
* Pflicht-Prop
Events & Slots
Events:
⚡ navigate — im Surface per on: {<event>: {action, params}} verdrahtbar.
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--calendar-border | var(--color-border-subtle) |
--calendar-today | var(--color-action-primary) |
Genutzte Design-Tokens
border.hairlinecolor.action.on-primarycolor.action.primarycolor.border.subtlecolor.status.danger-surfacecolor.status.info-surfacecolor.status.success-surfacecolor.status.warning-surfacecolor.surface.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedfont.family.defaultradius.fullradius.smradius.surfacesize.1size.16size.2size.3size.4size.6text.mdtext.smtext.xsweight.semibold