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

code.daypilot.org

Articles

Next.js Scheduler with Horizontal Timeline (Open-Source)
Next.js Scheduler with Horizontal Timeline (Open-Source)
Build a Next.js scheduler with a horizontal timeline (one year, day-by-day) featuring a date picker with scroll synchronization, a timeline header context menu for bulk day actions, and column highlighting.
next.js nextjs16 react react19 typescript scheduler timeline open-source
Feb 14, 2026 (updated)
PHP Hotel Room Booking System (JavaScript/HTML5, MySQL)
PHP Hotel Room Booking System (JavaScript/HTML5, MySQL)
A tutorial that shows how to create a PHP reservation system for hotel rooms with JavaScript/HTML5 frontend. The user interface includes a visual scheduling calendar with drag and drop support. MySQL and SQLite databases.
html5 javascript scheduler php hotel reservation mysql row-header-columns
Feb 11, 2026 (updated)
Angular Scheduler: CSS Themes
Angular Scheduler: CSS Themes
How to change the Angular Scheduler component appearance using a CSS theme. You can use one of the predefined themes or create your own theme using an online tool.
angular angular21 scheduler css theme zoneless open-source
Jan 30, 2026 (updated)
Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)
Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)
Use Angular lazy loading feature to improve the initial load time of your Scheduler application.
angular angular21 scheduler performance lazy-loading code-splitting typescript open-source
Jan 25, 2026 (updated)
Vue Date Picker with Free/Busy Highlighting (Open-Source)
Vue Date Picker with Free/Busy Highlighting (Open-Source)
Use the Vue date picker component (Navigator) to change the current date. The date picker can highlight dates that already have events or are not available.
vuejs navigator date-picker open-source javascript free-busy composition-api vue3
Jan 25, 2026 (updated)
JavaScript Scheduler: Event Types
JavaScript Scheduler: Event Types
How to define your own Scheduler event types and customize the appearance. You can change the event type using a context menu or a modal dialog.
javascript scheduler customization open-source
Jan 24, 2026 (updated)
JavaScript Scheduler: Pushing Existing Events Back (Drag and Drop)
JavaScript Scheduler: Pushing Existing Events Back (Drag and Drop)
How to configure the JavaScript Scheduler to automatically move existing events later when a new event is dragged and dropped, to avoid overlaps.
javascript scheduler drag-drop open-source
Jan 24, 2026 (updated)
Next.js Monthly Calendar (Open-Source)
Next.js Monthly Calendar (Open-Source)
Learn how to build a customized monthly calendar UI in Next.js 16 using the open-source DayPilot scheduling library.
next.js react typescript month open-source jsx nextjs16 react19
Jan 23, 2026 (updated)
Angular Calendar: Date Switching
Angular Calendar: Date Switching
How to integrate Angular event calendar component with a date picker and navigation buttons for changing the visible week.
angular angular21 event-calendar navigator date-picker open-source typescript zoneless
Jan 23, 2026 (updated)
React Scheduler: Rendering JSX in Events
React Scheduler: Rendering JSX in Events
How to render custom JSX in events displayed by the React Scheduler component.
react react19 scheduler javascript jsx open-source
Jan 23, 2026 (updated)
Articles 1-10 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.