DayPilot Code - Scheduling Tutorials and Source Code

ASP.NET Core Shift Planning (Entity Framework, .NET 8)

This tutorial explains how to create a visual ASP.NET Core application for scheduling shifts (multiple locations and employees). It uses a modern UI that lets you manage shifts using drag and drop.

Angular Scheduler with Horizontal Timeline (Open-Source)

Plan and visualize your resources in Angular with this lightweight, Apache‑licensed Scheduler - with a horizontal timeline, multi‑row time headers, CSS themes, dynamic event content and large‑dataset performance.

angular scheduler angular20 open-source

July 15, 2025 (new)

React Scheduler with Horizontal Timeline (Open-Source)

A lightweight, open-source React Scheduler component with a horizontal timeline, drag-and-drop support, customizable appearance, and smooth performance for large data sets.

react react19 scheduler open-source

July 11, 2025 (updated)

Angular 20 Scheduler Quick Start Project

A quick-start project with a pre-configured Angular Scheduler component. You can download this project and use it as a starting point for your own Angular 20 calendar/scheduler application.

angular scheduler typescript quick-start angular20

May 30, 2025 (updated)

React Scheduler: Rendering JSX Components in Row Headers

How to insert React components or direct JSX to Scheduler row headers.

react scheduler component jsx javascript react18

May 14, 2025 (updated)

JavaScript Scheduler: Use Custom Button to Scroll to Next Event

How to implement Previous and Next buttons that find the nearest event outside the current viewport of the JavaScript Scheduler component.

javascript scheduler

May 2, 2025 (new)

ASP.NET Core Timesheet (.NET 9, SQL Server, Entity Framework)

How to create a drag-and-drop timesheet application in ASP.NET Core (.NET 9) with SQL Server and Entity Framework.

asp.net-core timesheet scheduler entity-framework sql-server javascript dotnet9 c#

April 30, 2025 (updated)

JavaScript Scheduler: Date Picker in the Upper-Left Corner

How to embed a calendar icon in the upper-left corner of DayPilot Scheduler, hook it up to an inline DatePicker, and update the visible timeline.

javascript scheduler datepicker

April 29, 2025 (new)

Event Scheduler in Laravel: Timeline and Resource Allocation with Drag-and-Drop UI

Learn how to build an interactive scheduling application in Laravel using the DayPilot JavaScript Scheduler with a dynamic timeline, draggable events, and resource grouping.

javascript php laravel mysql sqlite scheduler

March 30, 2025 (new)

JavaScript Scheduler: Resource Utilization Chart for Rows

How to dynamically calculate the utilization percentage for each resource and display a chart with utilization details in the Scheduler row headers.

javascript scheduler utilization availability

March 20, 2025 (new)

Next.js Calendar with Day/Week/Month Views (Open-Source)

How to create an integrated day, week, and month calendar view with a shared data source in Next.js.

next.js nextjs15 react react19 typescript open-source day week month calendar

March 6, 2025 (new)

ASP.NET Core Shift Planning (Entity Framework, .NET 8)

Products

Resources

Tools

About Us

DayPilot Pro