Jquery mobile date picker not shown in popup field

Question

I used jtsage jquery mobile date picker. I want to show the date picker when click the text inside popup but the date picker shown in back side of the popup i want to show the date picker infront of the popup.

My code is like.

<div data-role="content">

        <a data-rel="popup" href="#datepop">POPUP</a>
        <div id="datepop" class='ui-content' data-role='popup'>
        <label for="mydate">Some Date</label>
        <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}'/>
        </div>
    </div>

Refer this fiddle http://jsfiddle.net/tZtMR/1/

Answer 1

Working example: http://jsfiddle.net/Gajotres/zV3jU/

CSS:

.ui-datebox-container {
    z-index: 500000000 !important;
}