Javascript based Calendar not rendering correctly in web page with tabs

I don't know if this question has been asked before, if yes a link would do.I'm trying to use a javascript-based calendar in a webpage(jsp) that Im building with tabs. I'm using this, to help generate the tabs in my JSP, I have a few fields that require dates and hence the calendar. A snippet of what's happening when I click on the calendar, is attached below. Any help would be great, Thanks!

Personally, I'd use jQuery and jQuery UI. Time-tested and well-supported. You're unlikely to get much help using some random JavaScript library that no ones heard of except by the authors of that library.

Is there a reason that you chose that specific library? It does not appear that there is any support forum for that library.

Hi Bear, thanks for the reply, would it be advisable to use JQuery and its UI, just for the calendar functionality? The thing is the calendar control works seamlessly on other pages, but not on this one, which seems to suggest that its gotta do with the tabs in place. What if I face the same issue with JQuery as well?

As to why I chose that library, it has worked well for me so far in all the other pages that I have used so far, in far we use it across applications.

There are other calendars out there too. Looks like they are appending it inside of the tab which is not rendering correctly. Either you are going to have to hack their code to render it differently, file a bug with whoever wrote it, or pick a new library.

Eric

Hey Eric,
Thanks for the reply!
But what I'm worried about is whether the issue would persist, despite a change of library, like I said before, and as for the hacking, I've tried changing the z-index in the css class of the library without any respite, any suggestions?