Beyond basic usage - advanced features

Apart from the mentioned regular features, the Schedule component also supports lazy loading through the onViewRender event callback, which will be invoked when the new date range is rendered or when the view type changes. The Schedule component with lazy loading event callback invocation would be written as follows:

<p-schedule [events]="events" (onViewRender)="loadEvents($event)" 
[height]="700" [styleClass]="'schedule-width'"></p-schedule>

The component class defines a lazy loading callback to retrieve the events data on-demand and would be written as follows:

loadEvents(event: any) {
  let start = event.view.start;
  let end = event.view.end;
  // In real time the service call filtered based on  
  //start and end dates
  this.eventService.getEvents().subscribe((events: any) =>
  {this.events = events;});
}

The component also supports localization through the locale property. For example...