Schedule Meeting

A booking panel for scheduling a call. It pairs the date range picker with two time pickers, a phone input, and a live summary, then routes the submit through a confirmation dialog.

The block renders its own ConfirmDialogProvider, so it works standalone without extra setup. The end time picker receives the start time as its min, so the two stay consistent.

import { ScheduleMeeting } from "@/components/schedule-meeting";

<ScheduleMeeting
  onSchedule={(booking) => {
    console.log(booking);
  }}
/>;

onSchedule runs while the confirmation dialog is pending, so returning a promise keeps the dialog in its loading state until the request settles.