Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[bug]: Selected calendar date has wrong hover styling in dark mode #6941

Open
2 tasks done
matt-aaron opened this issue Mar 16, 2025 · 1 comment
Open
2 tasks done
Labels
bug Something isn't working

Comments

@matt-aaron
Copy link

matt-aaron commented Mar 16, 2025

Describe the bug

The dark hover styling of the ghost button variant is taking precedence

Affected component/components

Calendar

How to reproduce

  1. Go to https://v4.shadcn.com/#calendar
  2. Enable dark mode
  3. Hover over the selected date in the calendar

System Info

React: 19.0.0
Browser: Firefox 136.0.1
Tailwind: 4.0.12

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues
@matt-aaron matt-aaron added the bug Something isn't working label Mar 16, 2025
@jbmagx
Copy link

jbmagx commented Mar 17, 2025

Hi, I'm also using React 19 and v4 of Tailwind. The Calendar looks like this:

Image

Also, while it can set a state, there's no changes in the UI when selecting a date.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants