Invisible Docs
GalerieTokens

Monatskalender — component.calendar

Voller Monatskalender (Mo–So): Termine als Punkte mit Label, Heute-Markierung, optionale Vor/Zurück-Links — serverseitig gerendert, Monat als Prop

Componentv1.0.0Datenweb.documentweb.applicationdesktop.shell

Beispiele

August 2026 mit Terminen

August 2026
MoDiMiDoFrSaSo12345678910Framework-Schnitt11121314Review tricomaAbnahme+115161718192021Deadline Angebot22232425262728293031

Leerer Monat ohne Navigation

September 2026
MoDiMiDoFrSaSo123456789101112131415161718192021222324252627282930

Eigenschaften

PropTypDefault
monthstring""
todaystring""
eventsarray[]
prevHrefstring""
nextHrefstring""

Events & Slots

Events: navigate

Stellschrauben (Komponenten-Tokens)

TokenDefault
--calendar-bordervar(--color-border-subtle)
--calendar-todayvar(--color-action-primary)

Genutzte Design-Tokens

border.hairline color.action.on-primary color.action.primary color.border.subtle color.status.danger-surface color.status.info-surface color.status.success-surface color.status.warning-surface color.surface.default color.surface.sunken color.text.default color.text.muted font.family.default radius.full radius.sm radius.surface size.1 size.16 size.2 size.3 size.4 size.6 text.md text.sm text.xs weight.semibold