]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/eg2/src/app/share/daterange-select/daterange-select.component.html
LP1834662: Add date-related components to Angular client.
[Evergreen.git] / Open-ILS / src / eg2 / src / app / share / daterange-select / daterange-select.component.html
1 <ngb-datepicker #dp
2   (select)="onDateSelection($event)"
3   [displayMonths]="2"
4   [dayTemplate]="t"
5   [outsideDays]="'hidden'"
6   [markDisabled]="markDisabled">
7 </ngb-datepicker>
8
9 <ng-template #t let-date let-focused="focused">
10   <span class="daterange-day"
11     [class.focused]="focused"
12     [class.range]="isRange(date)"
13     [class.faded]="isHovered(date) || isInside(date)"
14     [class.today]="date.equals(today())"
15     (touch)="onTouched()"
16     (mouseenter)="hoveredDate = date"
17     (mouseleave)="hoveredDate = null">
18     {{ date.day }}
19   </span>
20 </ng-template>
21