code.daypilot.org

Articles

Angular Calendar: Day/Week/Month Views (Open-Source)

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.

angular angular20 calendar day week month typescript open-source

Sep 6, 2025 (updated)

Next.js Calendar with Day/Week/Month Views (Open-Source)

How to create an integrated day, week, and month calendar view with a shared data source in Next.js.

next.js nextjs15 react react19 typescript open-source day week month calendar

Sep 5, 2025 (updated)

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

Sep 5, 2025 (updated)

Monthly Calendar in Spring Boot/Java (Open-Source)

Spring Boot web application that displays a monthly calendar with drag and drop support. Implemented using JavaScript monthly calendar control from DayPilot package.

javascript html5 month event-calendar spring-boot java open-source

Sep 4, 2025 (updated)

ASP.NET Core Resource-Scheduling Calendar (Open-Source)

How to create a resource-scheduling calendar in ASP.NET Core that displays resources as columns. Add more UI features, such as free/busy highlighting, next/previous date-changing buttons and a modal dialog for editing event details.

asp.net-core resource-calendar free-busy javascript entity-framework sql-server c# dotnet9 open-source

Sep 4, 2025 (updated)

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 react19

Sep 3, 2025 (updated)

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

Sep 3, 2025 (updated)

Angular Calendar: Date Switching

How to integrate Angular event calendar component with a date picker and navigation buttons for changing the visible week.

angular angular20 event-calendar navigator date-picker open-source typescript

Sep 2, 2025 (updated)

JavaScript Calendar in Read-Only Mode (Open-Source)

How to implement a toggle that switches between the read-only and edit modes of the JavaScript Calendar. Read-only events are marked with a padlock icon in the upper-right corner.

javascript event-calendar read-only open-source

Sep 1, 2025 (updated)

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 nextjs15 react react19 typescript resource-calendar open-source jsx

Aug 31, 2025 (updated)

Previous Articles 41-50 of 336 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.