feat: Add Core Scheduling UI Components

[roncodes]

Summary

Implements reusable scheduling UI components for the Fleetbase platform.

Changes

Components (3)

• ScheduleCalendar: Full-featured calendar with FullCalendar integration
• ScheduleItemCard: Card display for schedule items with named blocks
• AvailabilityEditor: Availability management interface

Models (5 Ember Data models)

• Schedule: Master schedule with polymorphic subject
• ScheduleItem: Individual scheduled items with polymorphic assignee/resource
• ScheduleTemplate: Reusable schedule patterns
• ScheduleAvailability: Availability windows for resources
• ScheduleConstraint: Scheduling constraint definitions

Service

• Scheduling: Comprehensive service for scheduling operations
  • CRUD operations for schedules and items
  • Availability checking and management
  • Constraint loading and validation
  • Uses ember-concurrency for async operations

Features

• Named Blocks: Customization via :content, :actions, :item blocks
• Tailwind CSS: Styling following Fleetbase UI standards
• Dark Mode: Full dark mode support
• Status Colors: Status-based color coding for schedule items
• Drag-and-Drop: Calendar supports drag-and-drop editing
• Resource Views: Timeline views for resource-based scheduling
• Event-Driven: Event callbacks for user interactions

Component Architecture

ScheduleCalendar

Uses FullCalendar for rendering with support for:

• Resource timeline views
• Drag-and-drop editing
• Custom event rendering via named blocks
• Date and event click handlers

Usage:

<ScheduleCalendar
  @resources={{this.drivers}}
  @items={{this.scheduleItems}}
  @view="resourceTimeline"
  @onItemClick={{this.handleItemClick}}
  @onItemDrop={{this.handleItemDrop}}
>
  <:item as |item|>
    <div>{{item.title}}</div>
  </:item>
</ScheduleCalendar>

ScheduleItemCard

Flexible card layout with named blocks:

<ScheduleItemCard @item={{this.scheduleItem}}>
  <:content>
    <div>Custom content</div>
  </:content>
  <:actions>
    <button>Edit</button>
  </:actions>
</ScheduleItemCard>

AvailabilityEditor

Form-based availability management:

<AvailabilityEditor
  @subjectType="driver"
  @subjectUuid={{@driver.id}}
  @onSave={{this.handleSave}}
/>

Usage Across Extensions

These components can be used by any Fleetbase extension:

• FleetOps: Driver scheduling with HOS constraints
• Storefront: Delivery window management
• Ledger: Payment schedule tracking
• Pallet: Warehouse operations scheduling

Dependencies

Requires FullCalendar packages (not included):

pnpm add @fullcalendar/core @fullcalendar/resource-timeline @fullcalendar/interaction

Documentation

See SCHEDULING_COMPONENTS.md for detailed documentation and examples.

Testing

• Component integration tests
• Service unit tests
• Model tests

Related PRs

• core-api: #168 (Core Scheduling Module)
• fleetops: #TBD (Driver Scheduling with HOS Compliance)