lumada-design / hv-uikit-react

UI library for the Next Design System.
https://lumada-design.github.io/uikit/master
Apache License 2.0
39 stars 21 forks source link

Datepicker doesn't fit into screen #4290

Open sachinlandage88 opened 3 months ago

sachinlandage88 commented 3 months ago

Which UI Kit version is this bug for?

v5.x

Latest version

No Hitachi confidential content

Current behavior 😯

Screen Resolution:- 1920 x 1080 I am using date picker control on dialog, which doesn't fit into the screen. Kindly see the attached video for the issue and let me know if you need any other information.

Thank you, Sachin

https://github.com/user-attachments/assets/43bde336-7a6c-4a76-98c8-0b9c1989f297

Expected behavior 🤔

No response

Steps to reproduce 🕹

Sandbox link:

Steps to reproduce:

1. 2. 3. 4.

Context 🔦

No response

Your Environment 🌎

Build tool: (e.g. Vite 4, Webpack 5) Device & OS: (e.g. Windows 11 laptop, iPhone 13 iOS15) Browser: (e.g. Chrome 112, Safari 15.4) Other details (e.g. 4K resolution, ...)

zettca commented 2 months ago

Hello @sachinlandage88 👋

We've since made some updates on DatePicker so that it's a bit more condensed and better fits on the page. It's available since v5.69.0.

But from my understanding you either have low resolution or a high zoom level. In these cases, I believe we would need to support some kind of mobile-friendly DatePicker (similarly to what MUI does). I'm marking this as a feature request; will discuss this with the team and get back to you

sachinlandage88 commented 2 months ago

Thank you @zettca for the update.