KB-118 · CALENDAR/WORKROOM

Calendar Workroom

The production calendar as a workroom, not a widget: a month face for shape and a week face for the coming days, category chips whose counts are derived from the events they filter, a peek panel for any event, and inline create on the chosen day. The anchor month is a prop — the grid is computed from it, never read from the clock, so the same calendar renders on the server and on every visit.

KB-118 · CALENDAR/WORKROOM

May 2026

MonTueWedThuFriSatSun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/calendar-workroom

Props

PropTypeDefaultDescription
anchor{ year: number; month: number }{ year: 2026, month: 5 }The month shown. Computed into a grid — the block never reads the wall clock.
categories / eventsWorkroomCategory[] · WorkroomEvent[]The chips and the entries; chip counts derive from the events, so they cannot drift.
weekAnchorDaynumber12The day whose Monday-aligned run the week face shows.