search

6eDesign / svelte-calendar

A lightweight datepicker with neat animations and a unique UX.
https://6edesign.github.io/svelte-calendar/
MIT License
543 stars 90 forks source link

[feature] style the button before styling the calendar #133

Open BigBoulard opened 3 years ago

BigBoulard commented 3 years ago

Hi,

Just a quick suggestion. It would have been cool to be able to style the button : width, height, disable the drop shadow etc. instead of doing things like this in the parent:

:global(div.trigger > div.button-container > button) {
        box-shadow: none;
    }

Note that because of the specificity, div.button-container > button doesn't work but div.trigger > div.button-container > button is doing the job for removing the box-shadow on the button.

Best.

6eDesign commented 3 years ago

Did you know that you can provide your own button/trigger for the calendar?

I'm happy to add more theming capabilities to the default trigger but providing your own button/input/etc is often going to be the best course of action

rafrafek commented 2 years ago

You can provide your own button, but in 3.1.6 you can't pass style to it's internals, e.g. style="width: 100%;". In 2.0.4 you can.