Forms - Timepicker | Crossroads Digital Design Kit

UI Components / Forms

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TimepickerModule } from 'ng2-bootstrap';
import { AppComponent } from './component';

@NgModule({
  imports: [BrowserModule, TimepickerModule.forRoot()],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <timepicker [(ngModel)]="mytime"></timepicker>
    <p class="soft-half-left">Time is: {{mytime}}</p>
  `
})
export class AppComponent implements OnInit {

  public mytime: Date = new Date();

  ngOnInit() {
    let date = new Date();
    date.setHours(19);
    date.setMinutes(0);
    this.mytime = date;
  }
};