How do you change the size of a size of an angular ui bootstrap date picker popup?

Question

Here\'s what I\'m referring to: http://angular-ui.github.io/bootstrap/

I don\'t see anything that indicates how to control the size. I tried changing the body font but

Answer 1

This size of the datepicker can be changed by overriding the css for the bootstrap form-control and btn classes as shown in the following example:

.my-datepicker .form-control {
    height: 10px;
    padding: 11px;
}

.my-datepicker .btn {
    padding: 1px 2px;
}

then apply the my-datepicker class to the datepicker input-group