Contact 48 - Book a call with week strip

Pro

Book-a-call section with a seven-day week strip, a column of time slots under each day and a confirm panel that slides in beside it.

Shadcn Contact 48 block

Component data

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

Contact 48 block design & features

The block shows a whole week of availability at once. A heading and short intro sit above a wide card, and inside it seven day columns each list that day's open times, with weekends and past days left empty. Arrows step forward and back a week at a time, and you can't page back before the current week.

A side panel introduces the host with a portrait, the call length, the meeting format and the visitor's time zone. Picking a slot swaps that panel for a short form that slides in with the chosen day and time, a name and email field, and a link to change the time.

Confirming shows a booked state in the same panel with the date and time and an option to book again. Availability is worked out in the browser relative to today, so the week always starts at the next open weekday.

On mobile the week strip becomes a row of tappable day buttons, the selected day's times appear in a grid underneath, and the side panel drops below the week inside the same card.