Проблема с доступностью клавиатуры ngbDatepicker - PullRequest
Новая
       19

Проблема с доступностью клавиатуры ngbDatepicker

0 голосов
/ 17 марта 2019

Есть ли у кого-нибудь проблемы с доступностью клавиатуры при использовании ngdatepicker? В основном, поле ввода и кнопка icom календаря доступны с помощью клавиши табуляции. Но фокус не может перейти к дате в всплывающем календаре. Ниже приведен код: 

<div [formGroup]="formModel" class="form-group">
    <label [for]="field.id" class="b2 book">{{field.name}}&nbsp;*
        <span *ngIf="showHelp">?</span>
    </label>
    <div class="input-group">
            <input class="form-control" [dayTemplate]="customDay"  [id]="field.id" placeholder="YYYY-MM-DD"
            formControlName="{{field.id}}" [minDate]="ourMinDate" [startDate]="startDate" name="dp"  ngbDatepicker  #d="ngbDatepicker" size = "30">
                     
            <div class="input-group-append">
                <button class="btn btn-outline-secondary dplogo" (click)="d.toggle(); $event.stopPropagation();" (document:click)="closeFix($event, d)" (document:keydown.escape) = "closeFix($event, d)" type="button" style="width: 20px"></button>
            </div>
    
    </div>
    <app-dynamic-form-error-messages [control]="formModel.controls[field.id]" [field]="field"></app-dynamic-form-error-messages>
</div>
<ng-template #customDay let-date="date" let-currentMonth="currentMonth" let-selected="selected" let-disabled="disabled">
    <span class="custom-day" [class.selectedDate]="selected" [class.hiddenDate]="date.month !== currentMonth" [class.disabledDate]="disabled">
        {{ date.day }}
    </span>
...