It is not possible to change the calendar display on a mobile

[zhukovskayams]

NextUI Version

2.4.0

Describe the bug

It is not possible to change the calendar display on a mobile phone. it should be possible to display one by one as a column

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. add DateRangePicker with 2 visibleMonths to the page
2. switch to mobile mode
3. open calndar

Expected behavior

calendars displayed one by one as column, no scrollbars

Screenshots or Videos

No response

Operating System Version

macOs

Browser

Chrome

[linear[bot]]

ENG-956 It is not possible to change the calendar display on a mobile

[pratyush3124]

The way it is currently is all the 3 headers are in a div and all the 3 calenders are in another div. (visibleMonths={3}).

I can put individual header-calender pair in a div and then make the parent responsive? using breakpoints?