Best AngularJs Calendar Directives Plugins

Animating Angular Datepicker Component

May 2, 2018 | Calendar, Plugins
Animating Angular Datepicker Component

An Angular 2+ datepicker component that animate, can have multiple calendars next to each other, has no dependencies

Read More Demo

Angular 5.0+ wrapper for Flatpickr

March 5, 2018 | Calendar, Plugins
Angular 5.0+ wrapper for Flatpickr

Angular 5.0+ wrapper for flatpickr which is a lightweight and powerful datetime picker.

Read More Demo

LC DatePicker : AngularJS Date Time Picker Component

August 15, 2017 | Calendar, Plugins
LC DatePicker : AngularJS Date Time Picker Component

LC DatePicker is a pure Angular date and time picker component.

  • LC DatePicker is an Angular component that generates a datepicker calendar on your input element
  • Compatible with Angular 2 and Angular 4 versions
  • Only dependency is MomentJS and Font Awesome
  • Customizable date format and language
  • Can be configured as time, date-time, date, month or year picker
Read More Demo

Component & Style Library for Angular2 : ngx-ui

March 27, 2017 | Calendar, Modal & Popup, Table, Tabs
Component & Style Library for Angular2 : ngx-ui

ngx-ui is a component and style library for Angular2+ projects. It takes hints from Google’s Material and Microsoft’s Neon projects to create a unique dark design style.

Read More Demo

Angular DateRange Picker in Paypal DatePicker Style

March 20, 2017 | Calendar, Plugins
Angular DateRange Picker in Paypal DatePicker Style

This date range picker was heavily inspired by PayPal’s datepicker as seen on website.

Read More Demo

Ic Datepicker : Angular2 Datepicker Component

March 10, 2017 | Calendar
Ic Datepicker : Angular2 Datepicker Component

Just another component to create a pretty nice date picker for Angular 2 applications.

Read More Demo

Angular directive for D3.js Calendar Heatmap

October 24, 2016 | Calendar, Plugins
Angular directive for D3.js Calendar Heatmap

Angular directive for d3.js heatmap representing time series data. This d3.js heatmap representing time series data is used to visualize tracked time over the past year, showing details for each of the days on demand.

Read More Demo

Angular Calendar Heatmap based on D3js Heatmap

September 19, 2016 | Calendar, Plugins
Angular Calendar Heatmap based on D3js Heatmap

Angular directive for d3.js heatmap representing time series data. This d3.js heatmap representing time series data is used to visualize tracked time over the past year, showing details for each of the days on demand.

Read More Demo

Angularjs Weekly Scheduler

September 6, 2016 | Calendar, Drag & Drop, Plugins
Angularjs Weekly Scheduler

A weekly scheduler for angularjs.This directive displays a weekly item scheduler. You can see, add and modify items easily.

  • Use mouse wheel on schedule to scroll left and right
  • Use ctrl + mouse wheel to zoom in and out the schedule
Read More Demo

Angular Datetime Input UI Element

August 17, 2016 | Calendar, Plugins
Angular Datetime Input UI Element

This directive is designed to provide easy and intuitive input of moment.js datetime objects.Designed to be as simple as possible in order to afford intuitive interactions.

Read More Demo
123