search

longbill / jquery-date-range-picker

A jQuery plugin that allows user to select a date range
MIT License
1.12k stars 579 forks source link

Responsive issue - date-picker-wrapper width #396

Open xApep opened 6 years ago

xApep commented 6 years ago

Hello. I have two input date range. By default the date-picker-wrapper has 450px (aprox.) of width, also I have two months. When on smaller screen, let say 420px you get to see only half of the date-picker-wrapper, when smaller resolution even less.

Is there any responsive solution, to maybe only show one month one some breakpoints?

image

Thanks.

amaraneni commented 6 years ago

you can set singlemonth: false to show only one month always or you can customize the breakpoint by editing js file check for
if (opt.singleMonth == 'auto') opt.singleMonth = $(window).width() < 480;

with few modifications in css and js file, I was able to make it responsive.