Calendar custom circle appointment

[Lotem Amiel]

In the SfCalendar widget I'm trying to show events with no end time. I want them to be a small circle with an icon inside. Trying to use `appointmentBuilder`, returning a container, the container bounds get changed to be the full width of the cell and height similar to `minimumAppointmentDuration`.
Is there any way to achieve what I want?

Thanks!

[Praveen Balu]

Hi Lotem Amiel,

In SfCalendar, appointments require both a start time and an end time to be rendered. The minimumAppointmentDuration property used to sets an arbitrary height for an appointment when it has minimum duration in time slot views and appointmentItemHeight property used to set the height for each appointment view to layout within the schedule view, even when using a custom widget via appointmentBuilder.

We have also shared KB links for your reference.
KB links:

How to set the arbitrary height to appointments in the Flutter Calendar

How to customize the appointment height in schedule view of the Flutter Calendar?

To assist you better, we kindly request you to share more details regarding which calendar view you are using (Day, Week, Timeline), the purpose of displaying a small circle with an icon. If possible, include a screen recording for the expected output. This will help us assist you more effectively.

Regards,
Praveen Balu.

[Lotem Amiel]

Hi Praveen,

I have attached an example of what I want to achieve. I understand from you answer that this is impossible as of now?

Thanks!

Attachment: Screenshot_20250929_020518_4ea4863f.png

[Praveen Balu]

Hi Lotem Amiel,

Yes, as per the current behavior in SfCalendar, it is not possible to customize the appointment width at the sample level.

However, we have prepared a workaround sample to achieve the image as a content of an appointment in the Timeline Day View using the appointmentBuilder property and attached the workaround sample below for your reference.

Regards,

Praveen Balu.

Attachment: forum_197518_19fe63ab.zip

[Lotem Amiel]

That is great, Prvaeen. Thank you very much!

[Jarrod Jaiz]

That's what I wonder. I've checked your links and it turns out I still don't know many features of this Calendar.

How to set the arbitrary height to appointments in the Flutter Calendar 

How to customize the appointment height in schedule view of the Flutter Calendar?
P/S: geometry dash

[Maryline Atieno Nyanjong’]

Hi Jarrod,

We appreciate your interest in the Flutter Calendar. We're glad you're taking the time to explore its features.

Regards,

Maryline A.