Calendar 13 block design & features
Calendar13 is a work week calendar built with shadcn/ui Button, Dialog, Field, and Input. The header shows the date range with previous and next arrows, a segmented switch between work week and full week, and a new event button. Large date numbers sit above an all day lane where multi day events such as a design sprint or time off stretch across the days they cover.
Clicking an empty spot in the all day lane opens a dialog for an all day event with a from and to date, and clicking the hour grid opens it for a timed event at that half hour. The dialog has a timed or all day switch, so either kind can be changed later. Clicking any event opens it for editing or deleting.
Hours before 8am and after 6pm are lightly shaded so the working day stands out, and today has a current time line. Colors come from the theme chart palette. Content-driven: it needs timed meetings and a few multi day events.
On a narrow screen the grid scrolls sideways and the header controls wrap.