spannedEventPlacement not working

Hi, 

I have two events of two days each one but i want to display them as a full event in my calendar and not in the all day row at the top 

Im trying to implement the spannedEventPlacement = TimeSlot but is not working 

This is my Code and one of my two events of two days 

Captura de Pantalla 2022-01-04 a la(s) 19.48.45.png


    1. Id: 2
    2. IsAllDay: false
    3. Subject: "London"

<ScheduleComponent
height="550px"
ref={(schedule) => setScheduleObj(schedule)}
eventSettings={{
dataSource: eventsState,
spannedEventPlacement: 'TimeSlot',
}}
>
<Inject services={[Day]} />
</ScheduleComponent>

1 Reply 1 reply marked as answer

RM Ruksar Moosa Sait Syncfusion Team January 5, 2022 04:17 PM UTC

Hi Brandon,


We have validated your requirement and let you know that we could not reproduce it at our end. By default, when a spanned event is created by setting the spannedEventPlacement property to Timeslot, the events get rendered to it's full length based on the event duration. Based on your shared code snippet, we prepared the below sample and it's working as expected.


Sample: https://stackblitz.com/edit/react-spannedeventplacement-not-working-whdrbn?file=index.js


Could you please confirm whether the above solution has fulfilled your requirement?


Regards,

Ruksar M


Marked as answer
Loader.
Up arrow icon