DayPilot Code - Scheduling Tutorials and Source Code

ASP.NET Core Work Order Scheduling (JavaScript, C#, Entity Framework, .NET 6)

ASP.NET Core application with drag and drop UI that lets you assign and schedule work orders. Includes a queue of unscheduled tasks, graphical team availability/utilization, context menu with additional actions, dialog for editing work order details.

asp.net-core javascript scheduler work-order entity-framework sql-server c# dotnet6

September 21, 2023 (updated)

Angular Resource Calendar (Open-Source)

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.

angular angular16 resource-calendar typescript open-source

September 18, 2023 (updated)

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

September 9, 2023 (updated)

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

Angular project that displays an event calendar component with day, week and month views that share the same data and can be easily switched. A date picker component is used to switch the current date and highlight busy days.

angular angular16 calendar day week month typescript open-source

August 26, 2023 (updated)

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

August 15, 2023 (updated)

JavaScript Scheduler: Select a Time Range over Multiple Rows

The JavaScript Scheduler allows selecting a time range over multiple adjacent rows at once.

javascript scheduler drag-drop

August 14, 2023 (updated)

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

August 7, 2023 (updated)

React Shift Scheduling Application (PHP/MySQL Backend)

React application that lets you visually schedule shifts at multiple locations. The backend REST API is implemented using PHP and MySQL.

react scheduler javascript jsx mysql php shift react18 links

July 18, 2023 (updated)

Angular Scheduler: Drag and Drop Task Queue

How to implement an ordered queue of unscheduled tasks that can be dragged to the Angular Scheduler component.

angular angular16 scheduler queue typescript

July 5, 2023 (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 dotnet7

June 26, 2023 (new)

React: Milestone Scheduler

Products

Resources

Tools

About Us

DayPilot Pro