One of the problems with the calendar extender in the 1.0 toolkit is that if I use a button/image to show the calendar, I am forced to click on it again to hide the calendar. And imagine when you use it in a grid, the calendars seem to start piling up on one another like this.
Firefox 2+
IE - 7
Rather than have the end-user click on it twice to show then hide it back again, it would be simple to write a small javascript snippet that would do it for you.
<cc1:CalendarExtender ID="CalendarExtender1" TargetControlID="txtDOB" PopupPosition="BottomLeft" Animated="True" PopupButtonID="imgCalendar"
CssClass="radcalendar" FirstDayOfWeek="Default" runat="server" OnClientDateSelectionChanged="hideCalendar" >
</cc1:CalendarExtender>
this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "hideCalendar", @"function hideCalendar(calExtender) { calExtender.hide(); }", true);
One way to add this script is to add it for all the pages that use the calendar control, else you can just add it to the common.js that one would add to all the pages/just the masterpage of your asp.net application.