Change the height and width of the calender AnglerJS UI Bootstrap datepicker

Question

I am using Angularjs UI Bootstrap datepicker ( http://plnkr.co/edit/kMXeOm5ct4pPFH0ZJc8u?p=preview ) which works fine. But I need to change the height and width of the calender. Is it possible?. Below is my code:

<div class="col-md-6"> <p class="input-group"> <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" /> <span class="input-group-btn"> <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button> </span> </p> </div> 

Answer 1

You can do this with CSS:

 .dropdown-menu table { height: 300px; width: 350px; } 

Here is the fork of your rogue .