Currently, I am utilizing the VMenu component from Vuetify which contains another Vuetify component called VDatePicker. The issue arises when clicking on a text field triggers the appearance of the calendar (VDatePicker). Normally, the VDatePicker component displays beneath the text field, as long as there is sufficient space until the end of the screen.
However, the problem I'm facing now is that the text field is positioned very close to the end of the screen, causing the DatePicker to adjust itself and move slightly upward, hiding the field underneath it (see attached snapshot).
My question is, how can I make sure that in situations where there is limited space between the field and the end of the screen, the DatePicker positions itself at the top of the field instead of covering it? https://i.sstatic.net/T1emA.png