Skip to content
Data & Tables
C. Data & Tables

Calendar / Scheduling View

Month, week and day/agenda views, an event popover, resource scheduling and an availability picker.

6 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash
npx @wunderui/cli add data/calendar

01Month view

Uses: AppFrame · EventChip · Segment · IconButton

components/blocks/data/calendar/01-month.tsx

02Week view with time grid

Uses: AppFrame · EventChip · Segment · Badge

components/blocks/data/calendar/02-week.tsx

03Day & agenda view

Uses: AppFrame · AgendaEvent · Segment · Avatar

components/blocks/data/calendar/03-day-agenda.tsx

04Event create & edit popover

Uses: AppFrame · Popover · TextField · Switch · Avatar

components/blocks/data/calendar/04-event-popover.tsx

05Resource & team scheduling

Uses: AppFrame · PersonCell · EventChip · Badge

components/blocks/data/calendar/05-resource-scheduling.tsx

06Availability picker

Uses: Button · Badge · Avatar · Segment

components/blocks/data/calendar/06-availability-picker.tsx

← Kanban BoardGantt / Timeline View →