NativeScript - TimePicker/DatePicker

import {Component, ViewChild, ElementRef} from "angular2/core";
import {Color}  from "color";
import {SearchBar} from "ui/search-bar";
import {TextField} from "ui/text-field";
import {Switch} from "ui/switch";
import {Slider} from "ui/slider";
import {Progress}from"ui/progress";
import {PropertyChangeData} from "data/observable";
import {Observable} from 'data/observable';

@Component({
    selector: "my-app",
    template: `
      <StackLayout>
   <TimePicker [(ngModel)]='model.deliveryTime' ></TimePicker>
        <Label [text]='model.deliveryTime' ></Label>
        <DatePicker [(ngModel)]='model.deliveryDate' ></DatePicker>
        <Label [text]='model.deliveryDate' ></Label>
	      </StackLayout>
`,
    styleUrls: ["app.css"]
})
export class AppComponent {
    public model: Observable;
    constructor() {
        this.model = new Observable({
            'test': 'Jack',
            'testBoolean': false,
            'deliveryDate': new Date(),
            'deliveryTime': new Date(),
            'mydate': new Date(),
            'sliderTest': 0,
            'search': null,
            'selectedIndex': 0,
            'listPickerItems': [
                1, 2, 3, 4, 5
            ]
        });
    }

    ngAfterViewInit() {

    }
}