daypicker css overrides by tailwindcss #2070
Replies: 1 comment
-
I found the exmple code by using modifiersClassNames instead of modifiersStyles, the issue is solved |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi,
I am using day-picker and tailwindcss for my project, but I realized that tailwindcss will override button CSS to make them all transparent, of course this is NOT a day-picker's issue.
I customized 'react-day-picker/dist/style.css' by adding
!important
to.rdp-day_selected, .rdp-day_selected:focus-visible, .rdp-day_selected:hover { color: var(--rdp-selected-color) !important; opacity: 1 !important; background-color: var(--rdp-accent-color) !important; }
then the normal button's style is back, but when it comes to custom-modifiers, I don't know how to make the modifiersStyles woking...
Looking for the help or ideas how to deal this...
Thank you.
Beta Was this translation helpful? Give feedback.
All reactions