Skip to main content

Attendance Capture UI

Summary​

Authorized users capture a daily status and work/overtime values; employees also have punch/manual paths in the punch workspace.

Audience​

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

Purpose​

Authorized users capture a daily status and work/overtime values; employees also have punch/manual paths in the punch workspace.

Attendance board day cell or employee punch workspace.

Intended Users​

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

Preconditions​

Authenticated tenant/employee context; editable date; required capability for manual team capture.

Main Components​

Status controls, work-hour inputs, day cell/editor, bulk selection.

Columns or Fields​

Employee/date, status, work hours, overtime hours and optional note where exposed.

Filters​

Board roster filters determine target employees; no separate capture filter.

Actions​

Save one day, mark selected present, or submit selected employee dates.

Validation​

Required employee/date/status and readonly-date checks; numeric/server rules are enforced by the API.

Loading State​

Board or workspace loading state.

Empty State​

No roster/Attendance data state is explicit.

Success State​

Success toast and query/board refresh.

Error State​

Inline/toast fallback from API failure.

Access Behavior​

Manual capture capability is checked in board state; self capture uses employee context.

API Dependencies​

Attendance save and bulk-punch operations.

Manual marking is blocked on confirmed weekly offs; future/Leave/holiday behavior depends on readonly evaluation and backend route.

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