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.

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

[pickers] centering the Popper to the center of the window #15291

Closed
isdisd2 opened this issue Nov 6, 2024 · 3 comments
Closed

[pickers] centering the Popper to the center of the window #15291

isdisd2 opened this issue Nov 6, 2024 · 3 comments
Labels
component: pickers This is the name of the generic UI component, not the React module! customization: logic Logic customizability new feature New feature or request status: waiting for author Issue with insufficient information

Comments

@isdisd2
Copy link

isdisd2 commented Nov 6, 2024

Summary

how to set Popper's DatePicker position centered on the center of the window, similar to what MobileDatePicker does? MobileDatePicker does this automatically. Please add this option to DatePicker/DesktopDatePicker.
I can't use MobileDatePicker because I need a keyboard to enter the date. The keyboard is disabled in the mobile version.

Examples

slotProps={{
  popper: {
    placement: "center-center",
   },
}}

Motivation

the 'placement' property, if set to "auto", sometimes places the popper outside the visible area of ​​the window.

Search keywords: center position DatePicker

@isdisd2 isdisd2 added new feature New feature or request status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Nov 6, 2024
@michelengelen
Copy link
Member

To help us diagnose the issue efficiently, could you provide a stripped-down reproduction test case using the latest version? A live example would be fantastic! ✨

For your convenience, our documentation offers templates and guides on creating targeted examples: Support - Bug reproduction

Just a friendly reminder: clean, functional code with minimal dependencies is most helpful. Complex code can make it tougher to pinpoint the exact issue. Sometimes, simply going through the process of creating a minimal reproduction can even clarify the problem itself!

Thanks for your understanding! 🙇🏼

@michelengelen michelengelen added status: waiting for author Issue with insufficient information component: pickers This is the name of the generic UI component, not the React module! customization: logic Logic customizability and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Nov 6, 2024
@michelengelen michelengelen changed the title DatePicker - centering the Popper to the center of the window [pickers] centering the Popper to the center of the window Nov 6, 2024
@LukasTy
Copy link
Member

LukasTy commented Nov 8, 2024

@isdisd2 could you clarify visually what you would like to achieve? 🤔
center placement does not exist.
If you would like the "modal" experience, but have the option to edit the date with the keyboard, then feel free to follow #7869 and we could treat this as a duplicate at that point. 😃

Copy link

The issue has been inactive for 7 days and has been automatically closed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: pickers This is the name of the generic UI component, not the React module! customization: logic Logic customizability new feature New feature or request status: waiting for author Issue with insufficient information
Projects
None yet
Development

No branches or pull requests

3 participants