twitter-bootstrap - angular uiブートストラップ日付ピッカーポップアップのサイズをどのように変更しますか?

Question

これが私が言及しているものです： http://angular-ui.github.io/bootstrap/

サイズを制御する方法を示すものは何も表示されません。本文のフォントを変更してみましたが、うまくいきませんでした

Answer 1

この日付ピッカーのサイズは、次の例に示すように、ブートストラップのフォーム コントロールおよび btn クラスの css をオーバーライドすることで変更できます。

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

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

次に、my-datepicker クラスを datepicker 入力グループに適用します

<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>