I am evaluating Calendar objects as a Date and Time Picker using the DEMO sample provided in the evaluation download.

I modified Date and Time Picker demo code as follows. Now when I click cmdSetToNow the date gets populated correclty in the correct control. However, if I click cmdReset, BOTH controls are cleared. Is there something I am doing wrong?

I will appreciate a quick response.

Thanks in advance





Markup

<%@ Control language="VB" AutoEventWireup="false" CodeFile="Demo.ascx.vb" Inherits="EO.Web.Demo.Demos.Calendar.Features.Date_and_Time_Picker.Demo" %>
<%@ Register TagPrefix="eo" NameSpace="EO.Web" Assembly="EO.Web" %>
<p>
EO.Web DatePicker can also be used to enter both date and time. To enable this
feature, simply uses one or more supported time related specifiers in <strong>PickerFormat</strong>.
The following DatePicker has its <strong>PickerFormat</strong> set to <span class="highlight">
MM/dd/yyyy hh:mm:ss tt</span>. Input must contains both date and time value
to be valid.
</p>
<eo:CallbackPanel runat="server" id="CallbackPanel1" Triggers="{ControlID:btnSubmit;Parameter:}">
<eo:DatePicker id="DatePicker1" runat="server" DayHeaderFormat="FirstLetter" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
DayCellHeight="16" OtherMonthDayVisible="True" DayCellWidth="19" TitleRightArrowImageUrl="DefaultSubMenuIcon" ControlSkinID="None" PickerFormat="MM/dd/yyyy hh:mm:ss tt" DisabledDates="" SelectedDates="">
<TodayStyle CssText="border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid"/>
<SelectedDayStyle CssText="background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<PickerStyle CssText="font-family:Arial; font-size:8pt; padding-left:5px; padding-right: 5px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<TitleArrowStyle CssText="cursor:hand" />
<DayHoverStyle CssText="border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-size: 8pt; margin-left: 14px; cursor: hand; margin-right: 14px; font-family: tahoma" />
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:8pt;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<OtherMonthDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DayHeaderStyle CssText="border-bottom: #aca899 1px solid" />
<DayStyle CssText="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: Arial" />
</eo:DatePicker>
<asp:ImageButton ID="cmdSetToNow" runat="server" Height="15px" Width="15px" />
<asp:ImageButton ID="cmdReset" runat="server" Height="15px" Width="15px" />
<p>
<asp:Button id="btnSubmit" runat="server" Text="Submit"></asp:Button></p>
<p>
<asp:Label id="lblResult" Runat="server"></asp:Label>&nbsp;</p>
<p>
<eo:DatePicker id="DatePicker2" runat="server" DayHeaderFormat="FirstLetter"
TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
DayCellHeight="16" OtherMonthDayVisible="True" DayCellWidth="19" TitleRightArrowImageUrl="DefaultSubMenuIcon"
ControlSkinID="None" PickerFormat="MM/dd/yyyy hh:mm:ss tt" DisabledDates="" SelectedDates="">
<TodayStyle CssText="border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid"/>
<SelectedDayStyle CssText="background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<PickerStyle CssText="font-family:Arial; font-size:8pt; padding-left:5px; padding-right: 5px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<TitleArrowStyle CssText="cursor:hand" />
<DayHoverStyle CssText="border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-size: 8pt; margin-left: 14px; cursor: hand; margin-right: 14px; font-family: tahoma" />
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:8pt;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<OtherMonthDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DayHeaderStyle CssText="border-bottom: #aca899 1px solid" />
<DayStyle CssText="border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
</eo:DatePicker>

</p>
<p>
<asp:Label id="Label1" Runat="server"></asp:Label>&nbsp;</p>

<p>
<asp:Button id="Button1" runat="server" Text="Submit"></asp:Button></p>


</eo:CallbackPanel>
<script language="javascript" type="text/javascript">

function setToNow(clientID)
{
eo_GetObject(clientID).setSelectedDate(new Date());

}

function reset(clientID)
{
eo_GetObject(clientID).setSelectedDate(null);
eo_HideAllPopups();

}
</script>




Code Behind


Imports System
Imports System.Data
Imports System.Drawing
Imports System.Web
Imports System.Web.UI.WebControls
Imports System.Web.UI.HtmlControls

Namespace EO.Web.Demo.Demos.Calendar.Features.Date_and_Time_Picker

'/ <summary>
'/ Summary description for Demo.
'/ </summary>

Partial Class Demo
Inherits System.Web.UI.UserControl

Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load, Me.Load
DatePicker1.SelectedDate = DateTime.Now
cmdSetToNow.Attributes.Add("onClick", "javascript:setToNow('" & DatePicker2.ClientID & "'); return false;")
cmdReset.Attributes.Add("onClick", "javascript:reset('" & DatePicker2.ClientID & "'); return false;")

End Sub 'Page_Load

#Region "Web Form Designer generated code"

Protected Overrides Sub OnInit(e As EventArgs)
'
' CODEGEN: This call is required by the ASP.NET Web Form Designer.
'
InitializeComponent()
MyBase.OnInit(e)
End Sub 'OnInit


'/ <summary>
'/ Required method for Designer support - do not modify
'/ the contents of this method with the code editor.
'/ </summary>
Private Sub InitializeComponent()
End Sub 'InitializeComponent

#End Region


Private Sub btnSubmit_Click(sender As Object, e As System.EventArgs) Handles btnSubmit.Click
lblResult.Text = DatePicker1.SelectedDate.ToString("F")
Label1.Text = DatePicker2.SelectedDate.ToString("F")

End Sub 'btnSubmit_Click

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

DatePicker2.SelectedDateString = ""
End Sub

Protected Sub cmdSetToNow_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles cmdSetToNow.Click

End Sub
End Class 'Demo
End Namespace 'EO.Web.Demo.Demos.Calendar.Features.Date_and_Time_Picker

Thanks!