code.daypilot.org

Articles

React Weekly Calendar Tutorial (Open-Source)

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.

react event-calendar week javascript css jsx open-source react18

Jul 18, 2022 (updated)

React Calendar with Date Picker (Open-Source)

How to use a popup date picker to select a date displayed by the React Calendar component.

react date-picker event-calendar javascript open-source

Jul 14, 2022 (new)

Vue Resource Calendar (Open-Source)

Use the Vue calendar component to display an interactive schedule for multiple resources.

vuejs resource-calendar open-source javascript

Jul 14, 2022 (new)

Angular 14 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 14 calendar/scheduler application.

angular scheduler typescript quick-start angular14

Jul 11, 2022 (new)

React Scheduler: Next/Previous Buttons

Add "next" and "previous" buttons to your React application and let users switch the month displayed by the Scheduler component.

react scheduler javascript

Jun 17, 2022 (new)

JavaScript Scheduler: How to Use the Keyboard API

How to use the JavaScript Scheduler keyboard API to define custom hotkeys and override the default behavior.

javascript scheduler keyboard

Jun 3, 2022 (updated)

JavaScript Scheduler: Custom Time Header Segments

How to define custom time segments in the Scheduler time headers. In this example, we will display a special header that will highlight work weeks and weekends.

javascript scheduler time-header customization

Jun 2, 2022 (updated)

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 angular13 resource-calendar typescript open-source

Jun 2, 2022 (updated)

HTML5 Doctor Appointment Scheduling (JavaScript/PHP/MySQL)

HTML5 web application for managing doctor appointments. Includes public and administration interface. Patients can request an appointment in one of the slots predefined using the administration interface. Implemented in PHP/MySQL.

html5 javascript doctor appointment calendar scheduler mysql

Jun 2, 2022 (updated)

JavaScript Resource Calendar Tutorial - PHP/MySQL (Open-Source)

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.

javascript resource-calendar php mysql open-source sqlite

May 25, 2022 (updated)

Previous Articles 11-20 of 288 Next

Products

Resources

Tools

About Us

Contact

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.