Calendar 18 - Timezone-aware slot pickerPro
Day list beside a slot board that re-renders host availability in the visitor's chosen timezone, grouped by morning, afternoon and evening with a 12h/24h toggle.
About Calendar 18
Day list beside a slot board that re-renders host availability in the visitor's chosen timezone, grouped by morning, afternoon and evening with a 12h/24h toggle.
Calendar 18 is a pro calendar block for React, built on shadcn/ui and Tailwind CSS. It ships as 141 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- timezone
- slots
- scheduling
- 24-hour
- select
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/calendar-18Dependencies installed automatically: lucide-react.
Uses: reveal, utils.
Usage
import Calendar18 from "@/components/blocks/calendar-18"
export default function Page() {
return <Calendar18 />
}