10+ Angular 2 Calendars

How hard could it really be to find a decent calendar plugin for your Angular App? Well, pretty easy in fact, especially when there is 10 really awesome examples below. The Angular 2 Calendars shown are what I think are the best calendars available for Angular 4 at the moment.  My favourite would be the Simple Angular 2 Datepicker with some style improvements would bruff up really nice. Let us know in the comments which one you like best.

1. Angular 2/4 Calendar

A flexible calendar component for angular 4.0+ that can display events on a month, week or day view.

Demo Code

2. Angular 2 Full Calendar

Display a full-size drag-n-drop event calendar, leveraging jQuery.

Demo Code

3. Angular 2 Calendar

The Angular 2 Calendar component works with two Calendar objects. DayPilotCalendarComponent => Angular 2 Component ( tag) and DayPilot.Calendar => Underlying plain JavaScript object (DayPilot.Calendar class)

Website Demo

4. Angular 2 Boostrap Datepicker

This Angular 2 DatePicker tutorial shows how to use the DatePicker UI element from the Angular 2 bootstrap project.

Tutorial Code

5. Angular 4 UI Calendar

jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display.

Documentation Demo

6. Angular Material Datepicker

md-datepicker is a component used to select a single date. For information on how to configure internationalization for the date picker.

Demo

7. PrimeNG2 Calendar Example

Schedule is an event calendar based on FullCalendar. This sample demonstrates a crud scenario using a Dialog.

Demo

8. Wijmo Angular 2 Calendar

Add a calendar to your website with Wijmo Calendar widget (wijcalendar). Show a single month or a table of months with customizable styles and navigation elements.

Demo

9. Simple Angular 2 Datepicker

A simple date picker developed as a Angular2 component.

Code