Attendance UI Overview

Summary

Attendance UI is implemented in the client HRMS portal and depends on gateway-facing APIs whose backend ownership can vary during extraction.

Audience

• Product owners, frontend/backend developers, QA engineers, support engineers, and architects

Overview

The weekly board loads Attendance, employee roster, Leave, holiday, weekly-off, and reopen data; supports filters, detail panels, manual capture, bulk review, and export. Punch views cover today, weekly history, manual/bulk entry, and reopen requests. Time Office UI combines Shift and policy administration; weekly offs share a holiday settings page. Reports support date/employee filtering, totals, pagination, and PDF/CSV export.

Loading, empty, success, and error states are present but inconsistent across components. Toasts and inline errors are common. Current maturity is Transitional because route/client contracts still support monolith and extracted-service behavior.

Source References

• UI/salary-ui/apps/client-hrms-portal/src/App.tsx
• UI/salary-ui/apps/client-hrms-portal/src/pages/AttendanceStatus.tsx
• UI/salary-ui/apps/client-hrms-portal/src/pages/hr/PayrollFeaturePages.tsx
• UI/salary-ui/apps/client-hrms-portal/src/pages/AttendanceReportPage.tsx
• UI/salary-ui/packages/api-client/src/index.ts

Related Articles

• Attendance UI
• Attendance business documentation
• Attendance API documentation

See Also

• Attendance troubleshooting
• Attendance reference

Keywords

• Attendance UI
• React
• User workflow

Revision Information

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