Date Picker control not rendering properly

[ashishjain]

DatePicker? control not working properly in IE7, the title bar with next and prev button and month and year info is not rendered properly

This is issue is coming in jquery.ui 1.8 and not in 1.7

[btburnett3]

The only issue I've been able to find is that on a multi-month datepicker with chooseMonth and chooseYear, the title bar for the first month is very slightly taller than the other months.

Can you confirm that it still doesn't work on 1.8rc2 for you, and if so provide more details about your configuration, or perhaps an example we can use? I was testing on IE7 on XP. Thanks.

[mrapropos]

Problem still exists in Datepicker 1.8.5. (IE7, XP w/SP3)

It appeared when a mult-month Datepicker is rendered in a DIV rather than hanging off an INPUT field. It seems like the initial draw is doing something poorly. Changing the months forces everything into the correct position and corrects other display issues with the Datepicker.

This created the datepicker:

$(function() {

$( "#datepicker" ).datepicker({ numberOfMonths: 2, hideIfNoPrevNext: true, minDate: new Date("September 1, 2011"), maxDate: new Date("November 30, 2011"), });

});

This is not an issue in modern browsers.

[mrapropos]

Getting closer: it isn't the datepicker per-say. The problem occurs when the rounded corners are applied in IE7. They add extra padding to the calendar controls and heading ... causing the spacing problems noted above.

No rounded corners, no display problems.

[Jörn Zaefferer]

We don't support rounded corners in browsers without CSS border-radius support. If you apply a custom border-radius solution, you need to implement that properly yourself.