angular2-materializeでdatepickerのeventを受け取る #Angular

情報が少なすぎて困るので共有&メモ

inputのeventを動的に受け取りたい

送信ボタンや決定ボタンのようなコンポーネントがUIに無かったので、pickerのonClose()をハンドリングしたかった

※本当はdone的なeventが良かったのだけれど、そもそも存在しないぽい
https://materializecss.com/pickers.html

結果的に以下でおｋ

コード

.html

<input id="date" name="date" [(ngModel)]="date"
        materialize="pickadate" [materializeParams]="datepickerformat"
        type="text" placeholder="全て"/>

.ts

  date= '';        // 選択日付
  datepickerformat = [{    // datepickerフォーマット
　　 //〜中略〜
    onClose: (el) => {
      console.log('datepicker close', el);
    }
  }];