import { Component } from '@angular/core';
import { SchedulerEvent } from '@progress/kendo-angular-scheduler';
import { sampleData, displayDate } from './events-utc';

@Component({
    selector: 'my-app',
    template: `
      <button (click)="days=1">1 day</button>
      <button (click)="days=3">3 days</button>
        <kendo-scheduler [kendoSchedulerBinding]="events" [selectedDate]="selectedDate"
                         startTime="07:00" endTime="19:00"
                         style="height: 600px;">
            <kendo-scheduler-multi-day-view [numberOfDays]="days">
            </kendo-scheduler-multi-day-view>

            <kendo-scheduler-week-view>
            </kendo-scheduler-week-view>

            <kendo-scheduler-work-week-view>
            </kendo-scheduler-work-week-view>
        </kendo-scheduler>
    `
})
export class AppComponent {
    public selectedDate: Date = displayDate;
    public events: SchedulerEvent[] = sampleData;
    days = 1;
}