Datepicker For Bootstrap : update bootstrap-datepicker - angularjs

Question

I want to custom the footer of my bootstrap-datepicker, i want to remove the 3 buttons and do this:
JSFIDDLE
angular.module('ui.bootstrap.demo', ['ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('DatepickerDemoCtrl', function ($scope) {
$scope.today = function() {
$scope.dt = new Date();
};
$scope.today();
$scope.clear = function () {
$scope.dt = null;
};
// Disable weekend selection
$scope.disabled = function(date, mode) {
return ( mode === 'day' && ( date.getDay() === 0 || date.getDay() === 6 ) );
};
$scope.toggleMin = function() {
$scope.minDate = $scope.minDate ? null : new Date();
};
$scope.toggleMin();
$scope.open = function($event) {
$event.preventDefault();
$event.stopPropagation();
$scope.opened = true;
};
$scope.dateOptions = {
formatYear: 'yyyy',
startingDay: 1,
numberOfMonths: 2,
autoclose: true
};
$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'];
$scope.format = $scope.formats[0];
});

Answer 1

You can remove the current footer
show-button-bar='false'
And add a new div with ng-show if the calendar is opened
<div class="footer" ng-show="opened">Horaries:<button>1</button><button>2</button><button>3</button></div>
Here is an example:
http://plnkr.co/edit/8WvmM9AmS8x6iArJzZv8?p=preview
off course, You´ll need some CSS to make it look like you want