3

I've been exploring the Airbnb's react-dates library and am having a difficult time trying to wrap my thoughts around how to trigger it's mobile responsiveness API. Currently, I have the 'minimum required' code to have a functioning calendar, however, I do not think it's mobile-friendly off the shelf.

Another solution that I may attempt, is manually implementing media queries in the css to trigger a mobile-friendly layout, but this solution seems wrong and/or "over-engineered".

Please note that I am looking for guidance towards proper configuration for a mobile-friendly react-dates calendar and not a copy/paste style solution.

TylerH
  • 20,799
  • 66
  • 75
  • 101
D.Day
  • 39
  • 3

1 Answers1

2

There are two issuse found in their github page

https://github.com/airbnb/react-dates/issues/1242 https://github.com/airbnb/react-dates/issues/262

Neither helped me so I ended up with my own solution.

 <DateRangePicker
          readOnly
          verticalHeight={370}
          orientation="vertical"
          numberOfMonths={1}
...
...
/>
Jivan
  • 1,263
  • 1
  • 10
  • 10