Angular Bootstrap datepicker太窄

我按照演示Angular UI boostrap page添加了一個datepicker到我的Django站點。我包括以下文件：Angular Bootstrap datepicker太窄

<script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/angular.js' %}" ></script> 
<script type="text/javascript" src="{% static 'js/bootstrap-switch.js' %}" ></script> 
<script type="text/javascript" src="{% static 'js/angular-bootstrap-switch.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/bsSwitch.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/angular-locale_pl-pl.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui-bootstrap-tpls-1.1.0.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/gabinet.js' %}"></script>

我加入這個網站碼：

<h4>Wybierz miesiąc</h4> 
    <div class="row"> 
     <div class="col-md-3"> 
      <p class="input-group"> 
       <input type="text" class="form-control" uib-datepicker-popup="{[{format}]}" ng-model="dt" is-open="popup1.opened" ng-required="true" show-button-bar="false" datepicker-popup="mediumDate" show-weeks="false" datepicker-popup="yyyy-mm"/> 
       <span class="input-group-btn"> 
        <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button> 
       </span> 
      </p> 
     </div> 
    </div>

在控制器我設置的相關數據爲這個日期選擇器。問題出在彈出窗口中：它太窄而無法顯示整個日曆！