AlpineCal

AlpineCal is a calendar component built with Alpine.js and TypeScript, powered by the ArtisanCal headless engine. It provides day, week, and month views with event placement, multi-day event segments, RRULE/iCal support, resource scheduling, and async data sources — all through Alpine.js directives and reactive state.

The architecture uses npm workspaces, keeping the core engine and the Alpine.js adapter as separate packages. Development follows seven phases: Foundation, then layering in event systems, structural CSS, interactions, advanced features, and release prep. Each phase is documented as a self-contained work package so Claude sub-agents can execute them independently — the same approach used successfully with AlpineFlow.

AlpineCal fills gaps left by existing calendar libraries, particularly around proper multi-day event segment handling, event detail popups, mini calendars, and calendar category toggles — areas identified through competitive analysis of libraries like DayFlow.