<ScheduleComponent width='100%' height='755px' cssClass='schedule-date-header-template' showHeaderBar={true} showQuickInfo={false} currentView='Month' ref={t => this.scheduleObj = t} eventSettings={{
dataSource: filtered_data_update,
fields: { id: 'requestId', subject: { name: 'tenantName' }, location: { name: 'zoneName' }, startTime: { name: 'startDateTime', validation: { required: true } }, endTime: { name: 'stopDateTime', validation: { required: true } }, RecurrenceRule: { name: 'RecurrenceRule' }, zoneId: { name: 'zoneId' } },
enableTooltip: true,
tooltipTemplate: this.template.bind(this),
}}
editorTemplate={this.editorTemplate}
popupOpen={this.onPopupOpen.bind(this)}
cellDoubleClick={this.cellDoubleClick.bind(this)}
renderCell={this.onRenderCell.bind(this)}
allowDragAndDrop={true}
eventRendered={this.onEventRendered.bind(this)} actionBegin={this.onActionBegin.bind(this)} actionComplete={this.onActionComplete.bind(this)}
refreshEvents={this.refreshEvents.bind(this)}
created={this.onCreate(filtered_data_update)}
timeScale={ { enable: true, interval: 60, slotCount: 2 }}
>
<Inject services={[Day, Week, WorkWeek, Month, Agenda, Resize, DragAndDrop]} />
</ScheduleComponent>
