Greg,
I am not using an update panel, but I am experiencing a similar problem. I have used the Studio Live Utility to get the latest versions of C1.Web.Calendar.2.dll and C1.Web.C1Input.2.dll. These newer assemblies are causing strange behavior with the calendar control. I am also experiencing strange behavior with the previous release.
New Release Issue (C1WebInput.2_2.0.20073.429) - The calendar displays and then quickly disappears when the down arrow image is clicked.
Old Release issue - If there are two input controls and two calendar controls on a form, the date does not stick on one of the controls. In my case, I have a start date and end date. The start date goes back one day when the form posts. It appears to be some sort of date rounding issue.
Code used
<script>
window.edit = null;
function StartDateDropCalendar(aC1Edit)
{
window.edit = aC1Edit;
var d = aC1Edit.get_Date();
StartDate_Client.UnSelectAll();
StartDate_Client.SelectDate(d);
StartDate_Client.DisplayDate = d;
StartDate_Client.PopupSetting.Dock = c1_dock_bottomleft;
StartDate_Client.PopupBeside(aC1Edit.getInputElement());
}
function StartDate_Calendar_SelChange(calendar, seltype, seldates)
{
if (calendar)
{
if (window.edit)
{
window.edit.set_Date(calendar.SelectedDate);
}
}
}
function StartDate_Calendar_OnClose(calendar)
{
if (calendar)
document.all("TextBox1").value = calendar.SelectedDate;
}
function EndDateDropCalendar(aC1Edit)
{
window.edit = aC1Edit;
var d = aC1Edit.get_Date();
EndDate_Client.UnSelectAll();
EndDate_Client.SelectDate(d);
EndDate_Client.DisplayDate = d;
EndDate_Client.PopupSetting.Dock = c1_dock_bottomleft;
EndDate_Client.PopupBeside(aC1Edit.getInputElement());
}
function EndDate_Calendar_SelChange(calendar, seltype, seldates)
{
if (calendar)
{
if (window.edit)
{
window.edit.set_Date(calendar.SelectedDate);
}
}
}
function EndDate_Calendar_OnClose(calendar)
{
if (calendar)
document.all("TextBox1").value = calendar.SelectedDate;
}
</script>
<table>
<tr>
<td align="left" style="width: 136px">
<asp:Label ID="lblStart" runat="server" Text="Start Date:"></asp:Label>
</td>
<td align="left" style="width: 178px; height: 29px;">
<c1i:C1WebDateEdit ID="StartDateEdit" runat="server" CustomButtonAlign="Right"
OnClientCustomButtonClick="StartDateDropCalendar" OnClientInit="SetDate" Text="1/1/0001">
</c1i:C1WebDateEdit>
<cc1:C1WebCalendar ID="StartDate" runat="server" BorderColor="Silver" BorderStyle="Solid"
BorderWidth="1px" ClientOnSelChange="StartDate_Calendar_SelChange" Font-Names="Arial,Verdana,Tahoma"
Height="143px" PopupMode="True" SelectionMode="Day, Days, WeekDay, WeekNumber, Month"
Style="border-left-color: #ececec; border-bottom-color: #ececec; border-top-color: #ececec;
border-right-color: #ececec" WeekDayFormat="FirstTwoLetters" Width="199px">
<TitleStyle CssText="background-color:#d7d7e5;" />
<MonthViewStyle CssText="cursor:hand;text-align:center;font:normal 11px Arial, Verdana, Sans-Serif;text-decoration:none;">
</MonthViewStyle>
<WeekDayStyle CssText="font-size:12px !important;border-bottom:solid 1px #d5d5d5;cursor:default !important;line-height:24px;">
</WeekDayStyle>
<WeekNumberStyle CssText="font-size:10px !important;border-right:solid 1px #d5d5d5;cursor: default !important;line-height:24px;">
</WeekNumberStyle>
<NextPreviewStyle CssText="background-color:#d7d7e5;text-align:center;width:8px;">
</NextPreviewStyle>
<PrevPreviewStyle CssText="background-color:#d7d7e5;text-align:center;width:8px;">
</PrevPreviewStyle>
<OtherMonthDayStyle CssText="color: #c6c6c6;" />
<DayStyleHover CssText="background:#d7d7e5;cursor:default;">
</DayStyleHover>
<SelectedDayStyle CssText="background-color:#e2e5ee;" />
<TodayDayStyle CssText="font:bold;border:solid 1px #bb5503;" />
</cc1:C1WebCalendar>
</td>
</tr>
<tr>
<td align="left" style="width: 136px">
<asp:Label ID="lblEndDate" runat="server" Text="End Date:"></asp:Label>
</td>
<td>
<c1i:C1WebDateEdit ID="EndDateEdit" runat="server" CustomButtonAlign="Right"
OnClientCustomButtonClick="EndDateDropCalendar" Text="1/1/0001" Date="">
</c1i:C1WebDateEdit>
<cc1:C1WebCalendar ID="EndDate" runat="server" BorderColor="Silver" BorderStyle="Solid"
BorderWidth="1px" ClientOnSelChange="EndDate_Calendar_SelChange" Font-Names="Arial,Verdana,Tahoma"
Height="143px" PopupMode="True" SelectionMode="Day, Days, WeekDay, WeekNumber, Month"
Style="border-left-color: #ececec; border-bottom-color: #ececec; border-top-color: #ececec;
border-right-color: #ececec" WeekDayFormat="FirstTwoLetters" Width="199px" SelectedDate="">
<TitleStyle CssText="background-color:#d7d7e5;" />
<MonthViewStyle CssText="cursor:hand;text-align:center;font:normal 11px Arial, Verdana, Sans-Serif;text-decoration:none;">
</MonthViewStyle>
<WeekDayStyle CssText="font-size:12px !important;border-bottom:solid 1px #d5d5d5;cursor:default !important;line-height:24px;">
</WeekDayStyle>
<WeekNumberStyle CssText="font-size:10px !important;border-right:solid 1px #d5d5d5;cursor: default !important;line-height:24px;">
</WeekNumberStyle>
<NextPreviewStyle CssText="background-color:#d7d7e5;text-align:center;width:8px;">
</NextPreviewStyle>
<PrevPreviewStyle CssText="background-color:#d7d7e5;text-align:center;width:8px;">
</PrevPreviewStyle>
<OtherMonthDayStyle CssText="color: #c6c6c6;" />
<DayStyleHover CssText="background:#d7d7e5;cursor:default;">
</DayStyleHover>
<SelectedDayStyle CssText="background-color:#e2e5ee;" />
<TodayDayStyle CssText="font:bold;border:solid 1px #bb5503;" />
<SelectedDates>
<cc1:C1Date Date="" />
</SelectedDates>
</cc1:C1WebCalendar>
</td>
</tr>
</table>