components / calendar

calendar.

month date grid — selectable days, today ring, prev/next header, Sunday-aligned. pass renderDay to layer dots or counts onto cells. generalized from the justin06lee.dev calendar.

May 2026
S
M
T
W
T
F
S
installation
bunx @justin06lee/chrome@latest add calendar
usage
Date picker
May 2026
S
M
T
W
T
F
S
const [month, setMonth] = useState("2026-05");
const [selected, setSelected] = useState(null);


<Calendar
  month={month}
  onMonthChange={setMonth}
  selected={selected}
  onSelect={setSelected}
  today={todayISO}
/>