Question

http://jsfiddle.net/s6Umb/

I’m getting this strange behavior where when I create a datepicker, there appears a small div right below the picker:

<div 
    id="ui-datepicker-div" 
    class="ui-datepicker ui-widget 
           ui-widget-content ui-helper-clearfix ui-corner-all">
</div>

This div seems to become the actual calendar display when I click on the datepicker input, and becomes hidden when I am done… but is visible upon initialization.

Is this a known issue, or did I do something wrong?

Answer 1

I think this is a known glitch. Don’t know why it hasn’t been resolved until now, but the easiest way to fix it is to just add the following CSS to your global stylesheet:

#ui-datepicker-div
{
    display: none;
}

I’ve done this on several projects and it’s worked perfectly without any problems.