Event Calendar Tutorials

HTML5/JavaScript Event Calendar (Open-Source)

Weekly HTML5/JavaScript event calendar with CSS themes, drag and drop support, date navigator. Sample PHP and ASP.NET Core projects with REST backend implementation.

Nov 20, 2023

Monthly Calendar in Spring Boot/Java (Open-Source)

Spring Boot web application that displays a monthly calendar with drag and drop support. Implemented using JavaScript monthly calendar control from DayPilot package.

javascript html5 month event-calendar spring-boot java open-source

Sep 9, 2023

React Weekly Calendar Tutorial (Open-Source)

React application that displays a weekly event calendar using an open-source DayPilot React calendar component. Includes a date picker for changing the visible week. The calendar/scheduler appearance is customized using CSS.

react event-calendar week javascript css jsx open-source react18

Aug 15, 2023

Angular Calendar with Undo/Redo (Open-Source)

This tutorial shows how to implement undo/redo functionality the for the open-source Angular Calendar component.

angular angular16 event-calendar open-source undo typescript

May 14, 2023

Weekly Event Calendar in Spring Boot/Java (Open-Source)

Create a Spring Boot scheduling application with a weekly HTML5/JavaScript calendar component.

javascript html5 event-calendar spring-boot java open-source

May 9, 2023

Open-Source HTML5/JavaScript Calendar with Day/Week/Month Views (PHP, MySQL)

HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with MySQL database.

html5 javascript event-calendar php mysql day week month sqlite open-source date-picker

Apr 4, 2023

ASP.NET Core Weekly Calendar (Open-Source)

Simple ASP.NET Core web application that displays event data in a weekly calendar. Uses Entity Framework Core for data access.

javascript html5 event-calendar asp.net-core entity-framework c# dotnet7 open-source sql-server

Feb 16, 2023

ASP.NET Core Monthly Calendar (.NET 7, JavaScript/HTML5, Open-Source)

ASP.NET Core web application that displays scheduled events in a monthly calendar. Visual Studio 2022 project for download.

javascript html5 month event-calendar asp.net-core entity-framework c# open-source dotnet7 sql-server

Dec 1, 2022

React Monthly Calendar Tutorial (Open-Source)

React application that displays a monthly event calendar. Calendar events use custom background to show event type. A context menu allows deleting events and changing color.

react event-calendar month javascript jsx open-source react18

Aug 17, 2022

Angular Calendar: How to Use CSS Themes (Open-Source)

Angular application that shows how to apply a custom CSS theme to the calendar component and change it on the fly.

angular angular14 event-calendar typescript css theme open-source

Aug 16, 2022

React Calendar with Date Picker (Open-Source)

How to use a popup date picker to select a date displayed by the React Calendar component.

react date-picker event-calendar javascript open-source

Jul 14, 2022

Open-Source Angular Appointment Calendar Component (TypeScript + PHP/MySQL)

Simple appointment scheduling application built using Angular. The calendar view is created using DayPilot Pro Angular Calendar component. The server-side backend is created using PHP and stores events in a MySQL or SQLite database.

angular angular13 event-calendar typescript php mysql open-source

Feb 15, 2022

Vue.js Weekly Calendar Tutorial (Open-Source)

How to create a weekly calendar web application using a Vue calendar component. The tutorial includes a Vue.js project with JavaScript source code for download.

vuejs javascript event-calendar appointment open-source

Jan 4, 2022