Calendar Embed Blueprint
A static booking widget blueprint showing a month grid with available and selected dates, a time-slot row, and a confirm button beside a call fact strip, ready to wire to a real scheduler.
A static booking widget blueprint showing a month grid with available and selected dates, a time-slot row, and a confirm button beside a call fact strip, ready to wire to a real scheduler.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Calendar Embed Blueprint is a static booking widget rendered as a two-column layout. The left column carries the heading, a lede, and a ruled fact strip (30 minutes, video call, free, Lisbon timezone) with an honest note that the calendar on the right is a static blueprint. The right column is the widget itself: a month header for August 2026, a 7-col day grid with available and unavailable states, a selected date (the 16th), a time-slot grid with 2:00 pm selected, and a confirm button. No Radix portal opens; every state is rendered inline.
The calendar days and time slots are two typed arrays covering all slot states. The static blueprint approach is the distinctive choice: the installer wires a real scheduler (Cal.com, Calendly) to replace this layout, but the block shows the intent clearly in the preview.
Reach for this block as the primary contact surface on a services or contact page where booking a call is the main conversion goal. The installer replaces the widget with their scheduler embed and updates the fact strip to match their actual call format.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the discovery call booking surface. Other uses:
Tip: wire a real scheduler on deploy and keep this block as the visual layout; the static state in the preview is enough to show the intent without JavaScript.