Skip to content

[DateTimePicker] formatting OK/PM buttons overlap #25422

@jeff-breunig

Description

@jeff-breunig
  • [x ] The issue is present in the latest release.
  • [x ] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

The OK/PM buttons and AM/Clear buttons overlap.

Expected Behavior 🤔

The buttons should be positioned so that they do not overlap.

Steps to Reproduce 🕹

Steps:

  1. https://next.material-ui.com/components/date-time-picker/
  2. Open Date Time Picker on a mobile device
  3. Click the time icon

Context 🔦

The Date Time Picker buttons to display correctly for different device sizes.

Your Environment 🌎

`npx @material-ui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @material-ui/envinfo` goes here.

Chrome: 89.0.4389.90

![Screen Shot 2021-03-20 at 12 10 22 AM](https://user-images.githubusercontent.com/47730809/111859700-b5f2c380-8910-11eb-8ca7-600f7cdacfc9.png)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions