32 lines
1.3 KiB
HTML
32 lines
1.3 KiB
HTML
<ng-template #content let-c="close" let-d="dismiss">
|
|
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" i18n>Select period</h4>
|
|
<button type="button" class="close" aria-label="Close" (click)="d('Cross click'); onCloseModal.emit()">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<ngb-datepicker #dp ngModel (ngModelChange)="onDateChange($event)" [displayMonths]="2" [dayTemplate]="t">
|
|
</ngb-datepicker>
|
|
|
|
<ng-template #t let-date="date" let-focused="focused">
|
|
<span class="custom-day"
|
|
[class.focused]="focused"
|
|
[class.range]="isFrom(date) || isTo(date) || isInside(date) || isHovered(date)"
|
|
[class.faded]="isHovered(date) || isInside(date)"
|
|
(mouseenter)="hoveredDate = date"
|
|
(mouseleave)="hoveredDate = null">
|
|
{{ date.day }}
|
|
</span>
|
|
</ng-template>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary" (click)="handleSelect($event)" i18n>Select</button>
|
|
<button type="button" class="btn btn-secondary" (click)="c('Close click'); onCloseModal.emit()" i18n="@@buttonClose">Close</button>
|
|
</div>
|
|
|
|
</ng-template>
|
|
|
|
|