Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksPlanningEvent calendar app

Event calendar app

Adapted

A full calendar app. Month, week, day, 3-day and agenda views, drag-and-drop rescheduling, recurring events and a resource swimlane view.

Month/week/dayDrag & dropRecurrence
React · CSS
Origin & adaptation notes

Adapts the headless architecture of reui.io/components/event-calendar (month/week/day/N-day/agenda views over one shared event model, a resource view, a create/edit popover with this-event/this-and-following/all-events scope for recurring series) into a single hand-rolled component. Drag & drop follows this gallery’s own kanban pattern (native HTML5 DnD) rather than ReUI’s pointer-capture engine; recurrence is a deliberately simplified daily/weekly/monthly rule, not full RFC 5545; and there is no @date-fns/tz or shadcn primitive registry — everything runs in local time with hand-rolled markup. A separate, simpler block, Event calendar, remains the TukiGrowth-derived adaptation. Events, resources and times are synthetic and derive from the current date.

Curated adaptation. Synthetic data only. No production APIs.

PreviousEvent calendarNextKanban board
Built with intention. Shared with the team.GauchoCode UI Gallery ✳