search

vuematerial / vue-material

Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
https://www.creative-tim.com/vuematerial
MIT License
9.88k stars 1.16k forks source link

MdDatepicker needs placement as a prop #2353

Closed payamnaghdy closed 2 years ago

payamnaghdy commented 2 years ago

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?

https://github.com/vuematerial/vue-material/issues/2352 this issue also fixes this problem by setting the placement to 'bottom-end'.

payamnaghdy commented 2 years ago

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