Prem-Fixed past date selection in activity list

[Prem203]

Description

Related PRS (if any):

This frontend PR is not related to any backend PR.

Main changes explained:

• Update file ActivityList.jsx and its css module to add past date validation and support for dark mode.
  …

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 /communityportal/activities
6. verify that the date picker does not allow past dates to be selected.
7. verify this new feature works in dark mode.

Screenshots or videos of changes:

Note:

N/A

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	68fc10f
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6935cfda2a15b60008e1ae1f
😎 Deploy Preview	https://deploy-preview-4480--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 Prem,

I have reviewed your PR locally, the main functionality of the calendar not showing past date works as per requirement. Issue 1: Though in dark mode When navigating to a date with no activities - it looks as below i.e a full-width block appears across the entire page.


Issue 2: When selecting the current date (which also has no events), the layout does not appear centered relative to the calendar. Additionally, past events are still being displayed in this view.


Main functionality - works as per requirement

Note: let me know if any of this is not a part of your requirement.

[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

[rohanrastogi311]

Overall functionality works, unable to select past dates. Issue: In dark mode there is a bar spanning the entire screen where the date selector is. It's not showing in light mode though.