The vuetify docs suggest that dialogs should appear relative to their parent activator,unless v-model is used, in which case
the dialog will not appear to be activated by any specific element, and will simply appear in the middle of the screen.
but whichever activation method is used, dialogs always appear in the centre of the screen. There is a partial solution here and although it appears to relate to earlier versions of Vuetify I have used the css below to move the dialog to bottom left of the screen, but still cannot make it appear to pop out of the activator button
<style scoped>
.v-dialog >>> .datepicker-dialog {
position: absolute;
bottom: 0;
left: 0;
}
</style>
Vuetify playground showing the problem here