<div stop-event ng-class="{'active':selme && operSel}" ng-click="selme=!selme;showDateTable();" ng-mouseleave="selme=false;">
    <span class="cal" ng-show="panels.length>1||isshowicon"></span>
    <el class="dateletter" ng-transclude></el>
    <div class="arrowIcon"></div>
    <div class="dateWarp dateTabRange" ng-show="showFlag" ng-style="wstyle" stop-event>
        <div class="left">
            <div class="date-single" ng-repeat="p in panels" style="height:270px;">
                <div class="date-title">
                    <span class="iconleft left" ng-click="changeMonth($index,p.date,-1)" ng-show="$index===0"></span>
                    <div class="date-label center-block">{{p.date | date: "yyyy-MM"}}</div>
                    <span class="iconright right" ng-click="changeMonth($index,p.date,1)" ng-show="$index===panels.length-1"></span>
                </div>
                <table cellpadding="0" cellspacing="0" class="date-table">
                    <thead>
                        <th scope="col" ng-repeat="week in options.abbrWeeks">{{week}}</th>
                    </thead>
                    <tbody>
                        <tr ng-repeat="row in p.weeks">
                            <td ng-repeat="cell in row">
                                <a class="pika-button pika-day" 
                                ng-click="chooseDate(cell)"
                                ng-class="cellClass(cell)">
                                    {{cell.day | date: "d"}}
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            
            <div class='date-footer' ng-show="panels.length>1">
                <span class='date-input'>
                    <label>{{ '日期范围:' | translate}}&nbsp;</label>
                    <input type="text" ng-model='customStrat' ng-blur='startDate()' readonly="true" style="width:90px;" />
                    <label>{{ '至' | translate}}</label>
                    <input type="text" ng-model='customEnd' ng-blur='endDate()' readonly="true" style="width:90px;" />
                </span>
                <div class="right">
                    <a class="btn3 mr10" ng-click="complete()">{{ '确定' | translate}}</a>
                    <a class="btn2" ng-click="cancel()">{{ '取消' | translate}}</a>
                </div>
            </div>
            <div class='date-footer clearfix' ng-show="panels.length==1">
                <a class="btn3 mr5" ng-click="cancel()" style="float:right;">{{ '关闭' | translate}}</a>
            </div>
        </div>
        <div class="relativeDateWrap" ng-show="panels.length>1">
            <a class="btn" ng-click="setRelDate('yesday')" ng-class="{'active':selDayflag=='yesday'}" style="min-width: 60px;width: unset;">{{ '昨日' | translate}}</a>
            <a class="btn" ng-click="setRelDate('d7')" ng-class="{'active':selDayflag=='d7'}" style="min-width: 60px;width: unset;">{{ '近7天' | translate}}</a>
            <a class="btn" ng-click="setRelDate('d14')" ng-class="{'active':selDayflag=='d14'}" style="min-width: 60px;width: unset;">{{ '近14天' | translate}}</a>
            <a class="btn" ng-click="setRelDate('d30')" ng-class="{'active':selDayflag=='d30'}" style="min-width: 60px;width: unset;">{{ '近30天' | translate}}</a>
            <a class="btn" ng-click="setRelDate('-w1')" ng-class="{'active':selDayflag=='-w1'}" style="min-width: 60px;width: unset;">{{ '上周' | translate}}</a>
            <a class="btn" ng-click="setRelDate('w0')" ng-class="{'active':selDayflag=='w0'}" style="min-width: 60px;width: unset;">{{ '本周' | translate}}</a>
            <a class="btn" ng-click="setRelDate('-m1')" ng-class="{'active':selDayflag=='-m1'}" style="min-width: 60px;width: unset;">{{ '上月' | translate}}</a>
            <a class="btn" ng-click="setRelDate('m0')" ng-class="{'active':selDayflag=='m0'}" style="min-width: 60px;width: unset;">{{ '本月' | translate}}</a>
        </div>
    </div>
</div>