JQuery Zebra_Datepicker inside jquery lightbox_me

See more:

ASP.NET

jQuery

Is it possible to have a zebra_datepicker inside a lightbox_me popup i am using two plugin lightbox_me and zebra_datepicker. lightbox_me plugin for binding a input text box and zerbra_datepicker for calender control my html and jquery codes are follows

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript" src="Scripts/main.js"></script>
<script type="text/javascript" src="Scripts/zebra_datepicker.js"></script>
<script type="text/javascript" src="Scripts/lightbox_me.js"></script>
<link href="Layout/zebra_datepicker.css" rel="Stylesheet" type="text/css" />

<script type="text/javascript" >
.popUp{

            border-radius:6px;
            -moz-border-radius: 6px;
            background: #FFFFFF;
            -webkit-border-radius: 6px;
            border: 1px solid #536376;
            -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
            -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;
            padding: 14px 22px;
            width: 392px;
            height:173px;
            position: relative;
            display:none;
}

 </script>

</asp:Content>

<input type="button" id="btnTest" class="button arrow" value="Test" />
<div id="divCalanderCheck" class="popUp">
    <input type="text" id="txtDate" class="datepicker" />
</div>

main.js

$(document).ready(function () {
    $("#txtDate").Zebra_DatePicker();
        $('#btnTest').click(function () {

            $("#divCalanderCheck").lightbox_me({
                lightboxSpeed: 100,
                centered: true,
                closeClick: true,
                closeEsc: true
            });
});

    });