Summary Table

Categories Total Count
PII 0
URL 0
DNS 0
EKL 0
IP 0
PORT 0
VsID 0
CF 0
AI 0
VPD 0
PL 0
Other 0

File Content

<div>
<div (click)="onDismiss()" [class.calendar-wrapper]="displayCalendar"></div>
<div class="calendar-form-container">
<form novalidate [formGroup]="parentFormGroup" class="calendar-form">
<div class="form-group">
<label class="label text-field" for="{{calendarId}}">
{{label}}
<span *ngIf="required" class="required"></span>
<span class="info">mm/dd/yyyy</span>
<span *ngIf="parentFormGroup.controls[parentControlName].touched && parentFormGroup.controls[parentControlName].invalid && !parentFormGroup.controls[parentControlName]?.errors?.isPastDate"
role="alert" aria-live="assertive" class="error">Enter Valid Date</span>
<span *ngIf="dateRangeError && !(parentFormGroup.controls[parentControlName].invalid && parentFormGroup.controls[parentControlName].touched)"
role="alert" aria-live="assertive" class="error">Invalid Date Range.</span>
<span *ngIf="parentFormGroup.controls[parentControlName].touched && parentFormGroup.controls[parentControlName]?.errors?.isPastDate" role="alert" aria-live="assertive" class="error">Future Dates Only</span>
<!-- <span class="info">mm/dd/yyyy</span>
<span *ngIf="error" class="error">Enter valid Date</span> -->
</label>
<input maxlength="10" [id]="calendarId" [tabIndex]="calendarTabIndex" (keydown)="onCalendarKeyPress($event)" placeholder="Enter Date"
data-date-format="mm/dd/yyyy" class="form-control calendar" (focus)="onDismiss()" [(ngModel)]="formData"
[formControlName]="parentControlName" type="text" name="date">
<div class="calendar-icon">
<img (keyup.enter)="onDisplayCalendar()" (click)="onDisplayCalendar()" role="button" src="./../../../assets/images/ic_calendar_black_24px.svg"
alt="calendar icon" title="Open Calendar" [tabIndex]="calendarTabIndex">
</div>
</div>
</form>
<div class="calendar-container" (keyup.esc)="onDismiss()" [class.calendar-show]="displayCalendar" [attr.aria-labelledby]= "monthId">
<div class="calendar-header">
<button type="button" (click)="onPreviousMonth()" aria-label="previous month">
&lt;
</button>
<div [id]="monthId">{{monthName}}</div>
<button type="button" (click)="onNextMonth()" aria-label="next month">
&gt;
</button>
</div>
<!-- <div class="calendar-body"> -->
<table role="presentation">
<tr class="calendar-label-row">
<th aria-label="sunday">SU</th>
<th aria-label="monday">MO</th>
<th aria-label="tuesday">TU</th>
<th aria-label="wednesday">WE</th>
<th aria-label="thursday">TH</th>
<th aria-label="friday">FR</th>
<th aria-label="saturday">SA</th>
</tr>
<tr *ngFor="let cal of calendar; let row = index">
<td [class.today]="day===today" [class.calendar-data-value]="day" class="calendar-data" (click)="selectedDate(day)" *ngFor="let day of calendar[row]; let column = index">
<ng-container *ngIf="day !== ''">
<div [attr.aria-label]="day +' '+ monthName" type="button" (keydown.enter)="$event.preventDefault();selectedDate(day)" [tabIndex]="calendarTabIndex">{{day}}</div>
</ng-container>
</td>
</tr>
</table>
<!-- </div> -->
<div class="table-footer">
<div class="extra-options">
<button type="button" (click)="onToday()" class="calendar-button">Go to Today</button>
<button type="button" (click)="onClear()" (blur)="displayCalendar = false" class="calendar-button">Clear Date</button>
</div>
</div>
</div>
</div>
</div>