Description

Related Document: Document 1

As a manager,
I want to be able to visually distinguish between days that have time entries and days that do not have any time entries in the date range filter,
So that I can quickly identify gaps in time tracking, ensure complete coverage, and focus on relevant dates when reviewing timesheets.

Requirements

• Enhance the date range filter in the timesheet view to visually differentiate days with and without time entries.

• Implement a calendar-style interface for the date range selection.

• Ensure the visual indicators are clear and accessible.

Acceptance Criteria

• The date range filter includes a calendar-style interface for selecting start and end dates.
• Days with time entries are visually distinct from days without entries.
• Managers can click on any date to set it as the start or end date of the filter range.

Technical

Available:

• API for Timesheet : https://api.gauzy.co/swg#/TimeLog/TimeLogController_getLogs
• Method : GET
• Sample Request URL: /api/timesheet/time-log
• Sample Payload:

activityLevel[start]: 0
activityLevel[end]: 100
organizationId: 7fac8f69-2721-42c6-a3df-25dfa8a88bda
tenantId: 5049a039-4104-49dc-9356-ba005b0ed7e9
startDate: 2024-10-22 21:00:00
endDate: 2024-10-23 20:59:59
timeZone: Asia/Famagusta
relations[0]: project
relations[1]: task
relations[2]: organizationContact
relations[3]: employee.user

• We can customize the startDate and endDate to allocate this filter