Calendar

The Calendar page provides a monthly view of all upcoming deadlines and overdue items across the EQMS platform. It aggregates events from training, deviations, CAPAs, and documents into a single unified view.

Calendar View

The calendar displays a standard monthly grid with day cells. Each cell shows:

Color-coded dots indicating which types of events fall on that day
Event count in the bottom-right corner when a day has events
Overdue warning icon (triangle) when any event on that day is overdue

Event Type Colors

Color	Event Type
Blue	Training
Orange	Deviation
Red	CAPA
Green	Document

A legend is displayed above the calendar grid for reference. On mobile devices, the legend moves below the navigation controls.

Use the left/right arrow buttons to move between months.
Click Today to jump back to the current month and select today’s date.
The current day is highlighted with a ring border and bold text.

Day Detail Panel

Click any day on the calendar to expand a detail panel below the grid. The panel shows:

The full date (weekday, month, day, year)
A list of all events on that day, each showing:
- Color indicator matching the event type
- Event title
- Event type label
- Overdue badge if the item is past its due date

Click an event to navigate directly to the related resource (training assignment, deviation report, CAPA action, or document).

Data Sources

The calendar pulls events from two sources:

Upcoming deadlines from the dashboard API — scheduled due dates for training, documents, deviations, and CAPAs
Overdue items from the overdue items API — any items that have passed their due date without completion

Mobile Support

The calendar grid is responsive. On smaller screens, day cells are more compact but still show event indicators. The legend is repositioned for better readability on mobile devices.