The WebCalendar ViewMode property lets you choose between three views: Month, Quarter, and Year. In Month view, all dates, days, and week numbers for the current month are displayed. In Quarter view, all 12 months are shown, and clicking a month selects the entire quarter containing that month. In Year view, WebCalendar displays a range of years.
Four date range highlight modes are available in Month View: Month, Week, Day, and Custom. In Month mode, selecting a date highlights all dates within the current month. In Week mode, selecting a date highlights the entire week. Day mode highlights only the selected day. For more advanced selection requirements, use Custom mode to define your own date range highlight rule.
When the highlight mode is Week, the WorkViewMode property can be used to control the number of days in a week that will be highlighted. Setting it to Full Week will highlight all days (from Monday to Sunday), while Work Week will highlight working days as specified by the WorkWeekSettings property, which defaults to Monday through Friday.
The clean, crisp styling of the WebCalendar provides an intuitive interface that enables users to quickly move between months and years. A complete date navigation system, the back and forward buttons navigate according to the current view mode. When Month view is active, the View Mode can be toggled between Day, Month, and Year by clicking on the calendar header.
The unique WebCalendar Holiday feature lets you define your own holidays with the Holiday Collection Editor. The holiday text color can be set through the HolidayStyle property, and an informative tooltip displays a brief description when a user hovers over the holiday.
Extend the reach of your web application to international users in all locales. The extensive localization library in WebCalendar lets you set the most appropriate culture for your audience no matter where in the world they are.
With WebCalendar, you can display as many individual calendars as you like, in whatever layout you want. Use the NumberOfCalendarDisplayed property to set the total number displayed, and the CalendarItemWidth property to control the number of calendars per row. For example, to display 6 calendars in 2 rows of 3 each, set NumberOfCalendarDisplayed to 6, and CalendarItemWidth to 1/3 the width of the container – and let WebCalendar do the rest.
The solid keyboard support in WebCalendar treats your users to an effortless date navigation experience. Easily controlled through the EnableKeyboardSupport property, it allows users to move between months and dates with the arrow keys, select dates with the Enter key, and cycle through available views (Day, Month, and Year) with the Spacebar.
Use the EnableMultipleSelection property to let your users quickly select multiple dates and date ranges with using mouse, keyboard, or both. Make sure that EnableKeyboardSupport is also active to unleash the full power of calendar date selection.
WebCalendar offers four predefined styles: the sleek black and blue themes of Outlook, a soothing olive green, and the ultra-modern Windows 7. Use the DefaultStyleMode property to switch between them, or use WebStyleManager to create your own.
The client-side framework of WebCalendar provides a consistent object model that supports both server-side and client-side development. A comprehensive client-side API puts you in complete control of runtime behavior. Easily set a date, move a day, navigate between months, and much, much more. Client-side events give you the power to craft customized programmatic responses to a variety of user actions.
When the OnSelectedDateChanged server-side event is specified, postback will occur whenever SelectedDate (or SelectedDates when there are multiple values) is changed. WebCalendar offers a choice of two postback modes, FullPostBack and FlyPostBack (AJAX) that you can use to implement custom business logic.
WebCalendar is designed to fully comply with the HTML5 standard, providing pixel-perfect rendering in all HTML5-ready browsers.