Best AngularJs Calendar Directives Plugins

Animating Angular Datepicker Component

Animating Angular Datepicker Component

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

Angular 5.0+ wrapper for Flatpickr

Angular 5.0+ wrapper for Flatpickr

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

LC DatePicker : AngularJS Date Time Picker Component

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

Component & Style Library for Angular2 : ngx-ui

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.

Angular DateRange Picker in Paypal DatePicker Style

Angular DateRange Picker in Paypal DatePicker Style

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

Ic Datepicker : Angular2 Datepicker Component

Ic Datepicker : Angular2 Datepicker Component

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

Angular directive for D3.js Calendar Heatmap

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.

Angular Calendar Heatmap based on D3js Heatmap

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.

Angularjs Weekly Scheduler

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

Angular Datetime Input UI Element

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.