Question: I am developing an app in asp.net in which I am using the Jquery Zebra DatePicker but the issue is this, I am opening the form in Jquery dailog and calendar will open on the dialog but datepicker is opening at the bottom of the page, same problem is reported [here](https://stackoverflow.com/questions/11407719/jquery-ui-datepicker-position-bottom-or-top-but-not-both) but I am unable to understand how to modify the function. Kindly tell me solution or purpose me some other plugin which is same as ajax calender extender. Thanks in advance.

Answer: 
Sorry for the delayed reply... Anyways I will like to improve this answer.
I had the same problem but in my case it occurred due to the icon's position in the date textbox.
If you just want to update the icon’s position, simply call the update method without any arguments:

var datepicker = $('element').data('Zebra\_DatePicker');
datepicker.update();
Add the following in your css class for it is (Zebra\_DatePicker):

```
    .Zebra_DatePicker{
    position: absolute;
    } 

```