search

6eDesign / svelte-calendar

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

Allow Responsive Design #107

Closed zdenda-online closed 3 years ago

zdenda-online commented 3 years ago

Hello, the component is nice but the fact the button is fixed 300px limits the use for responsive design. It would be fine to allow styling not only wrapping div but mainly the button. Or at least make button width 100% instead of fixed value and let parent (client) component to decide its width (e.g. by wrapping to div)

It is typical that mobile devices have width of input elements (buttons etc) on 100%.

6eDesign commented 3 years ago

You can supply your own button to the component with whatever styling you'd like. There are examples of this in the demo but to summarize you just pass your button as a child/slot of the datepicker.

zdenda-online commented 3 years ago

Oh I missed that, sorry my apologies.

6eDesign commented 3 years ago

No worries at all. Thank you