1
|
import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
|
2
|
|
3
|
const DEFAULT_MINUTE_STEP = 15;
|
4
|
|
5
|
@Component({
|
6
|
selector: 'app-datetime',
|
7
|
templateUrl: './datetime.component.html',
|
8
|
styleUrls: ['./datetime.component.sass']
|
9
|
})
|
10
|
export class DatetimeComponent implements OnInit {
|
11
|
|
12
|
@Input() date: Date;
|
13
|
@Output() dateChange = new EventEmitter<Date>();
|
14
|
|
15
|
@Input() time: string; // HH:mm format
|
16
|
@Output() timeChange = new EventEmitter<string>();
|
17
|
|
18
|
@Input() minuteStep = DEFAULT_MINUTE_STEP;
|
19
|
|
20
|
constructor() { }
|
21
|
|
22
|
ngOnInit() {
|
23
|
}
|
24
|
|
25
|
private dateChanged(): void {
|
26
|
this.dateChange.emit(this.date);
|
27
|
}
|
28
|
|
29
|
private timeChanged(newTime: string): void {
|
30
|
this.time = newTime;
|
31
|
this.timeChange.emit(this.time);
|
32
|
}
|
33
|
}
|