BookingCalendar: Open-source Cal.com scheduling component for Next.js applications.
Key features:
π¨ shadcn/ui components with Tailwind v4 styling
π Automatic timezone detection and manual selection
β‘ Prefetches monthly slots when widget enters viewport
π In-session reschedule and cancel without page reload
π¦ Zero npm packages - just copy the code
π Direct Cal.com v2 API integration for all booking operations
The intersection observer loads availability data before users see the calendar. Switching days filters cached slots locally instead of hitting the API again.
Repo includes Next.js API routes, TypeScript throughout, and React Hook Form validation. Works with cloud or self-hosted Cal.com.
π Blog Post
π GitHub Repo
π Live Demo
Top comments (0)