JavaScript Date Picker

The JavaScript Date Picker component lets you choose a date visually using a mini calendar. The following tutorials show how to integrate the date picker with the JavaScript and Angular scheduling and calendar components.

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.

May 9, 2022

Angular Date Picker with Drag & Drop Range Selection (Open-Source)

How to activate the free-hand date range selection mode in the Angular date picker component (Navigator).

date-picker navigator open-source angular angular13 typescript

Mar 28, 2022

Angular Calendar: Date Switching

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

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

Jan 4, 2022

JavaScript Scheduler: How to Integrate a Date Picker

How to link the JavaScript Scheduler component to a date picker that can change the visible date.

javascript scheduler navigator date-picker

Jun 23, 2021

JavaScript Calendar: Blocking Selected Dates

Block access to past dates in the JavaScript Calendar component. Past dates are not accessible using the date picker and drag and drop operations are disabled.

javascript calendar navigator disable date-picker

Jun 19, 2021

Angular Scheduler: Date Navigation

Angular 11 application that uses DayPilot Navigator component as a date picker for the Scheduler.

angular angular11 scheduler typescript navigator date-picker

Nov 22, 2020

Articles 1-6 of 6

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.