Open-Source Calendar and Scheduler Tutorials (Page 2)

Back to Open-Source Calendar and Scheduler Tutorials

React Resource Calendar with Editable Columns (Open-Source)

How to use the open-source React resource calendar component to create a scheduling application for multiple groups of resources (locations, people, tools). Add a date picker and next/previous buttons that let users change the visible date.

Nov 12, 2023

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

Oct 17, 2023

Vue Resource Calendar (Open-Source)

Use the Vue calendar component to display an interactive schedule for multiple resources.

vuejs resource-calendar open-source javascript composition-api vue3 free-busy

Aug 7, 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

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

Vue Date Picker with Free/Busy Highlighting (Open-Source)

Use the Vue date picker component (Navigator) to change the current date. The date picker can highlight dates that already have events or are not available.

vuejs navigator date-picker open-source javascript free-busy

May 9, 2022

Angular Date Picker with Drag & Drop Range Selection (Open-Source)

How to activate the free-hand date range selection mode in the Angular date picker component (Navigator).

date-picker navigator open-source angular angular13 typescript

Mar 28, 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

Angular Calendar: Date Switching

How to integrate Angular 13 event calendar component with a date picker and navigation buttons for changing the visible week.

angular angular13 event-calendar navigator date-picker open-source typescript

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

DayPilot.Modal: Open-Source JavaScript Modal Dialog

Open-source JavaScript modal dialog with rich features. It can display custom HTML or a standalone page. Supports drag&drop moving and automatic height adjustment.

modal dialog open-source javascript

Nov 29, 2020

Using DayPilot Modal in Angular Application (TypeScript)

DayPilot Modal is now available as a NPM package (@daypilot/modal) and can be used in Angular applications as well.

angular modal typescript open-source alert confirm prompt

Jun 7, 2020

ASP.NET iCalendar Export (Outlook, Google Calendar, Mac OS X Calendar)

This tutorial shows how to export calendar data in iCalendar format in an ASP.NET WebForms web application. Includes a sample Visual Studio 2017 project. Open-source.

icalendar outlook open-source export import subscribe asp.net webforms c# vb.net

Dec 10, 2017

Loading Calendar Appointments from Exchange Server (Office 365) using EWS (ASP.NET)

ASP.NET WebForms application that shows how to use Microsoft Exchange server as an appointment storage for DayPilot Calendar. Loads existing appointments, creates new appointments and updates existing ones.

asp.net webforms c# vb.net calendar open-source exchange office-365

Dec 10, 2017

AngularJS Event Calendar (Open-Source)

AngularJS web application that shows how to create a simple event calendar solution, displaying day and week view and date selector. Supports drag and drop event moving and resizing, event editing using a modal dialog. JSON-based PHP server-side backend.

angularjs event-calendar html5 open-source php mvc javascript

Jan 9, 2017

Open-Source Gantt Chart for ASP.NET (C#, VB.NET)

How to display a Gantt chart with DayPilot Scheduler.

c# vb.net asp.net webforms gantt open-source

May 15, 2015

Previous Articles 21-40 of 44 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.