<div class="select-time panel">
    <div class="choose-year">
        <!-- Single button -->
        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle active" 
                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                ng-click="isYearDdOpen = !isYearDdOpen">
                <span class="year">{{choosen.year}}</span>
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" ng-class="{'show':isYearDdOpen}">
                <li ng-repeat="year in years" class="dropdown-menu-item"
                    ng-click="selectYear(year)">
                    {{year}}
                </li>
            </ul>
        </div>
    </div>
    <div class="choose-all">
        <button type="button" class="btn btn-default" 
            ng-class="{'active': 'ALL' === choosen.month}"
            ng-click="selectMonth('ALL')">
            ALL
        </button>
    </div>
    <div class="choose-month">
        <div class="" role="group">
            <button type="button" class="btn btn-default" 
                ng-class="{'active':$index === choosen.month}" ng-repeat="month in months"
                ng-click="selectMonth($index)">
                {{month}}
            </button>
        </div>
    </div>
</div>