angular2-text-mask with Ionic 2

home.html

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding class="home">
  <ion-list>
    <ion-item>
      <ion-label>Something</ion-label>
      <!-- ionic2 input -->
      <ion-input [textMask]="maskOptions" type="text"></ion-input>
    </ion-item>
    <ion-item>
      <!-- regular input -->
      <input type="text" [textMask]="maskOptions" >
    </ion-item>
  </ion-list>
</ion-content>

home.ts

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Directive} from 'angular2-text-mask';
@Component({
  templateUrl: 'build/pages/home/home.html',
  directives: [Directive]
})
export class HomePage {
  maskOptions: any = {
    mask: [
      '(',
      /[0-9]/,
      /[0-9]/,
      /[0-9]/,
      ')'
    ]
  };
  constructor(private navCtrl: NavController) {

  }
}

The "decorator" "@component" does not exist to "directive" properties... Right?

U should import 'MaskedInputDirective' and place it in declarations section