How can I use MaskedTextBox in Edit template of a grid?

[Michael]

I want to use the MaskedTextBox instead of a standard textbox in an Edit template of a grid, but I cannot find an axample how to do that.

What I have is:

<kendo-grid>
    <kendo-grid-column field="description"  title="Description">
        <ng-template kendoGridEditTemplate let-dataItem="dataItem">
            <input [(ngModel)]="dataItem.description" kendoGridFocusable name="Description" class="k-textbox"/>
        </ng-template>
    </kendo-grid-column>
</kendo-grid>

When I try

<ng-template kendoGridEditTemplate let-dataItem="dataItem">
     <kendo-maskedtextbox …></kendo-maskedtextbox>
</ng-template>

then Angular logs in the console “kendo-maskedtextbox' is not a known element”, although I imported

import { InputsModule, MaskedTextBoxComponent } from '@progress/kendo-angular-inputs';

So what’s the correct syntax for the MaskedTextBox?

[Michael]

I found the solution myself. My syntax was correct, I only put the import in the wrong file. It had to be in app.module.ts. 

[Martin]

Hi Michael,

I am glad to hear that you have found the cause of the issue. Let me know if any further assistance is required for Kendo UI for Angular.

Regards,
Martin
Progress Telerik