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.
Jun 2, 2022
How to use HTML5/JavaScript resource calendar component to create a dynamic schedule. The calendar loads data (resources and events) using a REST API that is implemented using PHP and MySQL.
May 25, 2022
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.
May 9, 2022
How to activate the free-hand date range selection mode in the Angular date picker component (Navigator).
Mar 28, 2022
Simple appointment scheduling application built using Angular. The calendar view is created using DayPilot Pro Angular Calendar component. The server-side backend is created using PHP and stores events in a MySQL or SQLite database.
Feb 15, 2022
Weekly HTML5/JavaScript event calendar with CSS themes, drag and drop support, date navigator. Sample PHP and ASP.NET Core projects with REST backend implementation.
Jan 26, 2022
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.
Jan 4, 2022
How to integrate Angular 13 event calendar component with a date picker and navigation buttons for changing the visible week.
Jan 4, 2022
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.
Dec 31, 2021
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.
Dec 30, 2021
Replace the built-in confirm() modal dialog with a more flexible implementation that allows using custom appearance and button text (e.g. Yes/No).
Jun 12, 2021
Use an improved prompt() replacement to add more flexibility to the single-input modal dialog.
Feb 18, 2021
Simple helper for replacing alert() with a more flexible HTML-based modal dialog with support for CSS styling.
Dec 14, 2020
Open-source JavaScript modal dialog with rich features. It can display custom HTML or a standalone page. Supports drag&drop moving and automatic height adjustment.
Nov 29, 2020
DayPilot Modal is now available as a NPM package (@daypilot/modal) and can be used in Angular applications as well.
Jun 7, 2020
This tutorial shows how to export calendar data in iCalendar format in an ASP.NET WebForms web application. Includes a sample Visual Studio 2017 project. Open-source.
Dec 10, 2017
ASP.NET WebForms application that shows how to use Microsoft Exchange server as an appointment storage for DayPilot Calendar. Loads existing appointments, creates new appointments and updates existing ones.
Dec 10, 2017
AngularJS web application that shows how to create a simple event calendar solution, displaying day and week view and date selector. Supports drag and drop event moving and resizing, event editing using a modal dialog. JSON-based PHP server-side backend.
Jan 9, 2017
How to display a Gantt chart with DayPilot Scheduler.
May 15, 2015
ASP.NET web application for creating fast project time to completion estimate. It displays a project overview using a Gantt chart. Resource schedule and availability is displayed in a Resources view.
Dec 4, 2014
Articles 1-20 of 23
Next