search

kenhyuwa / litepie-datepicker

Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.
https://litepie.com
MIT License
373 stars 75 forks source link

Datepicker alignment #7

Closed tbordinat closed 3 years ago

tbordinat commented 3 years ago

Hi,

Thank you for your work !

As you can see below, the right calendar isn't available, because it's the end of my screen. image

It would be great to be able to define if the div under the label has to be on the left or on right side. Maybe something like this : image

To do so, I simply added a right-0 here <div class="absolute z-50 inset-x-auto top-full sm:mt-2.5 right-0" and set the right-3 in the .litepie-datepicker::before class instead of the left-3.

kenhyuwa commented 3 years ago

Thank you for suggestions. for the next, I'll implement with viewports.

tbordinat commented 3 years ago

Great ! I don't know viewports but tell me if I can help you in any way.

kenhyuwa commented 3 years ago

You can read this API.

kenhyuwa commented 3 years ago

Fix aligment v1.0.8.

tbordinat commented 3 years ago

I confirm, it's working perfectly, thx a lot !