How to remove ui bootstrap datepicker footer angularjs

Question

Note : You can find answer in this article : Remove footer from angular ui bootstrap date picker

I am using ui-bootstrap datapicket for date of birth field. as below

<input type="text" data-datepicker-popup="dd-MMMM-yyyy" data-show-weeks="false" data-ng-model="model.dateOfBirth" id="dateOfbirth" name="dateOfBirth"> 

It is working fine. as shown below

So my question is how can i hide the footer of the date picker ??

Thanks in advance..

Answer 1

You can do it globally, like the following:

myApp.config(function (datepickerConfig, datepickerPopupConfig) {     // datepickerConfig.showWeeks = false;     // datepickerPopupConfig.toggleWeeksText = null;     datepickerPopupConfig.showButtonBar = false; }); 

Or you can do it for a specific instance of date-picker, like the folling:

<input type="text" ng-model="dt" show-button-bar="false" /> 

Answer 2

Looking for the same, I've found this answer:

Remove week column and button from Angular-ui bootstrap datepicker

So:

angular.module('app', ['ui.bootstrap'])   .config(function (datepickerConfig) {       datepickerPopupConfig.showButtonBar = false;     });