Exploring the Range Selection Modes in .NET MAUI Calendar
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (172).NET Core  (29).NET MAUI  (185)Angular  (104)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (40)Black Friday Deal  (1)Blazor  (208)BoldSign  (12)DocIO  (24)Essential JS 2  (106)Essential Studio  (199)File Formats  (63)Flutter  (129)JavaScript  (216)Microsoft  (118)PDF  (80)Python  (1)React  (97)Streamlit  (1)Succinctly series  (131)Syncfusion  (863)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (49)Windows Forms  (61)WinUI  (68)WPF  (154)Xamarin  (160)XlsIO  (35)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (145)Chart  (122)Cloud  (14)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (62)Development  (599)Doc  (7)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (37)Extensions  (22)File Manager  (6)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (478)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (39)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (29)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (355)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (30)Visual Studio Code  (17)Web  (564)What's new  (311)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Exploring the Range Selection Modes in .NET MAUI Calendar

Exploring the Range Selection Modes in .NET MAUI Calendar

The Syncfusion .NET MAUI Calendar supports selecting a range of dates rather than just a single date. This can be useful for scheduling events or tasks that span multiple days or tracking your progress on a project over time. In this blog post, we’ll explore the different range selection options available in the calendar.

Note: If you are new to our .NET MAUI Calendar control, you can check out its getting started and single and multiple selection documentation before proceeding with these various range selections in calendar applications.

Different range selection options

There are several ways to extend selected ranges to fit the specific needs of different users and use cases.

Default range selection

The default range selection option is to select a single range of dates. This is typically done by selecting a start date and an end date.

Refer to the following code example.

XAML:

<calendar:SfCalendar  x:Name="Calendar" 
                   View="Month"
                   SelectionMode="Range"/>

C#:

this.Calendar.SelectionMode = CalendarSelectionMode.Range;

Default Range Selection Mode in .NET MAUI Calendar

Extending start of range selection in Calendar

This mode allows users to extend the start of the selected range but not the end. This is useful, for example, when the user needs to start a project earlier than expected. Refer to the following code example.

XAML:

<calendar:SfCalendar  x:Name="Calendar" 
                      View="Month"
                      SelectionMode="Range"
                      RangeSelectionDirection="Backward"/>

C#:

this.Calendar.SelectionMode = CalendarSelectionMode.Range;
this.Calendar.RangeSelectionDirection = CalendarRangeSelectionDirection.Backward;

Backward Range Selection Mode in .NET MAUI Calendar

Extending end of range selection in Calendar

This mode allows users to extend the end of the range they have selected but not the start. This is useful for situations where the user needs to choose vacation dates. Refer to the following code example.

XAML:

<calendar:SfCalendar  x:Name="Calendar" 
                      View="Month"
                      SelectionMode="Range"
                      RangeSelectionDirection="Forward"/>

C#:

this.Calendar.SelectionMode = CalendarSelectionMode.Range;
this.Calendar.RangeSelectionDirection = CalendarRangeSelectionDirection.Forward;

Forward Range Selection Mode in .NET MAUI Calendar

Extendable start and end of ranges in Calendar

This mode allows users to extend the start and end of the range they have selected by dragging the edges of the range. This is useful when the user needs to adjust the range slightly, such as when scheduling a meeting or event. Refer to the following code example.

XAML:

<calendar:SfCalendar  x:Name="Calendar" 
                      View="Month"
                      SelectionMode="Range"
                      RangeSelectionDirection="Both"/>

C#:

this.Calendar.SelectionMode = CalendarSelectionMode.Range;
this.Calendar.RangeSelectionDirection = CalendarRangeSelectionDirection.Both;

Forward and Backward Range Selection Modes in .NET MAUI Calendar

Non-extendable range in Calendar

This mode allows you to prevent ranges from being selected and does not allow users to modify the selected range. This is useful when you need to limit the range modification, such as when unauthorized users see a scheduled meeting or event. Refer to the following code example.

XAML:

<calendar:SfCalendar  x:Name="Calendar" 
                      View="Month"
                      SelectionMode="Range"
                      RangeSelectionDirection="None"/>

C#:

this.Calendar.SelectionMode = CalendarSelectionMode.Range;
this.Calendar.RangeSelectionDirection = CalendarRangeSelectionDirection.None;

Non-Extendable Range Selection Mode in .NET MAUI Calendar

It’s important to consider the context of the application and the users’ needs when deciding which extendable range mode to use. For example, a scheduling app for a hair salon would be better served by the extendable start and end of range mode, as customers can adjust the start and end times of their appointment as needed. On the other hand, a project management tool would be better served by non-extendable range, as it does not allow team members to extend the range of a task.

Supercharge your cross-platform apps with Syncfusion's robust .NET MAUI controls.

Conclusion

In summary, different range modes in the .NET MAUI Calendar offer various ways for users to extend their selected range. The appropriate method should be chosen based on the context of the application and the users’ needs. This allows for a more versatile and user-friendly calendar.

Try out our .NET MAUI control demos on GitHub and share your feedback or ask questions in the comments section below.

If you are not a Syncfusion customer, you can try our 30-day free trial to see how our components can enhance your projects.

If you have questions, you can reach us through our support forum, support portal, or feedback portal. We are always happy to assist you!

Test Flight
App Center Badge
Google Play Store Badge
Microsoft Badge
Github Store Badge

Related blogs

Tags:

Share this post:

Comments (2)

Sasikumar Arumugam
Sasikumar Arumugam

Hi,

As of now, .NET MAUI Calendar does not have a support for multi range selection, and we have logged a feature request for the multi range selection support. We will implement this feature in any of our upcoming releases.

At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We will let you know when this feature is implemented. We appreciate your patience until then.  

Thank you for requesting this feature and helping us define it. We are always trying to make our products better and feature requests like yours are a key part of our product growth efforts.  

You can also communicate with us regarding the open features at any time using our Feature Report page.   

We will prioritize the features every release based on the demands and we do not have an immediate plan to implement this feature since we committed to already planned work. So, this feature will be available in any of our upcoming releases.   

Please upvote these features to make this our priority. While this feature itself is important we will prioritize the features every release, based on the user demands. So, this feature will be available in any of our upcoming releases  

Feedback link: https://www.syncfusion.com/feedback/42906/provide-multi-range-selection-support-for-net-maui-calendarsfcalendar

If you have any more specifications/suggestions for the feature request, you can add them as a comment in the portal and cast your vote to make it count. 

Regards,
Sasikumar Arumugam.

Comments are closed.

Popular Now

Be the first to get updates

Subscribe RSS feed