Customizable Calendar in Maui (Android, iOS) and Blazor Web

[Subburaj]

We have requirement of customizable calendar with Dates as mentioned below,

• Minimum and Maximum Dates (Disable other dates)
• Selected Date customizable (Black color background and white color text)
• Highlight specific dates (Blue border color) - it can be multiple dates
• Current Date (Today) highlighted,

Will this above cases achievable in Maui (Android and iOS) and Blazor web as well?

[Subburaj]

Team any update on this?

[Didi]

Hello Subburaj,

You have submitted questions in the forum for Telerik MAUI product, so if you have questions regarding Telerik Blazor, submit them to the Blazor forum: https://www.telerik.com/forums/blazor 

Regarding to the Telerik MAUI Calendar here are more details:

1. Disable dates: For disabling dates you have to add them to the backout dates collection: https://docs.telerik.com/devtools/maui/controls/calendar/blackout-dates 

2. For Calendar dates customization, here is the documentation: 

You have to use the DayStyleSelector and on IsSelected state to apply the style. Here is the documentation and an example: https://docs.telerik.com/devtools/maui/controls/calendar/styling/day-styling#applying-style-selector 

3. Highlight dates 

This also can be done with the DayStyleSelector, as it is up to you how to structure the logic in the style selector.

4. CurrentDate today, you can achieve this again with the DayStyleSelector and in the check if it is IsToday state apply the style.

Review the documentation link I shared. 

Telerik MAUI Calendar Examples:

Review the SDK App Calendar examples and ControlsSamples examples for different scenarios and implementations:

For Telerik Blazor Calendar, review the documentation here: https://www.telerik.com/blazor-ui/documentation/components/calendar/overview 

Regards,
Didi
Progress Telerik