Two dedicated views accessible from a top tab bar:

• Attendance tab: A scrollable monthly calendar grid showing every employee as a row and every calendar day as a column. Each cell is colour-coded by status.
• Leave Summary tab: A paginated table listing all leave requests per employee, with columns for Leave Type, From, To, Days, Reason, and a colour-coded Status badge.

Each cell in the calendar grid is dynamically assigned one of the following tracking states:

• P — Present (Green): Employee has an attendance check-in record for that day.
• A — Absent (Red): Working day with no attendance record and no approved leave.
• L — Leave (Yellow): Employee has a validated leave request covering that day.
• H — Holiday (Teal): Public holiday defined in the company's resource calendar.
• W — Weekend (Grey): Non-working day per the employee's individual work schedule.

Ensuring structural corporate boundaries and security levels across operation workflows:

• Administrator: Sees all departments and all employees; can create, edit, and delete attendance records.
• Own / Team Access – Edit: Sees their own team (subordinates); can edit attendance records.
• Own / Team Access – View: Sees their own team in read-only mode.

A collapsible structural navigation header block provides comprehensive dataset sorting:

• Month / Year stepper: Navigate to any month from 2023 to the current date using left/right chevron buttons.
• Custom date range: Optional From/To date pickers that override the month stepper and display an arbitrary date window.
• Department search: Live-search dropdown with auto-lock: non-admin users who belong to a single department have it pre-selected and locked.
• Employee search: Live-search dropdown filtered by the active department, respecting access-level restrictions.

Clicking a legend badge (Present / Absent / Leave / Holiday / Weekend) at the top of the attendance tab highlights only cells of that status across all employees, dimming the rest. Clicking the summary badges (P-A-L-H-W) on a specific employee row highlights only that employee's days of that status, independent of the global filter.

Each calendar block triggers targeted popups and records forms details contextual to status type:

• Present cell → Attendance Details Dialog: Shows check-in time, check-out time, worked hours, and validated overtime. Authorised users can edit, check out, or delete the record directly from the dialog.
• Leave cell → Leave Details Dialog: Shows leave type, date range, number of days, reason, and approval status. A button opens the full leave form (editable if authorised).
• Holiday cell → Holiday Details Dialog: Shows the public holiday name, date range, and the resource calendar it belongs to.
• Weekend cell → Week Off popup: Displays the employee name and date as a simple confirmation.
• Absent cell (Admin/Edit only) → Opens a blank Attendance form pre-filled with the employee and the clicked date, with check-in defaulting to 08:00.

Create, edit, and delete attendance records without leaving the dashboard view. All create/edit operations enforce a strict month-boundary validation: check-in and check-out dates must fall within the currently selected month, preventing accidental cross-month entries. The dashboard refreshes automatically after any backend engine changes.

The single-click Export button generates a meticulously styled .xlsx workbook mirroring your precise dashboard filters:

• Title row with clean period label definitions (month/year or custom date range).
• Header row with day-number and short weekday name for each targeted date column.
• Per-employee data rows with exact matching color-coded status cells (green, red, yellow, teal, grey).
• Summary columns metrics (P / A / L / H counts) neatly appended at the far right.
• Frozen panes configuration applied for comfortable horizontal scrolling constraints on larger date ranges.
• Respects all active configurations: department setups, employee constraints, active status toggles, and ranges.

The dashboard backend reads each employee's individual resource work calendar (falling back to the company default configuration settings) to correctly distinguish custom operational shift working days from weekend schedules. Public holidays are sourced natively from resource.calendar.leaves and can be configured as calendar-specific or global variables.

All native UTC datetime values stored in databases (attendance check-ins, leave calendar intervals, holiday boundaries) are automatically converted to the logged-in user's configured local timezone before being assigned to matrix blocks, ensuring accurate metrics reporting across globally distributed teams.

Both the Attendance grid and the Leave Summary table systematically display 15 employees per page view with smart pagination framework structures (previous / next controls, dynamic numbered maps, ellipsis placeholders for massive infrastructure datasets).

Clicking any employee's avatar image banner or full-name text inside either of the active layout tabs triggers standard form parameters in a targeted read-only modal dialog box, avoiding disruptive site navigation contexts away from active work.

Each row mapped into the Leave Summary dataset table handles active click-listeners to open targeted hr.leave records. Managers and system administrators open forms in standard edit mode workflows; basic viewers interact with read-only views. Summary listings execute automatic data refreshes immediately upon window termination closures.

Equipped with a core dedicated responsive.css engine file stylesheet that shifts structural layout boundaries gracefully across mobile, tablet, and widescreen display orientations.