Positioning BootStrap daterangepicker calendar

Question

I am using BootStrap Datepicker. I want to load/position the calendar at top of the field. How can i do this ?

Currently it is loading like this -

Answer 1

To make the calendar appear above the input instead of below, change the "drops" setting to "up".

$(element).daterangepicker({
    drops: 'up'
});