Skip to main content

Attendance Reports UI

Summary​

Authorized report users generate a date-range Attendance table and export it.

Audience​

  • Employees, managers, administrators, developers, QA engineers, and support engineers as applicable

Purpose​

Authorized report users generate a date-range Attendance table and export it.

Reports hub to Attendance report.

Intended Users​

Source-defined navigation audiences and API authorization determine access; see Navigation and access.

Preconditions​

Authenticated tenant user with reports feature/permission hint.

Main Components​

Date and employee filters, status totals, table, pagination, PDF/CSV buttons.

Columns or Fields​

Employee, date, status, hours and approval state.

Filters​

Start/end date and optional employee.

Actions​

Generate, page, download PDF, download CSV and return to reports.

Validation​

Start and end dates are required.

Loading State​

Generating text in the table/button.

Empty State​

Explicit no-records message.

Success State​

Rendered totals/table and browser download.

Error State​

Inline report-generation error.

Access Behavior​

Protected report route checks report hints; backend enforcement remains authoritative.

API Dependencies​

Employee list and weekly Attendance query.

Totals cover Present, Absent and HalfDay; organization filters are not implemented.

Screenshot Placeholder​

Capture later from a safe non-production environment using synthetic data. Remove identifiers and personal details before publication.

Source References​

  • UI/salary-ui/apps/client-hrms-portal/src/pages/AttendanceReportPage.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/App.tsx

See Also​

Keywords​

  • Attendance UI
  • React
  • User workflow

Revision Information​

  • Status: Draft
  • Last reviewed: 2026-07-15
  • Review cycle: Quarterly