Code: Select all
import {Component, NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {DialogModule} from 'primeng/dialog';
import 'moment';
import 'fullcalendar';
import {ScheduleModule} from 'primeng/primeng';
@Component({
selector: 'app-root',
template: `
<p-schedule [events]="events" [header]="header"
(onDayClick)="handleDayClick($event)"></p-schedule>
<p-dialog header="{{selectedDate | date:'EEEE, MMMM d'}}"
[(visible)]="display">Content </p-dialog>
`,
})
export class AppComponentComponent {
private events: any[];
private display = false;
private selectedDate: Date;
handleDayClick(event: any) {
const selectedMoment = event.date;
this.selectedDate = selectedMoment.toDate();
this.selectedDate.setTime(this.selectedDate.getTime() + (this.selectedDate.getTimezoneOffset() * 60 * 1000));
this.display = true;
}
}
@NgModule({
imports: [BrowserModule, ScheduleModule, DialogModule],
declarations: [AppComponentComponent],
bootstrap: [AppComponentComponent],
})
export class AppComponentModule {}