Trip Owner Calendar View
Monthly grid showing all your trips as date-spanning bars, with filters, reminders, and status color coding.
The Calendar view at /trip-owner/calendar shows all your trips on a monthly grid. Multi-day trips display as horizontal bars spanning from departure to return date.
Layout
Two-panel layout:
- Left sidebar — mini month navigator, filters, reminders list, and Post Trip button
- Right — full monthly grid with trip event bars
Color Coding
| Color | Status | Meaning |
|---|---|---|
| Green | ACTIVE | Trip is posted and accepting bids |
| Violet | BOOKED | Contract signed |
| Blue | SELECTED | Reviewing bids |
| Gray | EXPIRED | Bidding window closed with no award |
| Red | CANCELLED | Trip cancelled |
| Red with bell | Reminder | Custom reminder (not a trip) |
DRAFT trips are not shown on the calendar.
Trip Type Badges
Each bar shows a badge at the right end: Charter (purple) or Shuttle (green).
Hover Tooltip
Hovering over a trip bar (400ms delay) shows:
- Trip name
- Departure → Return date
- Status with colored dot
- Bid count
Click Behavior
- Trip bar — navigates directly to
/trip-owner/trips/{tripId} - Reminder bar — opens the edit reminder modal
- +N more — when more than 2 events fall on the same day, an overflow button appears. Clicking it opens a popover listing all events for that date, each linking to the trip detail page.
Sidebar Features
Navigation
- Mini month navigator with prev/next/today controls
- Jump-to-month picker
Filters
- Status toggles: ACTIVE, BOOKED, SELECTED, EXPIRED, CANCELLED
- Trip type toggles: Charter, Shuttle Run
- Show/hide toggles for Trips and Reminders
Reminders
- View and manage custom reminders from the sidebar
- Add or edit reminders via modal
- Reminders appear on the calendar as red bars with a bell icon
Navigation
Use the prev/next arrows to move between months, the Today button to return to the current month, or the jump-to-month picker in the sidebar.