Некорректное отображение datepicker

В моем случае, с несколькими полям ввода дат мне помогло следующее:
Заново инициализировать поля с нужными опциями.

$(".default.datepicker-big").datepicker({
    showOn: "button",
    buttonText: "<svg class='svg-ico calendar-big'><use xmlns:xlink='http://www.w3.org/1999/xlink' xlink:href='/frontfiles/img/svg/sprite.svg#ico-calendar'></use></svg>",
    changeMonth: true,
    changeYear: true,
    firstDay: 1,
    buttonImageOnly: false,
    dateFormat: 'mm.dd.yy',
});

Сравнивать .offset().top блока datepicker с .offset().top кнопки через которую он вызван.

var uiDatepickerDiv = $('#ui-datepicker-div');
$(".ui-datepicker-trigger").on('click', function(){
$(this).offset().top <= uiDatepickerDiv.offset().top ? uiDatepickerDiv.addClass('to-bottom').removeClass('to-top') : uiDatepickerDiv.addClass('to-up').removeClass('to-bottom');

Надо выставить нужному блоку position: absolute;, а также поставить его в нужное положение, например top: 100px; и left: 200px; А при нужном действии, например: спускать нужный блок на 100px вниз.

$('блок, который надо сдвинуть').css('top', 'значение отступа');

Если будет проблема с перекрыванием, то нужно поработать с атрибутом z-index