DayPilotDayPilot
Products
Support
DayPilot Code
JavaScript
Angular
React
Vue
ASP.NET
ASP.NET Core
PHP
Spring Boot
Open-Source

code.daypilot.org

Articles

React Scheduler with a Vertical Timeline
React Scheduler with a Vertical Timeline
How to create dynamic calendars and schedulers with a vertical timeline, customizable time cells, and resource display in React.
react react19 calendar timeline resource-calendar
Jan 10, 2026 (updated)
React Monthly Calendar Tutorial (Open-Source)
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
Jan 10, 2026 (updated)
How to Use CSS Themes with the React Scheduler Component
How to Use CSS Themes with the React Scheduler Component
Learn how to change a React Scheduler CSS theme, create and apply your own theme and override individual styles.
react scheduler css theme javascript react19 open-source
Jan 9, 2026 (updated)
Vue.js Weekly Calendar Tutorial (Open-Source)
Vue.js Weekly Calendar Tutorial (Open-Source)
How to create a weekly calendar web application using a Vue calendar component. The tutorial includes a Vue.js project with JavaScript source code for download.
vuejs javascript event-calendar appointment open-source composition-api vue3 week
Jan 9, 2026 (updated)
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.
next.js nextjs16 react react19 typescript resource-calendar open-source jsx
Jan 8, 2026 (updated)
React Scheduler: TypeScript Project
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
Jan 7, 2026 (updated)
Vue Resource Calendar (Open-Source)
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
Jan 6, 2026 (updated)
Next.js Scheduler with DayPilot: A Step-by-Step Guide
Next.js Scheduler with DayPilot: A Step-by-Step Guide
Learn how to incorporate the React Scheduler in a Next.js application, focusing on configuration, event handling, and using the direct API.
next.js react scheduler typescript nextjs16
Jan 6, 2026 (updated)
Next.js Weekly Calendar (Open-Source)
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 nextjs16
Jan 5, 2026 (updated)
Angular Resource Calendar (Open-Source)
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 angular21 resource-calendar typescript open-source zoneless
Jan 3, 2026 (updated)
Previous Articles 21-30 of 340 Next

Products

Resources

Tools

About Us

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.