Skip to content

mat-datepicker touchUI MAT_DIALOG_DEFAULT_OPTIONS minWidth: '50vw' looks weird on large screens #18648

@pgg

Description

@pgg

What are you trying to do?

What are you trying to do?

Display mat-datepicker in touchUI mode

What troubleshooting steps have you tried?

What are you seeing that does not match your expectations?
With global MAT_DIALOG_DEFAULT_OPTIONS minWidth: '50vw' on a laptop screen the calendar is top left aligned and small in a big dialog with lots of white space, does not look great

Reproduction

We can only help if we can reproduce the problem ourselves.

Use StackBlitz to demonstrate what you are trying to do: https://stackblitz.com/fork/components-issue

Steps to reproduce:

  1. Should be trivial

Environment

  • Angular: 9.0.3
  • CDK/Material: 9.1.0
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): macOS

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions