Skip to content

CalendarHeadCell

Source: client/lib/theme/vueda-tailwind/controls/index.js

A weekday-label cell (Mo / Tu / We ...) above the day grid. Width pins to --vueda-cal-cell (32px) so labels align under the day-button slots below; renders at 0.8rem on --muted-foreground so the header row reads as chrome rather than as a row of day buttons.

Vue component: CalendarHeadCell

SlotDefault classesDescription
roottext-muted-foreground rounded-md w-[var(--vueda-cal-cell)] font-normal text-[0.8rem]A weekday-label cell (Mo / Tu / We ...) above the day grid. Width pins to --vueda-cal-cell (32px) so labels align under the day-button slots below; renders at 0.8rem on --muted-foreground so the header row reads as chrome rather than as a row of day buttons.

root

A weekday-label cell (Mo / Tu / We ...) above the day grid. Width pins to --vueda-cal-cell (32px) so labels align under the day-button slots below; renders at 0.8rem on --muted-foreground so the header row reads as chrome rather than as a row of day buttons.

Default classes:

text-muted-foreground rounded-md w-[var(--vueda-cal-cell)] font-normal text-[0.8rem]

Source: client/lib/theme/vueda-tailwind/controls/CalendarHeadCell.theme.js:16

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2