Skip to content
DocumentationExamples
← All components

Meeting Scheduler

Select a date and time, then download a calendar reminder. Connect your provider for confirmed bookings.

Open demo ↗
LET’S CONNECT

A little time.
A lot of possibility.

Choose a date and time for a 30-minute introduction.

Demo planner · Times use your device’s local timezone. A calendar download is a personal reminder, not a confirmed booking.

Choose a time

Select a date to see example time slots.

HTML source & reuse instructions

Include the shared CSS and JavaScript files. Rename copied IDs and their matching references. 

<div class="upgrade-scheduler" data-scheduler=""><div><span class="versa-site-eyebrow">LET’S CONNECT</span><h3>A little time.<br/>A lot of possibility.</h3><p>Choose a date and time for a 30-minute introduction.</p><p class="small">Demo planner · Times use your device’s local timezone. A calendar download is a personal reminder, not a confirmed booking.</p></div><form><label class="form-label d-block">Choose a date<input class="form-control" data-meeting-date="" required="" type="date"/></label><fieldset><legend class="h6">Choose a time</legend><div class="upgrade-slots" data-meeting-slots=""></div></fieldset><p data-meeting-status="" role="status">Select a date to see example time slots.</p><button class="btn btn-primary" type="submit">Download calendar reminder</button></form></div>