search

MikaelEdebro / vue-airbnb-style-datepicker

A VueJs datepicker with a similar look and functionality as the popular AirBnb datepicker.
https://mikaeledebro.gitbooks.io/vue-airbnb-style-datepicker/
MIT License
505 stars 105 forks source link

Customized date groups #91

Closed sikandartariq1 closed 5 years ago

MikaelEdebro commented 5 years ago

I think it's best to use:

:customized-dates="[
  {
    dates: ['2019-03-21', '2019-03-22', '2019-03-23'],
    cssClass: 'booked'
  },
  {
    dates: ['2019-03-29', '2019-03-30'],
    cssClass: 'not-available'
  },
]"

That way we only need one property, and it's really clear what class to add to the specified dates.

sikandartariq1 commented 5 years ago

perfect!

sikandartariq1 commented 5 years ago

Updated!! Please take a look @MikaelEdebro

MikaelEdebro commented 5 years ago

Hi! Sorry for the delay. Have been really busy with work and other stuff. :)

I'll have a look at this in the upcoming days. I'll just have to pull the branch and test locally, and write some docs in the readme.

sikandartariq1 commented 5 years ago

No problem! Let me know if I can help with something

MikaelEdebro commented 5 years ago

@sikandartariq1 It would be great if you can document this in https://github.com/MikaelEdebro/vue-airbnb-style-datepicker/blob/master/docs/INSTALLATION.md#props-and-events And also add this prop to the "all examples" below the table.

MikaelEdebro commented 5 years ago

Thanks for the contribution. This is now released in https://github.com/MikaelEdebro/vue-airbnb-style-datepicker/releases/tag/v2.6.0

sikandartariq1 commented 5 years ago

Cool, thanks!