ngCalendar
AngularJS calendar based on dhtmlxCalendar.
dhtmlxCalendar
JavaScript DatePicker Component.
dhtmlxCalendar is a lightweight cross-browser JavaScript calendar which can be configured as a popup date picker or a flat calendar. The component is easy-to-use and fully customizable. It can be attached to any text input field and provides fast and intuitive date selection in web- based apps.
dhtmlxCalendar features custom date format, the choice of any day as the first day of week, a year drop down list, and various skins and languages to choose from. The component can also be used as a date range selection tool, when dates prior to and after the available date range are disabled accordingly.
Dependencies
- AngularJS
Implementation
<i class="input-calendar-icon" ng-calendar ng-model="modelDate"></i>
The parameter bind = "ng-model" you are referring to variable $scope.modelDate
Bower install de dependency
$ bower install ngcalendar --save
Module AngularJS include
angular.module('example', ["ngCalendar"]);