Средство выбора даты Mobiscroll внутри всплывающего окна ChocolatechipUI?

Я пытаюсь поместить средство выбора даты Mobiscroll в chocolatechipUI всплывающее окно. На данный момент я попытался поместить текстовое поле ввода внутрь всплывающего окна, чтобы увидеть, было ли позиционирование средства выбора даты относительно родительского элемента. Средство выбора даты отображается в середине страницы, а не внутри всплывающего окна, что является моей целью.

Создайте всплывающее окно:

$.UIPopover(popover2);
var popover3 = {
    triggerElement: "#showPopover3", 
    popoverOrientation: "top", 
    pointerOrientation: "right", 
    id: "popover3", 
    title: "Popover Three"
};

Добавить контент:

$("#popover3 scrollpanel").append('<input type="text" class="mobiscroll" id="datePicker"/>');

Привязать клик к кнопке:

$("#showPopover3").bind("click", function() {
    $.UIPopover.show($("#popover3"));

Любая помощь в том, как получить эту работу, будет оценена по достоинству.