Overview

EO.Web Calendar controls include the following:

• Calendar - renders a static calendar on page;
  
• PopupCalendar - triggers by client side script;
  
• DatePicker - uses to select one or more days from a calendar.

Here's the class hierarchy of the above Calendar controls:

System.Object 
  System.Web.UI.Control
     System.Web.UI.WebControls.WebControl
        EO.Web.WebControlBase
           EO.Web.WebControl
              EO.Web.Calendar
                 EO.Web.PopupCalendar
                     EO.Web.DatePicker

Calendar

Note: Since Calendar control is the base class for PopupCalendar and DatePicker, this section applies to all Calendar controls.

Calendar control can be configured to render as a single-month and multiple-months:
Single Month:

Multiple Months:

Simply specify the control's MonthRows and MonthColumns property.

See Calendar Style topic on how to customize Calendar's appearance.

PopupCalendar

PopupCalendar is triggered by client side script to show up on browser:

[JavaScript]
eo_ShowPopupCalendar(calendarID, anchorIDorObject);

The first parameter is the ID of the PopupCalendar, the second parameter is the ID or the HTML object on which position the calendar will show up.

DatePicker

DatePicker integrates a PopupCalendar, TextBox and a Button:

The control is commonly used to select one or multiple days.

Once the day(s) are selected, the result will be displayed in TextBox and can be retrieve by Calendar's SelectedDates property.