Skip to content
DayPilot

All Tutorials

Angular Scheduler: Dynamic Tooltip

Angular Scheduler: Dynamic Tooltip

The Angular Scheduler component supports displaying event details using a built-in tooltip. See how to include a dynamic Angular component in the tooltip.
ASP.NET Calendar: Integration with Date Picker (C#, VB.NET)

ASP.NET Calendar: Integration with Date Picker (C#, VB.NET)

ASP.NET WebForms web application that links the ASP.NET event calendar control with a Navigator (date picker) control.
React Scheduler: Large Datasets and Performance

React Scheduler: Large Datasets and Performance

What things to look at when you are not happy with the React Scheduler component performance.
Angular Scheduler: How to Add Components to the Upper-Left Corner

Angular Scheduler: How to Add Components to the Upper-Left Corner

How to add a custom Angular component to the upper-left corner of the Scheduler.
Angular Calendar: Displaying Custom Set of Days

Angular Calendar: Displaying Custom Set of Days

Web application with Angular calendar component configured to display a custom set of days as columns.
JavaScript Monthly Calendar: Max Events + Expand Button

JavaScript Monthly Calendar: Max Events + Expand Button

How to limit the number of concurrent events displayed by the monthly calendar and add an "expand" button to access the events.
JavaScript Calendar: Drag All-Day Events to a Specific Time of Day

JavaScript Calendar: Drag All-Day Events to a Specific Time of Day

How to use the native HTML5 drag and drop API to extend the calendar functionality and allow dragging an all-day event to a selected calendar cell.
JavaScript Calendar: Custom Drop Target for External Items

JavaScript Calendar: Custom Drop Target for External Items

How to drag items either to the JavaScript Calendar component or to a custom element.
Angular Gantt Chart: Full Screen Layout

Angular Gantt Chart: Full Screen Layout

How to integrate the Angular Gantt chart component into a page with a full-screen layout. Get rid of duplicate vertical scrollbars and fix the time header.
Angular Hotel Room Booking Tutorial (PHP/MySQL)

Angular Hotel Room Booking Tutorial (PHP/MySQL)

Angular hotel room reservation application. The user interface supports managing rooms (create, edit, delete, change status) and reservations (create, edit, move, delete, change status). Includes a PHP/MySQL backend with token-based authentication.