ZestfulNation / vue-hotel-datepicker

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.
https://zestfulnation.github.io/vue-hotel-datepicker/
MIT License
840 stars 220 forks source link

Disabled days problem #252

Closed yashiroiori closed 3 years ago

yashiroiori commented 3 years ago

Hi. How I make to disable all day?? The events get from Google Calendar

In image set disabled days: 2021-01-02, 2021-01-03, 2021-01-04 but in image only block day: 2021-01-02 and it's available to select 3 and 4 day but it's not correct can't choose day 3 and 4

image

If set true halfDay block date 2021-01-01 automatic, why it's block??

image

matiasperrone commented 3 years ago

What version are you using?

Please provide me with a working example and indicate your local time zone.

yashiroiori commented 3 years ago

What version are you using?

  • vue-hotel-datepicker Package
  • SO
  • Browser

Please provide me with a working example and indicate your local time zone.

Chrome Mac - Catalina

matiasperrone commented 3 years ago

And the versions of those? Which version of this package are you using?

matiasperrone commented 3 years ago

Ahhh and don't forget to tell me you local time zone.

yashiroiori commented 3 years ago

Ahhh and don't forget to tell me you local time zone.

Version: "vue-hotel-datepicker": "^4.0.0-beta.9" Time zone: America/Mexico_City

Another thing it's in this case, when set :firstDayOfWeek="1" the days move but at the top days not move, for example Thursday it's Friday because Friday I set require min 2 nights

image

In safari bug it's same, block me day 2021-01-01 and day 2021-01-04 unblock with config :firstDayOfWeek="1" image

In safari block day 2021-01-01 and day 2021-01-04 unblock image

matiasperrone commented 3 years ago

Thanks!

Can you provide me with an Vue example of the code? Maybe an unique Vue component file with your configuration hardcoded in data in order to be able to reproduce it?

yashiroiori commented 3 years ago

Thanks!

Can you provide me with an Vue example of the code? Maybe an unique Vue component file with your configuration hardcoded in data in order to be able to reproduce it?

Of course let me make file

Component:

<HotelDatePicker
    :i18n="i18n"
    :firstDayOfWeek="1"
    :showYear="true"
    :showPrice="true"
    :halfDay="false"
    :periodDates="periodDates"
    :disabledDates="disabledDates"
    :lastDateAvailable="new Date(moment().add(6, 'M').format('YYYY-MM-DD'))" />

image

var disabledDates = [
"2021-01-02",
"2021-01-03",
"2021-01-04",
];
yashiroiori commented 3 years ago

Find into the demo the same bug

Using versión 4 OS Catalina Tested Chrome Safari Firefox

Url demo https://github.com/krystalcampioni/vue-hotel-datepicker/tree/v4.0.0-dev/src

Disabled dates image

Wit halfDay 2021-05-01 correct 2021-05-02 correct 2021-05-03 are available 2021-05-04 are marked halfDay 2021-05-05 are available 2021-05-06 correct 2021-05-07 are available 2021-05-08 correct marked halfDay image

Without halfDay 2021-05-04 is remain available image

matiasperrone commented 3 years ago

Check the last version please... did you notice a change?

matiasperrone commented 3 years ago

I will check this issue before release the next beta (The next is 14)

yashiroiori commented 3 years ago

Check the last version please... did you notice a change?

Hi.

Update de package using: "vue-hotel-datepicker": "^4.0.0-beta.13" but have a problem not find file "vueHotelDatepicker.css" into "import 'vue-hotel-datepicker/dist/vueHotelDatepicker.css';"

I check in dist folder not exists image

matiasperrone commented 3 years ago

Check that now! Sorry for the inconvenience

matiasperrone commented 3 years ago

I solve the extra day, but not the first. I think this issue is related to local timezone. I am conducting some tests

yashiroiori commented 3 years ago

Excelent good job thank very much