Open-Source Calendar and Scheduler Tutorials

Back to Open-Source Calendar and Scheduler Tutorials

JavaScript Scheduler: Splitting an Event

How to split events in the JavaScript Scheduler at a specified location using the right-click context menu.

Sep 24, 2025

JavaScript Scheduler: Lock Events using Context Menu

How to lock events displayed in the JavaScript Scheduler using a dynamic context menu. The Scheduler will not allow editing the locked events.

javascript scheduler context-menu open-source

Sep 23, 2025

Using JavaScript/HTML5 Scheduler in Spring Boot (Open-Source)

Source code of a Spring Boot web application that uses HTML5/JavaScript scheduler to display events for multiple resources.

javascript html5 scheduler spring-boot java open-source

Sep 19, 2025

React Scheduler: Next/Previous Buttons

Add "next" and "previous" buttons to your React application and let users switch the month displayed by the Scheduler component.

react scheduler javascript react19 open-source

Sep 18, 2025

JavaScript Scheduler: Find Next Free Slot

Add an icon to the JavaScript Scheduler row headers that will let users scroll to the next free slot in the row.

javascript scheduler open-source

Sep 18, 2025

JavaScript Resource Calendar Tutorial - PHP/MySQL (Open-Source)

How to use HTML5/JavaScript resource calendar component to create a dynamic schedule. The calendar loads data (resources and events) using a REST API that is implemented using PHP and MySQL.

javascript resource-calendar php mysql open-source sqlite

Sep 15, 2025

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

Sep 14, 2025

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

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

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

Sep 14, 2025

Vue Calendar: Using Templates to Add Icons, Buttons, or Progress Bars to Events (Open-Source)

Vue templates allow adding dynamic content to Vue Calendar events, including interactive elements and custom Vue components.

javascript vuejs vue3 event-calendar template open-source

Sep 12, 2025

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#dotnet9 open-source sql-server week

Sep 12, 2025

Vue Calendar: Day/Week/Month Views (Open-Source)

Create a complex calendar UI in Vue.js with multiple views, view-switching buttons and an integrated date picker. Use a shared data source to make it fast and Vue templates to define event appearance.

vuejs vue3 javascript day week month open-source event-calendar composition-api

Sep 11, 2025

Spring Boot Resource-Scheduling Calendar (Open Source)

A Spring Boot application that uses a visual resource-scheduling calendar to display plans for multiple resources side by side.

resource-calendar spring-boot open-source javascript java

Sep 8, 2025

React Scheduler: How to Enable Undo/Redo

The React Scheduler component can record all drag and drop actions and allow unlimited undo/redo. See how to add undo/redo buttons and display the full history.

react scheduler jsx undo javascript react19 open-source

Sep 8, 2025

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 4, 2025

JavaScript Calendar in Read-Only Mode (Open-Source)

How to implement a toggle that switches between the read-only and edit modes of the JavaScript Calendar. Read-only events are marked with a padlock icon in the upper-right corner.

javascript event-calendar read-only open-source

Sep 1, 2025

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.

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

Nov 20, 2023

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

JavaScript confirm() Replacement

Replace the built-in confirm() modal dialog with a more flexible implementation that allows using custom appearance and button text (e.g. Yes/No).

javascript modal open-source confirm

Jun 12, 2021

JavaScript prompt() Replacement

Use an improved prompt() replacement to add more flexibility to the single-input modal dialog.

modal open-source javascript prompt

Feb 18, 2021

JavaScript alert() Replacement

Simple helper for replacing alert() with a more flexible HTML-based modal dialog with support for CSS styling.

modal javascript alert open-source

Dec 14, 2020

Previous Articles 61-80 of 90 Next

Products

Resources

Tools

About Us

Contact

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.