Skip to main content

Attendance Policy Management UI

Summary​

HR settings users create and edit tenant Attendance policies on the Shift page.

Audience​

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

Purpose​

HR settings users create and edit tenant Attendance policies on the Shift page.

Shift settings route, Attendance Policies section.

Intended Users​

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

Preconditions​

Authenticated tenant user with settings/Shift feature hints.

Main Components​

Policy form and policy table with default/active badges.

Columns or Fields​

Name; standard/full/half-day hour categories; late grace; overtime category; shortfall, default and active flags.

Filters​

Inactive policies are requested from the API; no UI search.

Actions​

Create, edit, update and cancel.

Validation​

Name required; half-day threshold cannot exceed full-day threshold; backend owns remaining validation.

Loading State​

No dedicated loading indicator.

Empty State​

Explicit no-policies table message.

Success State​

Success toast and list reload.

Error State​

Inline API-derived fallback.

Access Behavior​

Same protected settings route as Shifts; API enforcement is authoritative.

API Dependencies​

Policy list/create/update operations.

Policy-rule rows are counted but not edited: dedicated rule editing is 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/hr/PayrollFeaturePages.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