AngularJS Directive : Bootstrap 3 DatePicker

gistfile1.js

myApp.directive('datePicker', function() {
    return {
        restrict: 'E',
        require: ['ngModel'],
        scope: {
            ngModel: '='
        },
        replace: true,
        template: '<input type="text" id="datePicker" class="form-control" ngModel>',
        link: function(scope, element, attrs) {

            scope.ngModel = moment().format('YYYY-MM-DD');

            element.datetimepicker({
                format: "YYYY-MM-DD",
                showMeridian: false,
                autoclose: true,
                pickTime : false
            });

            element.bind('blur keyup change click changeDate', function() {
                scope.ngModel = element.val();
            });

        }
    }
});

Requires: momentjs (http://momentjs.com) or remove line 12 if you don't want default date of today.

Usage:

<date-picker ng-model="myDate"></date-picker>