Jquery Datepicker widget is now showing up into simplemodal dialog

[dkedar]

Hello,

Currently, I am using simplemodal plugin into one of my project, its is working fine, but along with that I am also using JqueryUI datepicker widget, I have textfield into simplemodal dialog and I need to show a datepicker tigger by image Icon. but when I click the Trigger Image datepicker don't showing up..

If any solution then let me know..

[JohnSThomas]

This is a DOM issue. If the highest parent of the datepicker has a higher z-index than the sibling parent of the modal, it will show up higher.

HTML

<div id="parent-of-modal">
    <div id="modal">
        Your Content
    </div>
</div>
<div id="parent-of-datepicker">
    <div class="datepicker">
        Dates and such
    </div>
</div>

CSS

#parent-of-modal {
    position: relative;
    z-index: 20;    
}

#parent-of-datepicker {
    position: relative;
    z-index: 10;
}