Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
import { Component } from '@angular/core';
import { FdDatetime } from '@fundamental-ngx/core';
@Component({
selector: 'fd-datetime-example',
templateUrl: './datetime-example.component.html'
})
export class DatetimeExampleComponent {
date: FdDatetime = FdDatetime.getToday();
}import { Component } from '@angular/core';
import { FdDatetime } from '@fundamental-ngx/core';
@Component({
selector: 'fd-date-time-picker-allow-null-example',
template: `
<span style="padding-left: 20px;">Selected Date: {{selectedDay?.toLocaleDateString()}}</span>`
})
export class DatetimePickerAllowNullExampleComponent {
selectedDay: FdDatetime = FdDatetime.getToday();
}import { FdDatetime } from '@fundamental-ngx/core';
@Component({
selector: 'fd-datetime-form-example',
styles: [`
.flex-form{
display:flex;
justify-content: space-between;
}
`],
templateUrl: './datetime-form-example.component.html'
})
export class DatetimeFormExampleComponent {
customForm = new FormGroup({
date: new FormControl(FdDatetime.getToday()),
disabledDate: new FormControl({ value: FdDatetime.getToday(), disabled: true })
});
}import { Component } from '@angular/core';
import { FdDatetime } from '@fundamental-ngx/core';
@Component({
selector: 'fd-datetime-non-meridian-example',
templateUrl: './datetime-non-meridian-example.component.html'
})
export class DatetimeNonMeridianExampleComponent {
date = FdDatetime.getToday();
}import { Component } from '@angular/core';
import { FdDate, FdDatetime } from '@fundamental-ngx/core';
@Component({
selector: 'fd-datetime-program-example',
templateUrl: './datetime-program-example.component.html'
})
export class DatetimeProgramExampleComponent {
date = FdDatetime.getToday();
changeDay(): void {
this.date = new FdDatetime(new FdDate(2018, 10, 10), this.date.time);
}
}import { Component } from '@angular/core';
import { FdDatetime } from '@fundamental-ngx/core';
@Component({
selector: 'fd-datetime-disabled-example',
templateUrl: './datetime-disabled-example.component.html'
})
export class DatetimeDisabledExampleComponent {
date: FdDatetime = FdDatetime.getToday();
}}
}
@Component({
selector: 'fd-datetime-format-example',
templateUrl: './datetime-format-example.component.html',
providers: [
{
provide: DateTimeFormatParser,
useClass: DateTimeFormatExample
}
]
})
export class DatetimeFormatExampleComponent {
date = FdDatetime.getToday();
}@Component({
selector: 'fd-datetime-form-example',
styles: [`
.flex-form{
display:flex;
justify-content: space-between;
}
`],
templateUrl: './datetime-form-example.component.html'
})
export class DatetimeFormExampleComponent {
customForm = new FormGroup({
date: new FormControl(FdDatetime.getToday()),
disabledDate: new FormControl({ value: FdDatetime.getToday(), disabled: true })
});
}