ResourceDirective two events same time error

[Brandon]

Hi, I have mi schedule component using ResourceDirective, to compare the events of my users, the problem is when one of my users has two events at the same type only one event is displayed in the calendar. 

In the following image, for example, I'm using the default option Day and I can visualize the two events at the same time. 

But when I change the calendar using groups and ResourcesDirective one of those events is not visible. 

Here I only have one event

This is my code:

<ScheduleComponent

ref={(schedule) => setScheduleObj(schedule)}

id="schedule"

cssClass="schedule-smart-2"

quickInfoOnSelectionEnd="true"

quickInfoTemplates={{

header: headerTemplate.bind(this),

content: contentTemplate.bind(this),

footer: footerTemplate.bind(this),

}}

resourceHeaderTemplate={resourceHeaderTemplate.bind(this)}

popupOpen={onPopupOpen.bind(this)}

locale={preferred === 'es' ? 'es-MX' : 'en-US'}

height="calc(90vh - 40px)"

eventSettings={{

enableMaxHeight: true,

dataSource: eventsState,

spannedEventPlacement: 'TimeSlot',

}}

actionBegin={onActionBegin.bind(this)}

actionComplete={onActionComplete.bind(this)}

workHours={{

highlight: true,

start: '6:00',

end: '23:00',

}}

group={{

byGroupID: false,

resources: ['MeetingRoom'],

}}

// timeScale={{ interval: 60, slotCount: 1 }}

>

<ResourcesDirective>

<ResourceDirective

field="currentUserId"

title="Room Type"

allowMultiple={true}

name="MeetingRoom"

dataSource={selectedMembers}

textField="name"

idField="userId"

/>

</ResourcesDirective>

<ViewsDirective>

<ViewDirective

option="Day"

eventTemplate={monthEventTemplate.bind(this)}

/>

</ViewsDirective>

<Inject services={[Day]} />

</ScheduleComponent>

[Ruksar Moosa Sait]

Hi Brandon,

Kindly check the resource fields are properly mapped in the event object. We suspect that the filed mapping might be mismatched in your case. Kindly check the below sample.

Sample: https://stackblitz.com/edit/react-dayview-event-missing-pkp2q2?file=index.js

You can also refer to the below link to know more details.

UG link: https://ej2.syncfusion.com/react/documentation/schedule/resources/#resource-grouping

Kindly check the above details and if you still face the problem kindly get back to us with the following details to validate further at our end.

• Share both event details.
• Share the resource details

Regards,

Ruksar Moosa Sait