This example shows how to add appointment that will take 2 hours (from 9:00 to 11:00) today and an all-day appointment tomorrow (one day). You can add a new appointment object (with 1 hour interval) by double clicking an empty cell at the calendar grid as well. You can also remove an appointment. Click the appointment’s rectangle with the right mouse button and choose ‘Delete appointment’ item.

---

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.