Leave UI Overview

Summary

Leave UI is implemented in the client HRMS portal through ESS and legacy/admin components selected at the shared /leave route.

Audience

Employees, managers, HR administrators, frontend/backend developers, QA, support, and architects.

Overview

The React/Vite implementation is under UI/salary-ui/apps/client-hrms-portal/src/. The main components are EssLeavePage, LeaveManagementPage, and HolidayConfigurationPage. ESS loads request history and submits a compact request form. The broader page loads requests and HR Operations balance data, presents request/balance/policy tabs, performs client conflict checks, and supports confirmed decisions and pending-request cancellation. Holiday configuration owns holiday CRUD and weekly-off selection in the current client.

Loading skeletons are explicit in ESS. Empty list rendering is shared. ESS query errors are prepared by its hook, but EssLeavePage does not pass that error into the shared request page; this is a confirmed UI gap. The broader workspace renders page-level errors and uses saving/checking states. Success is generally visible through refreshed data; ESS also emits a success toast.

No dedicated extracted-service UI client, editable Leave Service policy/type screen, workflow timeline, carry-forward screen, or encashment screen was found.

Source References

• UI/salary-ui/apps/client-hrms-portal/src/App.tsx
• UI/salary-ui/apps/client-hrms-portal/src/pages/hr/PayrollFeaturePages.tsx
• UI/salary-ui/apps/client-hrms-portal/src/ess/EssPages.tsx
• UI/salary-ui/apps/client-hrms-portal/src/ess/essApi.ts

Related Articles

• Leave UI
• Leave API

See Also

• Leave business documentation
• Leave technical documentation

Keywords

• Leave UI
• Leave UI Overview
• Workforce management

Revision Information

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