Skip to main content
  • CreateBookingDialog - Schedule a service appointment * Features: - Service type pre-filled from problem category - Date picker (default: tomorrow) - Time slot selection (AM 08:00-13:00 / PM 12:00-18:00) - Quote amount (pre-filled if available) - Special instructions - Edit mode if booking already exists

Props

open
boolean
required
open
onOpenChange
(open: boolean) => void
required
onOpenChange
customerName
string
required
customerName
problemCategory
ProblemCategory
required
problemCategory
existingBooking
BookingDetails
existingBooking
suggestedQuote
number
suggestedQuote
onBookingCreated
(booking: BookingFormData) => void
onBookingCreated

Usage

import { CreateBookingDialog } from '@/components/CreateBookingDialog';

export default function Example() {
  return (
    <CreateBookingDialog open={open} onOpenChange={onOpenChange} customerName={customerName} problemCategory={problemCategory} />
  );
}