Prem - Date-Based Functionality Not Working

[Prem203]

Description

Related PRS (if any):

This frontend PR is not related to any backend PR.
…

Main changes explained:

• Update file CPDashboard to include date based filter. Also added functionality for tomorrow and this weekend radio buttons so that users can now filter data using any of the three choices. Modified the mock data so that PR can be tested by using the radio buttons.
  …

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
6. verify this weekend radio button displays data for coming weekend.
7. verify tomorrow radio button displays events for tomorrow.
8. verify date filter filters out the events happening on exact date.

Screenshots or videos of changes:

Note:

The dark mode is not included in the task description and hence was not implemented. Only check the date picker and the two radio buttons.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	26e941b
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6935c6b29acb760008cf445e
😎 Deploy Preview	https://deploy-preview-4305--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.

[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

[bhanuanishakkineni]

Hello Prem,
I have reviewed this PR and tested the functionality of filtering events based on dates.
I tested this using all three that is, tomorrow radio button, this weekend radio button and custom date filter. For this I had to update the dates on mock events from CPDashboard.jsx
The functionality is working as expected. This is able to filter PRs based on the selected date.

PR.4305.testing.mp4

[sonarqubecloud]

Quality Gate passed

Issues
3 New issues
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]

Functionality working as expected.

[Anusha-Gali]

Hi Prem,

I have reviewed your PR locally and the main requirements of functionality does work as expected but i did notice that the view of the page is different than that of your as shown in the video. Please have a look into it.

[sayali-2308]

• Branch: Prem-Date-functionality-not-working
• Tested as: Admin user
• Browser: Chrome
• Date: January 29, 2026

What Was Tested:

1. Tomorrow Filter:

   • Clicked "Tomorrow" radio button
   • Date auto-filled to 29-01-2026 (tomorrow's date)
   • Events filtered correctly - showed "No events available" for tomorrow
   • Filter logic working as expected

2. This Weekend Filter:

   • Clicked "This Weekend" radio button
   • Events filtered to weekend dates

3. Date Picker:

   • Used date picker to select specific dates
   • Events filtered correctly based on selected date

4. Default View:

   • All Events displays upcoming events correctly
   • Event cards show proper information (date, time, location)

Minor CSS/Styling Observations:

• Dark mode styling could be improved (contrast/readability)
• Some CSS alignment issues noticed in Search Filters section
• These are cosmetic issues and don't affect functionality

Date-based filtering functionality works correctly. Tomorrow, This Weekend, and date picker filters all function as expected. Minor CSS improvements could be made in future iterations, but core functionality is solid.