Calendar 9 block design & features
Calendar9 is an availability calendar built with Shadcn UI Button. A heading and short description sit beside a legend, followed by a bordered panel that shows three months side by side with navigation in the corner. Each bookable date has a small colored dot for open or limited availability, booked dates are struck through, and closed or past dates are faded and disabled.
Choosing a date fills a summary bar below with the full date and how many sessions remain, and the continue button becomes active.
The style is clear and friendly, with rounded square cells, a soft summary bar, and color used only for status. It is a common booking pattern presented cleanly. Content-driven: it needs availability data per date.
On a narrow screen one month shows at a time, two on tablets, and three on wide screens.