Skip to content
Schedule
<sessions-schedule>

Renders the same schedule shown on a business’s public Sessions page. Includes filters, day/week/month toggles, and a sign-in flow that lets visitors register without leaving the host page when an `auth` token is supplied. Set `structure="booking"` to present booking mode — a “what to book” chooser over a drag-to-select availability grid — for businesses that take appointments.

Install

<script type="module" src="https://go.sessions.website/embeds/unstable/schedule.js"></script>
<sessions-schedule
  business="ottawa-volleyball"
></sessions-schedule>

Attributes

NameTypeRequiredDescription
businessstringHandle of the business whose schedule should be shown, without the leading `@`.
structureschedule | booking = scheduleWhich surface to present. `schedule` (default) shows the session calendar. `booking` shows booking mode — a “what to book” chooser over a drag-to-select availability grid with Day, Week, and Month views — for businesses that take appointments.
authtokenOptional embed-scoped JWT issued via the business-pinned sign-in flow. When set, registration actions are taken on behalf of the token holder.
persiststorage | url = storageHow active filters are remembered across navigation. `storage` (default) uses sessionStorage; `url` writes filter state to the host page’s query string.

Try attributes

Edit attributes — the live preview to the side rebuilds in place.