code.daypilot.org

Articles

Angular application that shows how to create a resource calendar Angular component that displays event data in multiple columns. The resource calendar supports drag and drop out of the box.

Sep 12, 2025 (updated)

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 (updated)

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 react19

Sep 12, 2025 (updated)

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 react19

Sep 11, 2025 (updated)

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 (updated)

React Scheduler: TypeScript Project

This tutorial shows how to use the React Scheduler component to create a reservation application in React, using TypeScript language.

react scheduler typescript react19 open-source

Sep 10, 2025 (updated)

ASP.NET Core Maintenance Scheduling (Open-Source)

How to create a visual, color-coded, and easily adjustable maintenance plan in ASP.NET Core using DayPilot - the open-source calendar/scheduling UI library.

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

Sep 9, 2025 (updated)

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 angular20 typescript

Sep 9, 2025 (updated)

Next.js Weekly Calendar (Open-Source)

Add an interactive scheduling calendar to your Next.js application using the open-source DayPilot library.

next.js react calendar open-source typescript nextjs15

Sep 9, 2025 (updated)

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 (updated)

Previous Articles 11-20 of 335 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.