Error: NgbDatePicker with Mask Date

I need use A datepicker (NgbDatePicker) with a date mask (angular2-text-mask).

I made the implementation as follows:

<input [textMask]="maskDate" maxlength="10" [(ngModel)]="dataNgDatePicker" type="text" class="form-control m-input" name="FormDate" ngbDatepicker #date="ngbDatepicker" formControlName="FormDate">
                  <span class="input-group-addon" (click)="date.toggle()">
                    <i class="la la-calendar glyphicon-th" style="width: 1.2rem; height: 1rem; cursor: pointer;" ></i>
                  </span>

And the error that appears to me is the following:

VM3588 Component.ngfactory.js:352 ERROR Error: More than one custom value accessor matches form control with unspecified name attribute at _throwError (VM3095 forms.js:2463) at eval (VM3095 forms.js:2544) at Array.forEach (<anonymous>) at selectValueAccessor (VM3095 forms.js:2533) at new FormControlName (VM3095 forms.js:7225) at createClass (VM3039 core.js:12370) at createDirectiveInstance (VM3039 core.js:12207) at createViewNodes (VM3039 core.js:13645) at createEmbeddedView (VM3039 core.js:13523) at callWithDebugContext (VM3039 core.js:14936)

[aronrodrigues]

I believe the right way to solve it is to implement a mask function in ngbDatePicker What do you think about it?

[shogogan]

I could make it work with a directive, but the mask must be set manually

https://stackblitz.com/edit/angular-zvjxvq

I’m building a mask directive and trying to make it more compatible, if anyone has some issues or ideas, that would be great 😃

RacoonMask