Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
zhukovskayams opened this issue Jun 4, 2024 · 2 comments
Open

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

zhukovskayams opened this issue Jun 4, 2024 · 2 comments
Labels
📦 Scope : Components Related to the components ✨ Type: Enhancement New enhancement on existing codebase

Comments

@zhukovskayams
Copy link

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 Linear
Copy link

linear bot commented Jun 4, 2024

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

@wingkwong wingkwong added ✨ Type: Enhancement New enhancement on existing codebase 📦 Scope : Components Related to the components labels Jun 4, 2024
@pratyush3124
Copy link
Contributor

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

@awesome-pro awesome-pro mentioned this issue Jul 31, 2024
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
📦 Scope : Components Related to the components ✨ Type: Enhancement New enhancement on existing codebase
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(calendar): vertical appearance in mobile devices awesome-pro/nextui
3 participants
@wingkwong @pratyush3124 @zhukovskayams