Fix incorrect "today" date highlight in Calendar component

[Krishna-sm]

📄 Description

The Calendar component is incorrectly highlighting the "today" date.

From the attached screenshot, the selected/highlighted date is 5, but it is not actually today's date. The UI suggests that this is the current day (with a filled background and dot indicator), which is misleading.

This creates confusion for users, as the "today" state should always reflect the system date, not a previously selected or default value.

📸 Screenshot

The date 5 is highlighted as "today", which appears incorrect.

---

⚠️ Expected Behavior

• The calendar should automatically detect and highlight the current system date.

• "Today" should:

  • Be visually distinct (as per design system)
  • Update correctly on render

• If a user selects another date, it should not override the "today" indicator styling.

---

❌ Actual Behavior

• A non-current date (e.g., 5) is shown as "today"

• The highlight appears to be:

  • Either a default state
  • Or incorrectly tied to selected instead of today

---

✅ To Do

• Verify how "today" is calculated (e.g., new Date() vs controlled state)

• Ensure "today" and "selected" states are handled separately

• Fix styling logic:

  • today → indicator (dot / subtle highlight)
  • selected → active selection (background)

• Add test cases:

  • Renders correct "today" date
  • Selecting another date does not override "today"

• Check timezone edge cases (UTC vs local time)

• Validate behavior across different months navigation

---

[Valley-15]

Hello @Krishna-sm sir,

I attempted to reproduce this issue locally using the latest version of the repository.

🧪 Steps I followed:

1. Ran the project locally

2. Navigated to:

   /booking/upcoming?view=calendar
   

3. Observed the calendar behavior on initial render

4. Clicked on multiple dates to test interaction

5. Verified behavior across different dates in the same month

🔍 Observations:

• The current system date (e.g., 10th April) is correctly indicated with a dot
• Selecting another date applies a separate highlight (background)
• The "today" indicator (dot) remains fixed and does not move when selecting another date

✅ Conclusion:

• "today" and "selected" states appear to be handled independently and correctly
• I was not able to reproduce the issue where a non-current date is shown as "today"

❓ Clarification:

It’s possible that:

• The issue has already been resolved in recent changes, or
• The highlighted date in the original screenshot may have been the selected state rather than the "today" indicator

Could you please confirm if this issue still occurs on your side with the latest version, or provide steps to reliably reproduce it?

Thanks!