Set opening direction?

[T0miii]

Is there a way to tell the datepicker in what direction it should open?
I encounter this problem:

[charliekassel]

No... I used to measure the available space then open above or below but that messed up the SSR users.
Might be a nice addition to pass this in as a prop though...

[T0miii]

could i do this with the wrapper class?

[khflab]

This is a nice feature that I need just now

wow, anyone has done this feature?

[d3bgger]

There is also a problem when the input is close to the right edge of the window... then only the half calendar is shown...
This is a big problem for responsive design

[jadell]

Please consider implementing this. It's possible to get some of the way there with CSS, but the top edge jumps up and down around because the day, month, and year views are different heights.

[briano-jabico]

I too would like this feature. I've got a datepicker near the bottom of the page, and it adds a scrollbar when opened. Top/right/bottom/left would be great 👍

[robjbrain]

No... I used to measure the available space then open above or below but that messed up the SSR users.
Might be a nice addition to pass this in as a prop though...

@charliekassel i've tried to look in the commits to find where this code was removed and replicate it but I can't. Could you possibly point it out?

[joelhickok]

This is the most rated Vue Datepicker component that I have found so far, which is why I cannot believe that opening direction or position has not been resolved. Component still opens off screen. I will add it to my to do list, but it's not a high priority to me, since I'm pretty sure I can just find another component that has this built-in already.

[sombatos]

Maybe add an option to display datepicker in the modal like https://mariomka.github.io/vue-datetime/

[HendraPB]

I also need this auto detect feature because I am currently experiencing the same problem, for now I solved it with css overide

.vdp-datepicker__calendar {
width: 230px !important;
}

[hasibweb]

It's working, just use this css.
.vdp-datepicker__calendar {
bottom: 100%;
}

[bezner]

This is the most rated Vue Datepicker component that I have found so far, which is why I cannot believe that opening direction or position has not been resolved. Component still opens off screen. I will add it to my to do list, but it's not a high priority to me, since I'm pretty sure I can just find another component that has this built-in already.

If anyone still have issues with that, this simple css helped me a lot.

.vdp-datepicker__calendar { right: 0; }