AngularJS - Simple Directive Use

HTML

<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<script src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-datepicker/css/bootstrap.css">
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-datepicker/css/datepicker.css">
<div ng-app="myApp" ng-controller="Ctrl">
    <div class="input-append date datepicker">
    <input type="text" b-datepicker ng-model="date"/> 
        <span class="add-on" ><i class="icon-calendar"></i></span>
    </div>
</div>

JavaScript

angular.module('myApp', [])
    .controller('Ctrl', ['$scope', function($scope) {
    
    }])
    .directive('bDatepicker', function(){
        return {
          restrict: 'A',
          link: function(scope, el, attr) {
            el.datepicker();
          }
        };
    });