Booking
Add and configure the Booking component in a Docmino document.
When to use
Use Booking when readers need to choose an available appointment time without leaving the document.
Props
Name⇅
Type⇅
Description⇅
id
string
A stable identifier used to reference the component.
label
string
The reader-facing label for the component.
duration
number
The appointment duration in minutes.
capacity
number
Configures this component's capacity value.
attendee
expression
Configures this component's attendee value.
timezone
string
The timezone used to interpret the schedule.
schedule
expression
The weekly availability and booking constraints.
required
boolean
Requires a response before the document can be submitted.
visibleWhen
expression
A condition that controls when the component is visible.
requiredWhen
expression
A condition that makes the component required when it matches.
disabledWhen
expression
A condition that disables the component when it matches.
Example
Booking
Book an appointment
45 min
London · UTC+01:00
October 2026
SunMonTueWedThuFriSat
Today
Available
Friday, October 23, 20261 available time
Choose a time to continue.
<Booking
label="Book an appointment"
duration={45}
timezone="Europe/London"
schedule={{
weekly: [
{ day: "monday", windows: [["09:00", "12:00"], ["13:00", "18:00"]] },
{ day: "tuesday", windows: [["09:00", "18:00"]] },
{ day: "wednesday", windows: [["09:00", "18:00"]] },
{ day: "thursday", windows: [["10:00", "20:00"]] },
{ day: "friday", windows: [["09:00", "18:00"]] },
{ day: "saturday", windows: [["10:00", "16:00"]] },
],
blackoutDates: ["2026-12-25", "2026-12-26"],
bufferMinutes: 10,
leadMinutes: 120,
}}
/>