Come si modifica la dimensione di una dimensione di un popup di selezione data bootstrap ui angolare?

Question

Ecco cosa mi riferisco a: http://angular-ui.github.io/bootstrap/

Io non vedo nulla che indichi come controllare la dimensione. Ho provato a cambiare il tipo di carattere corpo, ma che non ha funzionato

Answer 1

Questa dimensione del DatePicker può essere cambiata sovrascrivendo il css per le classi di modulo di controllo e btn bootstrap come mostrato nel seguente esempio:

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

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

quindi applicare la classe my-datepicker al datepicker input-gruppo

<span class="input-group my-datepicker"> 
    <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="validToDate" is-open="opened1" 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> 
</span>