Skip to main content

Shift Management UI

Summary​

HR settings users list, create, edit, and deactivate/delete through the Shift compatibility surface.

Audience​

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

Purpose​

HR settings users list, create, edit, and deactivate/delete through the Shift compatibility surface.

Shift settings navigation.

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​

Shift form, Shift table, edit/cancel actions and delete confirmation.

Columns or Fields​

Name, start/end time, grace minutes and overtime-rule text.

Filters​

No Shift search/filter is implemented.

Actions​

Add, update, edit, cancel and delete/deactivate.

Validation​

Name is required; numeric input minimums are present; backend validates timing and constraints.

Loading State​

No dedicated loading indicator was found.

Empty State​

Table component handles empty rows; exact empty copy is generic.

Success State​

List reload after save/delete.

Error State​

Inline safe error text.

Access Behavior​

Protected route checks settings feature hints; backend enforcement remains Transitional.

API Dependencies​

Shift list/create/update/delete compatibility operations.

Backend deactivates rather than physically deletes; assignments are not managed on this screen.

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