vuematerial/vue-material

MdDatepicker needs placement as a prop

Closed this issue · 1 comments

Why?

In some screen sizes if you put a date field at the right of the screen the md-datepicker-dialog opens out of the screen and adds a vertical scroll.

How to fix it?

If we add an md-placement to the date-picker component we can place the dialog based on the input placement so in the case of input at the end of the screen we can set the placement to 'bottom-end' so popper js will place the dialog from the end.

Other issues related to this issue?

#2352
this issue also fixes this problem by setting the placement to 'bottom-end'.

if you need this feature quickly you can pull the repository in this branch then build it and copy the dist folder in your node_modules/vue-material
then use this package to patch it:
https://github.com/ds300/patch-package