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

monthsToShow with respect to screen size. #107

Open sikandartariq1 opened 5 years ago

sikandartariq1 commented 5 years ago

Can we have monthsToShow option with respect to screen size? At least for tablet and desktop as we have default value 1 for mobile.

For example: monthsToShow-desktop: 1 monthsToShow-tablet: 2

Why we need this: Very common in design that we increase space (e.g bootstrap columns for small screens). I've faced the same problem showing datepicker in col-lg-3 col-md-12, now tablet has enough space (12 columns) to display 2 months but not for 3 columns for desktop.

sikandartariq1 commented 5 years ago

112

linhbui167 commented 4 years ago

I think it's better if we have an option breakpoint to define width of month, number month rather than that

sikandartariq1 commented 4 years ago

@linhbui167 can you please elaborate? didn't get your point.

linhbui167 commented 4 years ago

I mean something like this :

[
      {
        screen: 375,
        maxMonthShow: 1,
        monthWidth: 300,
      },
      {
        screen: 768,
        maxMonthShow: 2,
        monthWidth: 300,
      },
]