Tutorial - DatePickerMode 

To set the calendar into date picker mode, simply set

    DatePickerMode = "true"

You can also specify the textbox ID where you wish to put the formatted date:

    TextBoxId = "myTextBoxID"

Example
    Select date
<ASP:TextBox runat="server" ID="txtDate"></ASP:TextBox>

<obout:Calendar runat="server"
DatePickerMode="true"
TextBoxId="txtDate">
</obout:Calendar>
Example - single month selection
    Select date
<ASP:TextBox runat="server" ID="txtDate"></ASP:TextBox>

<obout:Calendar runat="server"
DatePickerMode="true"
TextBoxId="txtDate"
Columns="1">
</obout:Calendar>

To set a different date picker icon, use DatePickerImagePath property:

<ASP:TextBox runat="server" ID="txtDate"></ASP:TextBox>

<obout:Calendar runat="server"
DatePickerMode="true"
TextBoxId="txtDate"
DatePickerImagePath="/calendar/styles/icon2.gif">
</obout:Calendar>

See also
You can link two calendars together to select a date range. See date range tutorial.

"Kudos on creating this extremely powerful grid!"

Mike Cabassol
Provali Group

Products Downloads