How i can use mdbootstrap in Angular 2?
<p>In my task i use <a href="http://mdbootstrap.com/javascript/date-picker" rel="nofollow noreferrer">http://mdbootstrap.com/javascript/date-picker</a>
How I can use date-picker in angular 2 component, i must add this code in jquery to typescript component <code>$('.datepicker').pickadate();</code> in my component.</p>

<p><strong>my_component.ts</strong></p>

<pre><code>import { Component, OnInit, ElementRef } from '@angular/core';
declare var $: any;

@Component({
// selector: 'clients',
templateUrl: './src/client/app/views/clients.html',
})
export class ClientsModel implements OnInit {
constructor(private _elmRef: ElementRef) {}
/* this code not work*/
ngOnInit() {
    $(this._elmRef.nativeElement)
        .find('#date-picker-example')
        .on('click', function(){
            $('#date-picker-example').pickadate();
        });
}
}
</code></pre>

<p><strong>my_component.html</strong></p>

<pre><code>&lt;div class="md-form col-xl-2 col-lg-3 col-md-4 col-sm-6 col-xs-12" style="margin-top: 1%;"&gt;
     &lt;input type="text" id="date-picker-example" class="form-control datepicker"&gt;
     &lt;label for="date-picker-example"&gt;Date begin&lt;/label&gt;
&lt;/div&gt;
</code></pre>