Implement customizable/auto datepicker positioning

[daolm]

Hi, I want to set datepicker show on top of input instead bottom. But I see no option to choose. Can you tell me how can I set position for datepicker?

Thank you!

[boogiebug]

Following snippet may help:

$('#daterange').dateRangePicker({
      // date range picker options
    })
    .bind('datepicker-open', function() {
      // adjust position
      var elem = $('#daterange');
      $('.date-picker-wrapper').css({
        position: 'absolute',
        top: '' + (elem.offset().top - 245) + 'px',
        left: '' + elem.offset().left + 'px'
      });
    })

[anupalhub]

@boogiebug Thanks :)

[bs-thomas]

@boogiebug This doesn't seem to work anymore for some reason. I tried setting top left bottom and right. Only bottom and right worked. The rest stayed the same and had no effect at all.

[ricco24]

Try to change bind('datepicker-open') to bind('datepicker-opened')

[jmichaelterenin]

Is there any chance this gets revisited? bind('datepicker-opened') makes for a very undesired effect of flashing the display in one spot, and then completing the display in the desired position.