Examples

Every example needs an integration token from the Zaptime app. Replace YOUR_TOKEN before running.

Script tag

• Inline calendar, buttons and popup on one HTML page.
• Event type group: let the visitor pick an event type first.

Vue 3

• Basic calendar with theme, locale and the booking-confirmed event.
• Calendar in a modal.
• External booking form: your own form submits the booking.
• Reserve, then confirm: two-phase flow for payments or multi-step wizards.
• Multiple calendars on one page.
• Reschedule page.

Nuxt

• Nuxt page with SSR.

Headless

• Custom calendar on @zaptime/core with your own components.
• Timezone and hour cycle picker.

Live sandboxes

• Iframe on CodeSandbox
• Vue on StackBlitz
• Nuxt example in the monorepo