title: Need a responsive datepicker rather than pickadate.js
body: <p>I need a responsive date picker for travel site. I've tried lots of Google searches but can't find any responsive date picker except pickadate.js but I want to show two months at a time...</p>
  
  <p>I also tried to make the jQueryUI date picker responsive like: </p>
  
  <pre><code> @media (max-width: 480px) {    
     #ui-datepicker-div{ width:70%!important;}
    .ui-datepicker-multi, .ui-datepicker-group {float: none!important;}
    .ui-datepicker-multi-2 .ui-datepicker-group{width:100%!important;}
  }
  </code></pre>
  
  <p>but the problem is the calender open in up direction; see the attached photo</p>
  
  <p><img src="https://i.stack.imgur.com/m57mb.png" alt="in iphone the calender open in up direction"></p>