search

elreco / vue-tailwind-datepicker

A Vue 3 Datepicker using Tailwind CSS
https://vue-tailwind-datepicker.com
MIT License
233 stars 44 forks source link

How to force display:none with !important on Month and Year ? #155

Open aalfiann opened 3 months ago

aalfiann commented 3 months ago

Describe the bug This vue-tailwind-datepicker is works well but I got some problem on Month and Year display.
This is might be a bug only for me because of my css template. Because my app is already big, I can't just modify the css.

it doesnt hide the Month and Year. so I got to use style="display:none !important" on element with class "px-0.5 sm:px-2" which is contains "flex flex-wrap"

Here is the screenshot

artytechy commented 2 months ago

The same problem is happening to me, but I do not have any custom CSS templates. I attempted to remove DaisyUI, but the problem persisted. Have you resolved the issue?

aalfiann commented 2 months ago

The same problem is happening to me, but I do not have any custom CSS templates. I attempted to remove DaisyUI, but the problem persisted. Have you resolved the issue?

Yes I did, there is workaround using javascript to handle this, but the performance is bad. Better to solve this in Vue way.

artytechy commented 2 months ago

My issue was resolved when I attempted to delete or set to false important: true in the tailwind.config.js file.

aalfiann commented 2 months ago

Yeah, I did it in the first time, but it gonna broke some of element in my website. since this is a big website, I can't do that.