ngCalendar

Angular dhtmlxCalendar

by miamarti

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular-resource.min.js"></script>
<script src="https://miamarti.github.io/ngcalendar/cdn/ngcalendar.js"></script>
<link rel="stylesheet" href="https://miamarti.github.io/ngcalendar/cdn/ngcalendar.css">
<script src="https://use.fontawesome.com/7fc688b4c7.js"></script>
<div ng-app="myApp" ng-controller="Ctrl">

  <h1>Icon Click</h1>
  <input 
      ng-model="myDate" 
      placeholder="__/__/____" 
      type="text">
      
  <i  class="fa fa-calendar-check-o" 
      aria-hidden="true" 
      ng-calendar 
      ng-model="myDate"
      format="%d/%m/%Y"></i>
      
  <hr>
      
  <h1>Input Click</h1>
  <input 
      ng-model="myDate" 
      placeholder="__/__/____" 
      type="text"
      ng-calendar 
      ng-model="myDate"
      format="%d/%m/%Y">
      
</div>

CSS

body {
  background: #FAFAFA;
}

JavaScript

var myApp = angular.module('myApp', ['ngResource', 'ngCalendar']);
myApp.config(['$httpProvider', function ($httpProvider) {}]);

function Ctrl($scope) {
}