1<section id="sys-log-filter" class="row column" aria-label="system log filtering">
2    <div class="inline sys-log__severity-filter">
3        <p class="filter-label">Filter by severity</p>
4        <button ng-repeat="severity in severityList" class="btn" ng-click="toggleSeverity(severity)"
5                ng-class="((selectedSeverityList.indexOf(severity) > -1) || ((severity == 'All') && (selectedSeverityList.length == 0))) ? 'btn-primary' : 'btn-secondary'">{{severity}}
6        </button>
7    </div>
8    <div class="inline sys-log__date-filter">
9        <p class="filter-label">Filter by date range</p>
10        <div class="inline">
11            <label for="sys-log-filter-start-date">Start Date</label>
12            <input id="sys-log-filter-start-date" type="date" max="{{end_date | date:'yyyy-MM-dd'}}" placeholder="MM/DD/YYYY" ng-model="start_date"/>
13        </div>
14        <strong>&ndash;</strong>
15        <div class="inline">
16            <label for="sys-log-filter-end-date">End Date</label>
17            <input id="sys-log-filter-end-date" type="date" min="{{start_date | date:'yyyy-MM-dd'}}" placeholder="MM/DD/YYYY" ng-model="end_date"/>
18        </div>
19    </div>
20    <div class="inline sys-log__status-filter">
21        <p class="filter-label">Filter by Type</p>
22        <!-- Type Filter-->
23        <div class="dropdown__wrapper">
24            <button type="button" class="dropdown__button" ng-click="typeFilter = !typeFilter">{{selectedType}}</button>
25            <ul class="dropdown__list inline" ng-show="typeFilter">
26              <li ng-repeat="typeName in filterTypes">
27                <button type="button" ng-click="selectType(typeName);">{{typeName}}</button>
28              </li>
29            </ul>
30        </div>
31    </div>
32</section>
33