Bookings components
8 Bookings components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: AvailabilityEditor, BookingFlow, BookingManage, BookingPipeline, BookingSlots, CheckInKiosk, LobbyDisplay, WaitingScreen.
- AvailabilityEditorWeekly hours per day with breaks, copy to other days, and vacations picked as date ranges, with overlap and range checks that block saving.
- BookingFlowOnline booking flow with branch, service, doctor with ratings, day and time grid, guest or signed-in details, notes and files, payment choice, review and a QR ticket confirmation.
- BookingManageA patient's own booking page - QR ticket with code, add to calendar, reschedule in a dialog and cancel with the late fee stated, all following a cancel and reschedule policy.
- BookingPipelineStaff status pipeline for a booking - requested, confirmed, checked in, in visit and done, with next-action buttons, confirm on no-show and cancel, and a timeline of every move.
- BookingSlotsDay calendar beside a grid of time tiles grouped by morning, afternoon and evening, with available, full and held states, a legend and a jump to the next free day.
- CheckInKioskSelf check-in kiosk - scan or type a booking code, or enter a phone number on a big keypad, find the booking, and print a queue ticket with a QR and an auto reset.
- LobbyDisplayLarge-screen now-serving board with one card per room, up next and recent calls, a clock, and a chime plus flash for each new call, sized from its own width.
- WaitingScreenPatient waiting screen with ticket, position, estimated wait, now serving, room, a live connection indicator and a called state, driven by pure queue math.