fixed the date-picker icon styling in Dark and High-Contrast themes

[insanekrishnna]

Addressed Issues

Fixes #546

Changes

Updated the Create New Tournament date input to follow the active theme’s native color scheme.

• Preserved the black calendar icon in Light Theme.
• Changed the calendar icon to white in Dark Theme.
• Changed the calendar icon to white in High-Contrast Theme.
• Kept the existing input behavior, validation, and styling unchanged.

Testing

• Ran focused ESLint validation successfully.
• Ran git diff --check successfully.
• Confirmed only the tournament date input was changed.
• Confirmed no unrelated functional changes were introduced.

Screenshots/Recordings

Before

The calendar icon remained black in every theme, making it difficult or impossible to see against Dark and High-Contrast backgrounds.

calender_issue.mp4

After

The calendar icon remains black and visible in Light Theme. It becomes white and clearly visible in Dark and High-Contrast themes.

sol_date_picker_calendar.mp4

[coderabbitai]

Warning

Review limit reached

Next included review available in 9 seconds.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 9c9baa6d-15e2-4077-a723-28e6b01f39c9

📥 Commits

Reviewing files that changed from the base of the PR and between 9f90f9b and eac6aa6.

📒 Files selected for processing (1)

• frontend/src/Pages/TournamentHub.tsx

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}