uha fix ui visibility labour hour chart

[uhakruthi1]

Description

Related PRS (if any):

https://github.com/OneCommunityGlobal/HighestGoodNetworkApp/pull/4279/files

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to http://localhost:5173/bmdashboard/totalconstructionsummary
6. verify dark mode styling

Screenshots or videos of changes:

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	4821b9f
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69743861e0d6d800089c12cd
😎 Deploy Preview	https://deploy-preview-4732--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Anusha-Gali]

Hi Uha,

I have reviewed your PR locally, though most of the functionality is well adapted to dark mode. The issues i found are:

• The calendar in Distribution of Labor Hours is still very much in Light mode.
• Similarly the Custom Dates option in Paid Labor Cost appears broken.
• Also both the heading are in different text color, i suppose both should be in Blue.
• And the submit button does not work in Distribution of Labor Hours which i assume could be out of scope for you.

**Issue related images**

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[uhakruthi1]

Hi Uha,

I have reviewed your PR locally, though most of the functionality is well adapted to dark mode. The issues i found are:

• The calendar in Distribution of Labor Hours is still very much in Light mode.
• Similarly the Custom Dates option in Paid Labor Cost appears broken.
• Also both the heading are in different text color, i suppose both should be in Blue.
• And the submit button does not work in Distribution of Labor Hours which i assume could be out of scope for you.

Issue related images

Hi Anusha, Thank you for reviewing the PR and for the detailed feedback.
My task scope was limited to Distribution of Labor Hours, so I did not make changes related to Paid Labor Cost. The calendar issue in Distribution of Labor Hours has been fixed as part of this PR.
The remaining points (Custom Dates in Paid Labor Cost, heading color inconsistency, and the submit button issue) are currently outside the scope of this task. If needed, I can address them in a separate task.

[Anusha-Gali]

Hi Uha,

Thanks for the update and appreciate the fix for the calendar issue. Please do address the other issues to the concerned people who take care of the document that has this PR, if these do not exist already. Mainly the submit issue since without that we cannot verify if the options selected even work.

[rohanrastogi311]

Hi Uha,

Well done with this implementation.

Issues:
Project Status is not accurate.
Paid Labor Cost - White dropboxes.