Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Account Block Bookings & Appointments
Bookings and appointments dashboard with upcoming reservations, booking history, calendar view, reschedule options, and cancellation management for service businesses
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Appointments keep businesses running. This React bookings dashboard shows upcoming reservations, past appointments, quick reschedule options, and cancellation management. Built with shadcn/ui Card, Button, Badge, Dialog, Tabs, and Calendar components with Lucide React icons, users can view all bookings, reschedule with one click, cancel with policy display, add to calendar, and see provider details. Time slots, confirmation status, and location info—perfect for healthcare, salons, spas, restaurants, fitness studios, consulting, or any service-based business with appointment scheduling.
My Bookings
Manage your appointments and reservations
4
Upcoming
2
This Week
3
Completed
7
Total Bookings
Next: Annual Health Checkup
Dec 15, 2024 at 10:30 AM with Dr. Sarah Chen
Annual Health Checkup
Confirmed$150.00
BK-789456
Hair Styling & Color
Confirmed$180.00
BK-456123
Financial Planning Consultation
Pending$200.00
BK-321654
Personal Training Session
Confirmed$75.00
BK-987321
About bookings
You'll receive email and SMS reminders before your appointments. Free cancellation is available up to 24 hours before your scheduled time. Add bookings to your calendar to never miss an appointment.
Installation
Related blocks you will also like
React Account Block Orders
Order history
React Account Block Notifications
Notification preferences
React Account Block Activity Log
Account activity history
React Account Block Support
Support and help center
React Account Block Payment Methods
Saved payment methods
React Account Block Preferences
Account preferences
Questions you might have
React Account Block Billing & Subscription
Subscription and billing management with current plan details, payment methods, billing history, invoice downloads, and plan upgrade/downgrade options
React Account Block Certificates & Achievements
Certificates and achievements dashboard with earned credentials, digital badges, course completions, downloadable certificates, and LinkedIn sharing for professional development