datepicker.component.ts

import { Component, OnInit, ElementRef, Input } from 'angular2/core';
import { NgControl, ControlValueAccessor } from 'angular2/common';

import "jquery";
import "jquery-ui";

declare var jQuery: any;

@Component({
    selector: '.datepicker',
    template: require('./datepicker.component.html'),
})
export class DatepickerComponent implements OnInit {
    
    @Input() model;
    el : ElementRef;
    instance : any;
    ngControl;
    value: '';
    
    constructor(el: ElementRef, ngControl: NgControl) {
        this.el = el;
        if (ngControl) {
            this.ngControl = ngControl;
        }
    }
    
    ngOnInit() {
        this.instance = jQuery(this.el.nativeElement).datepicker({"dateFormat": "dd/mm/yy"});
        this.instance.on('change', () => {
            this.ngControl.viewToModelUpdate(this.instance[0].value);
        })
    }
   

}