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

Angular 2&4 Calendar
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

Angular 2 Full Calendar
Angular 2 Full Calendar

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

Demo Code

3. Angular 2 Calendar

Angular 2 Calendar
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

Angular 2 Boostrap Datepicker
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

Angular 4 UI Calendar
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

Angular Material Datepicker
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

PrimeNG2 Calendar Example
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

Wijmo Angular 2 Calendar
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

Simple Angular 2 Datepicker1
Simple Angular 2 Datepicker

A simple date picker developed as a Angular2 component.

Code

Sam Deering

Sam Deering

Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and sharing what he learns with others.

3 thoughts on “10+ Angular 2 Calendars

Leave a Reply

Your email address will not be published. Required fields are marked *