directives_4.html

 <!-- Recommandé -->
<my-calendar-range></my-calendar-range>
<div my-calendar-range></div>

directives_5.js

/* Recommandé */
angular
  .module('app.widgets')
  .directive('myCalendarRange', myCalendarRange);

function myCalendarRange () {
  var directive = {
      link: link,
      templateUrl: '/template/is/located/here.html',
      restrict: 'EA'
  };
  return directive;

  function link(scope, element, attrs) {
    /* */
  }
}