angular js modules for eyecon boostrap datepicker as a directive

eyecon-bootstrap-datepicker.js

// plugin src: http://www.eyecon.ro/bootstrap-datepicker/
(function(jQuery, _) {
    angular.module('eyecon-bootstrap-datepicker', [])
    .directive("eyeconBootstrapDatepicker", function() {
        return {
            replace: true,
            scope: {
                format : "@",
                availableDates : "=",
                selectedDate: "=",
                display: "@"
            },
            link: function(scope, element, attrs, controller) {
                
                var _datepicker = angular.element(element).datepicker({
                    onRender: scope.onRender,
                    format: scope.format
                })
                .on("changeDate", scope.onChangeDate)
                .datepicker('setValue', scope.selectedDate);
                _datepicker.datepicker(scope.display);
                scope.datepicker = _datepicker;
            },
            controller: function($scope) {
                $scope.onChangeDate = function(e) {
                    console.log(e.date);
                    //$scope.datepicker.datepicker("hide");
                }
                $scope.onRender = function(date) {
                    console.log(date);
                    return _.contains(_.map($scope.availableDates, function(_date) {
                        return _date = _date.valueOf();
                    }), date.valueOf()) ? "" : "disabled";
                }  
            }
        }
    });
})(jQuery, _);

usage.html

<input type="text" eyecon-bootstrap-datepicker
    format="dd-mm-yyyy" 
    available-dates="availableDates" 
    selected-date="selectedDate" 
    display="show"  />