northwalker / vue-hotel-datepicker

A Vue.js date range picker component without other dependencies for hotels and multi-purpose.
https://northwalker.github.io/vue-hotel-datepicker/
MIT License
85 stars 27 forks source link

Issue when closing calendar on mobile #51

Open ShapesGraphicStudio opened 1 year ago

ShapesGraphicStudio commented 1 year ago

Hello,

Using Desktop, it's OK, when I select arrival date, and close the calendar to reopen it nothing changes.

But using mobile, when I close calendar, the dates somehow resets and I can select dates that I should not be able to select.

To illustrate this:

First calendar opening is OK

Capture d’écran 2023-03-16 à 12 36 42

If I select March 26th I can't select departure as 26th can't be an arrival day (by the way, half days do not have specific css class to show if it's just an arrival open date or departure open date).

Capture d’écran 2023-03-16 à 12 37 14

If I close the calendar to reopen it arrival date is still selected but all other dates reappear which allows the user tu select March 28th for departure which leads to double / overlapping bookings.

Capture d’écran 2023-03-16 à 12 37 54 Capture d’écran 2023-03-16 à 12 45 02

This is only happening on mobile layout. Any idea on how to solve this? Is an event triggered on close only on mobile?