<< Hours' properties demo  >> Show source code for this site
Both the first and last visible hours could be specified and limit period the calendar works with:
HourOfDayBegin:
HourOfDayEnd:

A vertical scrolbar can be either visible or hidden. Whether scrollbar is hidden all hours are visible on the page together. Otherwise, you see only part of day:


Also working time could be defined.
Working hours are specified by start and end hours. The color of cells of work and free hours are different:
WorkHourBegin:
WorkHourEnd:
The free-days normally are controlled by property; however, there is a special event for custom defining. Every free day has same cells color regardless of working hours:
FreeDay:



Programmer can control the hours-ruler presentation. Change mode of the hours (labels):
AmPmMode:
Or decide how hours ruler at the left side of the calendar will be rendered:

Or show or hide the time indicator (a thin horizontal line above hours labels) that point at time currently is:

If you would look into a source code for this demo, click on the link.
For demonstration purposes all appointments displayed on a calendar are stored in ASP.NET session objects, so original values are restored immediately after a new session object is created.
A list of appointments and resources is intialized every time a new session is started.