Disabled days problem

[yashiroiori]

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

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

[matiasperrone]

What version are you using?

• vue-hotel-datepicker Package
• SO
• Browser

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

[yashiroiori]

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]

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

[matiasperrone]

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

[yashiroiori]

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

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

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

[matiasperrone]

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]

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'))" />

var disabledDates = [
"2021-01-02",
"2021-01-03",
"2021-01-04",
];

[yashiroiori]

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

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

Without halfDay
2021-05-04 is remain available

[matiasperrone]

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

[matiasperrone]

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

[yashiroiori]

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

[matiasperrone]

Check that now! Sorry for the inconvenience

[matiasperrone]

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

[yashiroiori]

Excelent good job thank very much