A VueJS v2 responsive date range picker. Displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localization support and more.
Describe the bug
Date Format is not working as expected on mobile view, as I passed the prop with the format I want, we can see that format on inputs, but not after a drawer is opened, the dates on top of the drawer still are in the default format
To Reproduce
Steps to reproduce the behavior:
Set the format you want for inputs
Click on the inputs to open the date picker for mobile view
Check the dates on top of the drawer
Expected behavior
We should see the same format as we pass on props, or we need another prop for this on to be formated on mobile view
Describe the bug Date Format is not working as expected on mobile view, as I passed the prop with the
formatI want, we can see that format on inputs, but not after a drawer is opened, the dates on top of the drawer still are in the default formatTo Reproduce Steps to reproduce the behavior:
Expected behavior We should see the same format as we pass on props, or we need another prop for this on to be formated on mobile view
I checked the source code and saw this https://github.com/krystalcampioni/vue-hotel-datepicker/blob/bb12abce4a799f8033afaa50ccb2dfe179566542/src/DatePicker/HotelDatePicker.vue#L64
I think it should be calling this method:
{{ `${checkIn ? formatDate(checkIn) : i18n['check-in']}` }}or with parameters
{{ `${checkIn ? dateFormater(checkIn, format) : i18n['check-in']}` }}Screenshots