Next.js Scheduler: How to Show Planned vs. Actual Task Durations using Task Versions

How to build a visual schedule in Next.js that displays the planned version of a task above its actual version. This makes it easy to compare durations and track deviations from the original plan.
ASP.NET Core Restaurant Table Reservation (Tutorial)
ASP.NET Core Restaurant Table Reservation (Tutorial)
Learn how to use the visual Scheduler component to build a restaurant table reservation application in ASP.NET Core. Create an intuitive UI that makes it easy to assign reservation requests to available tables.
Vue Scheduler: Using Cell Templates to Show Slot Prices
Vue Scheduler: Using Cell Templates to Show Slot Prices
How to use Vue templates to display dynamic reservation prices in each Scheduler time slot. Slot prices are defined using pricing plans independently for each day of the week.
Cell Templates in Vue Calendar: Display Slot Start Times, Sunrise & Sunset (Open-Source)
Cell Templates in Vue Calendar: Display Slot Start Times, Sunrise & Sunset (Open-Source)
Use Vue templates to add custom content to calendar cells: text, icons, or even Vue components. Use v-if to display content only in the cells you choose.
Workforce Scheduling in ASP.NET Core: Queue, Drag-and-Drop Resource Allocation, and Task Checklists
Workforce Scheduling in ASP.NET Core: Queue, Drag-and-Drop Resource Allocation, and Task Checklists
How to build an ASP.NET Core application for visual workforce scheduling. Integrate a queue of unscheduled orders and a scheduling calendar that displays staff as columns.
Next.js Resource-Scheduling Calendar (Open-Source)
Next.js Resource-Scheduling Calendar (Open-Source)
This Next.js app uses a resource-scheduling calendar UI to let you manage tasks for multiple resources side by side. Each column displays a 24-hour timeline for a different resource.
JavaScript Scheduler: Using Split Resources to Manage Task Priorities
JavaScript Scheduler: Using Split Resources to Manage Task Priorities
How to configure the JavaScript Scheduler component to display a dedicated sub-row for each priority level. This allows you to group tasks with the same priority and display them at the same position within a row.
React Scheduler: Visually Connect Tasks using Links
React Scheduler: Visually Connect Tasks using Links
Links can be used to display relationships between tasks in the React Scheduler UI component. Learn about the most common use cases and configuration options.
ASP.NET Core Scheduler (.NET 9)
ASP.NET Core Scheduler (.NET 9)
How to use JavaScript/HTML5 Scheduler control from DayPilot Pro package in an ASP.NET Core web application.
Angular 19 Scheduler Quick Start Project
Angular 19 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 19 calendar/scheduler application.
Browse Tutorials by Topic
c# 64x
html5 42x
vb.net 41x
react 40x
php 34x
mysql 23x
vuejs 21x
jsx 21x
month 20x
mvc 16x
gantt 16x
vue3 16x
sqlite 10x
week 10x
links 10x
export 10x
modal 10x
java 9x
mvc5 8x
pdf 8x
day 7x
mvc4 6x
css 6x
zoom 5x
undo 5x
ajax 4x
ios 3x
ipad 2x
year 2x
room 2x
copy 2x
png 2x
aot 1x
cli 1x
json 1x
lwc 1x
node 1x
vue 1x
swap 1x
jpeg 1x