Question

I’m trying to get the Mobiscroll date picker inside a chocolatechipUI popover. For the moment I have tried putting the input text field inside the popover to see if the positioning of the datepicker was relative to the parent element. The date picker is shown in the middle of the page not inside the popover which is my goal.

Create the popover:

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

Add content:

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

Bind the click to a button:

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

Any help on how get this working would be appreciated.

Answer 1

With 2.0 inline mode was introduced. Try to put an inline scroller in your popup.
For an example see http://demo.mobiscroll.com