.NET MAUI Scheduler Day Styling with Appintments

[Andrey]

Hello. Would be interested in migration .NET MAUI Scheduler from Xamarin with the following UI:

1. Selectable days and days with more customizable styles, like height etc.

2. Appointments indicators in days views

Everything achieved in xamarin using RadCalendar

Already checked Scheduler WeekHeader and Slot in UI for .NET MAUI | Telerik Forums

Thanks.

 

[Didi]

Hi Andrey,

Thank you for the provided images.

In general the Telerik Xamarin Calendar and Scheduler control is different than the Telerik MAUI Calendar and Scheduler controls. In MAUI the controls have been designed and built from the ground up as new controls with a new API and significant improvements over its Xamarin counterpart.

Let me get straight to the questions:

1) Selectable days and days with more customizable styles, like height etc.

As you are having appointments, then you have to use the Telerik MAUI Scheduler control.

You can style the day view by using the exposed styling API: https://docs.telerik.com/devtools/maui/controls/scheduler/styling/day-styling , For styling the header, review the following link: https://docs.telerik.com/devtools/maui/controls/scheduler/styling/header-styling 

2) Appointment indicators:

You can use appointment template and add additional elements to the template https://docs.telerik.com/devtools/maui/controls/scheduler/appointments/appointment-template 

Hope this will be of help.

Regards,
Didi
Progress Telerik

[Andrey]

Hi, thanks.

1. Day view style has a Label as a base control, I have tried to add HeightRequest etc. and no result, looks like it is hardcoded, do we have something like border style for the day views? Is it possible to select the date in week mode like it was in calendar before?

2. Is it possible to add Appointments indicators in days views ?

[Didi]

1) The day style targets the label. I tested and height cannot be applied. I set min height and height as values still the default is presented. 

Note that the Scheduler for MAUI has a new design and layout structure, so the behavior is by design and control implementation. However, I will discuss the case with the dev team and will send an update next week. 

2) I shared an approach using the appointment template, it works for all views. I have attached the xaml and cs files. 

[Didi]

Andrey,

I have discussed both cases with the dev team and here are my notes:

1) I have logged a feature request for applying height to the area with the day label: https://feedback.telerik.com/maui/1698674-scheduler-provide-an-option-to-specify-height-to-the-area-with-day-names 
2) Regarding to the selection in the week view area, the Scheduler is a new component different than the Xamarin and there isn't a day selection in the schedule view. You can select dates using the calendar picker from the header area. 

Hope this information will be of help.

[Andrey]

Ok, and the last one if I would like to add the appointments indicator(dots, please see my example pic from 2nd) to the days area/labels/selectors?

[Didi]

The appointments are rendered in the time slot area. In Xamarin the control is combined - Calendar and Scheduler, so you see appointments in the calendar area and schedule view area. In MAUI they are two different controls. So there isn't an option to display appointments in the Scheduler day names area. The area is reserved only for the day names.