Integrate ngx-virtual-keyboard into Kendo Grid (Angular 6)

I've got a Kendo Grid, and I need to use a custom virtual keyboard to fill in some of the columns in the grid. I'm looking for someone who can integrate ngx-virtual-keyboard into Kendo Grid. Code below: Need a keyboard input like this: <input [matKeyboard]="'pdb_layout'"> Into this Grid <kendo-grid [data]="view | async" [pageSize]="[login to view URL]" [skip]="[login to view URL]" [sort]="[login to view URL]" [pageable]="false" [sortable]="false" (dataStateChange)="onStateChange($event)" (edit)="editHandler($event)" (cancel)="cancelHandler($event)" (save)="saveHandler($event)" (remove)="removeHandler($event)" (add)="addHandler($event)" [navigable]="true" > <kendo-grid-column field="article_id" editor="numeric" title="Article ID" *ngIf="isHidden('article_id')"></kendo-grid-column> <kendo-grid-column field="firstEntry" title="First Entry" *ngIf="!isHidden('firstEntry')"></kendo-grid-column> <kendo-grid-column field="firstDia" title="First Dia" *ngIf="!isHidden('firstDia')"></kendo-grid-column> <kendo-grid-column field="secondEntry" title="Second Entry" *ngIf="!isHidden('secondEntry')"></kendo-grid-column> <kendo-grid-column field="secondDia" title="Second Dia" *ngIf="!isHidden('secondDia')"></kendo-grid-column> <kendo-grid-column field="createdBy" title="Created By" *ngIf="isHidden('createdBy')"></kendo-grid-column> <kendo-grid-column field="createdDate" title="Created Date" *ngIf="isHidden('createdDate')"></kendo-grid-column> <kendo-grid-column field="ref_source" title="Reference" *ngIf="!isHidden('ref_source')"></kendo-grid-column> <kendo-grid-column field="page" title="Page" *ngIf="!isHidden('page')"></kendo-grid-column> <kendo-grid-column field="note" title="Note" *ngIf="isHidden('note')"></kendo-grid-column> <kendo-grid-column field="perferred" title="Perferred" *ngIf="isHidden('perferred')"></kendo-grid-column> <kendo-grid-command-column title="Operator" width="200"> <ng-template kendoGridCellTemplate let-isNew="isNew"> <a kendoGridEditCommand><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a> <a kendoGridRemoveCommand><i class="fa fa-trash-o" aria-hidden="true"></i></a> <button kendoGridSaveCommand [disabled]="formGroup?.invalid">{{ isNew ? 'Add' : 'Update' }}</button> <button kendoGridCancelCommand>{{ isNew ? 'Discard changes' : 'Cancel' }}</button> </ng-template> </kendo-grid-command-column> <ng-template kendoGridToolbarTemplate> <button kendoGridAddCommand>Add New</button> </ng-template> </kendo-grid>