This is now deprecated and under maintenance for existing users only - no new customers can sign up for the platform plan
Using handleSlotReservation for Custom Slot Selection Flows
If you want to trigger a custom action immediately when a user selects a timeslot (before the booking form appears), you can use the handleSlotReservation prop. This prop allows you to intercept the slot selection event, enabling you to run custom logic—such as calling the reserve slot api’s https://cal.com/docs/api-reference/v2/slots/reserve-a-slot.
Example usage:
<Booker
handleSlotReservation={(timeslot) => {
// Your custom logic here
console.log("User selected timeslot:", timeslot);
// For example, call the reserve slot api's etc.
}}
// ...other props
/>
- When a user selects a slot, the
handleSlotReservation function will be called with the selected timeslot as its argument.
- If you provide this prop, the default slot reservation flow will be interrupted until your custom logic is complete.
- This is useful for introducing custom slot reservation flows.
