I am attempting to construct my own date picker using code from several sources. Specifically, I am now populating the textbox with a calendar click.

Two questions:

1. Why does the first click refresh the page without doing anything?
2. How can I have the textbox update without refreshing the entire page?

myDate.ascx

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="myDate.ascx.vb"
    Inherits="Website.myDate" %>

<script language="javascript" type="text/javascript">
   function toggleCalendar(myID) {
       var obj = document.getElementById(myID)
       obj.style.display = (obj.style.display == "none") ? "" : "none";
    }
</script>

<asp:TextBox ID="dateText" runat="server" > </asp:TextBox>
<input type="button" name="dateBtn" value="x" 
  onclick="toggleCalendar('<%=dateCal.clientID%>');" />
<asp:Calendar ID="dateCal" runat="server" ></asp:Calendar>

myDate.ascx.vb

Partial Public Class myDate
Inherits System.Web.UI.UserControl

Protected Sub dateCal_SelectionChanged _
  (ByVal sender As Object, ByVal e As EventArgs) _
  Handles dateCal.SelectionChanged

    dateText.Text = dateCal.SelectedDate 'update text box'
    dateCal.Style("display") = "none"    'hide calendar'

End Sub

End Class