Design System

Usage:

<AvailabilityGrid
  timeSlots={timeSlots}
  onTimeSlotToggle={handleTimeSlotToggle}
  startHour={9}
  endHour={17}
  title="Weekly Availability"
  description="Select your available time slots"
  onSave={handleSave}
  onReset={handleReset}
/>

Usage:

<ScheduleCalendar
  events={events}
  onEventClick={handleEventClick}
  onDateClick={handleDateClick}
  title="My Schedule"
  description="View and manage your schedule"
  onAddClick={handleAddEvent}
/>

Usage:

<ResourceScheduler
  resources={resources}
  events={events}
  onEventClick={handleEventClick}
  onTimeSlotClick={handleTimeSlotClick}
  title="Resource Scheduler"
  description="Schedule rooms and people"
  onAddClick={handleAddEvent}
  startHour={9}
  endHour={17}
  interval={60}
/>