Skip to main content

Weekly Attendance Grid

Summary​

Administrators and managers review employees across a Monday-to-Sunday week.

Audience​

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

Purpose​

Administrators and managers review employees across a Monday-to-Sunday week.

Attendance navigation to the shared Attendance route.

Intended Users​

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

Preconditions​

Authenticated tenant user with roster/view capability and available Attendance dependencies.

Main Components​

Week controls; employee board; day cells; filters; selection bar; detail panel.

Columns or Fields​

Employee identity/organization, seven day cells, weekly totals and action controls.

Filters​

Employee search plus department, manager, and status filters.

Actions​

Open day/employee details, select rows, manual marking, approve/reject pending work, export.

Validation​

Readonly reasons guard future dates, weekly offs, holidays, Leave and unsupported cells; backend validation remains authoritative.

Loading State​

Skeleton/loading indicator.

Empty State​

An explicit no-records state suggests changing date or filters.

Success State​

Toasts and refreshed board data after successful mutations.

Error State​

Inline and toast errors use API messages or safe fallback text.

Access Behavior​

Action visibility uses session capability flags; API authorization is authoritative.

API Dependencies​

Weekly Attendance, roster, Leave, holiday, weekly-off, session and reopen operations.

Weekly-off, joining-date, tenant, calculation, review and reopening rules.

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/AttendanceStatus.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