+2  A: 

Do you have any styles applied to the textbox themselves? Or to their containers? It is possible that the z-index of the textbox is set high for some reason. I think the z-index of the ui-datepicker must be higher. Maybe you can try this:

input{
  z-index:1;
}
Vincent Ramdhanie
Thanks for that. Do you want me to put that piece of code in jquery-ui css or in my own css. I have tried putting that into my own css. But its not working. Even I made that value 0 then also its not working.
Enjoy coding
Thanks for that. It solved my problem. In the div #centercontent I removed z-index. This solved my problem.Thanks a ton for helping me out.
Enjoy coding