Calendar Tutorials and Examples

How to use the native HTML5 drag and drop API to extend the calendar functionality and allow dragging an all-day event to a selected calendar cell.

How to drag items either to the JavaScript Calendar component or to a custom element.

How to customize the touch gestures for the event calendar for mobile devices (iOS, Android, Windows 8).

This tutorial shows how to create a print page for the event calendar and open the browser print dialog. Includes sample C# and VB ASP.NET projects.

Using DayPilot HTML5 event calendar in a mobile application (iOS, Android, Windows Phone) created using Cordova/PhoneGap.

Sample ASP.NET application that exports the weekly calendar with events to PDF. Visual Studio solution with C# and VB source code included.

This tutorial shows how to create a custom CSS theme for the ASP.NET timetable control. Includes C# and VB.NET source code and sample SQL Server database.

ASP.NET WebForms application that implements a weekly event calendar with support for recurring events. Visual Studio 2017 solution with C# and VB.NET versions of the tutorial.

ASP.NET project that demonstrates how to use Calendar and Scheduler controls to manage a simple shift schedule. Supports conflict detection.

Drag and drop monthly event calendar for JavaScript/HTML5. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.

Basic tutorial on using DayPilot ASP.NET calendar in an ASP.NET web application. The original version of this tutorial from 2009 works without changing a single line of code (after replacing DayPilot.dll with the current version).

ASP.NET web application for managing a weekly timetable. Supports AJAX operations. Customizable time slots.

How to configure the Angular calendar component to use 100% height and fill the available space.

ASP.NET web application for managing doctor appointments. Includes public and management interface. SQL Server database. C# and VB.NET project versions.

A simple HTML5/JavaScript web application that exports the current view of the JavaScript Calendar component (including appointments) as a PDF document. Pure client-side solution.

How to export the monthly calendar to a PDF document using the built-in image export feature. Adds custom text to the exported PDF file.

Angular application that displays a weekly timetable with custom time blocks.

Interactive event calendar for JavaScript/HMTL5 with support for drag and drop operations. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.

Angular 10 project with weekly event calendar component. Download the project source code and use it as a starting point of your own application.

ASP.NET application that uses JavaScript calendar component with custom JSON endpoints (implemented by overriding Web Form pages).