I am using Angularjs UI Bootstrap datepicker (http://plnkr.co/edit/kMXeOm5ct4pPFH0ZJc8u?p=preview), which is working fine. But I need to change the height and width of the calender. Is it possible?. The following 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>
You can do this with CSS:
.dropdown-menu table {
height: 300px;
width: 350px;
}
Here is a fork of your plunk.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With