search

nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
20.71k stars 1.27k forks source link

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

Open zhukovskayams opened 1 month ago

zhukovskayams commented 1 month ago

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

Снимок экрана 2024-06-04 в 13 49 57 image

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

Снимок экрана 2024-06-04 в 13 55 17

Screenshots or Videos

No response

Operating System Version

macOs

Browser

Chrome

linear[bot] commented 1 month ago

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

pratyush3124 commented 3 weeks ago

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?

image