Contact 45 - Book a call with mini calendar

Pro

Book-a-call section with host details beside an inline month calendar, time slot buttons and a confirmation step.

Shadcn Contact 45 block

Component data

ID
contact45
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Contact 45 block design & features

The block lets visitors book an intro call without leaving the page. The left column introduces the host with a portrait, the meeting length and format, the visitor's time zone, and fallback email and phone links.

The right card holds a hand-built month calendar where future weekdays are highlighted as available. Choosing a date reveals a column of time slot toggles, and choosing a time enables a Next button.

The next step summarises the chosen slot and asks for a name and email, with a link back to change the time. Confirming shows a booked state with the date and time and an option to book again.

On mobile the time slots move below the calendar in a two-column grid, and the host details stack above the booking card.