vue-airbnb-style-datepicker icon indicating copy to clipboard operation
vue-airbnb-style-datepicker copied to clipboard

monthsToShow with respect to screen size.

Open sikandartariq1 opened this issue 5 years ago • 4 comments

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 avatar May 15 '19 11:05 sikandartariq1

#112

sikandartariq1 avatar May 23 '19 09:05 sikandartariq1

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

linhbui167 avatar Aug 09 '19 04:08 linhbui167

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

sikandartariq1 avatar Aug 09 '19 04:08 sikandartariq1

I mean something like this :

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

linhbui167 avatar Aug 09 '19 06:08 linhbui167