Calendar card

An agenda beside a month you can browse. It measures its own box and fills it, and it needs room for the month.

Variations

2 samples, each at every size that draws differently, then in chat, in the light theme, and as a ring where it has a headline.

calendar

Small

Medium

Large

In chat

Light theme

Ring

Wide draws the same as large. Tall draws the same as medium, so they aren't shown. Only the empty space changes.

calendar · empty

Medium

Large

In chat

Light theme

Small draws the same as medium. Wide draws the same as large. Tall draws the same as medium, so they aren't shown. Only the empty space changes.

Fields

Every card also takes the fields all cards share.

Field	Type	What it does
type	'calendar'
events	CalendarEvent[]
from?	string
to?	string
empty?	string

CalendarEvent

One thing on a calendar. All-day events use plain dates, so they land on their day in any time zone.

Field	Type	What it does
title	string
start	string	ISO time, or YYYY-MM-DD for all day
end?	string	the same form; an all-day end is the day after the last, as in iCal
calendar?	string	which calendar: gives it a stable colour when color isn’t set
color?	string	#hex or a CSS colour name
location?	string

Used by

Calendar