We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


The .NET MAUI Range Selector is a highly interactive UI control for selecting a smaller range from a larger data set. It provides a rich set of features such as labels, ticks, dividers, step duration, overlays, and tooltips. It also supports adding any type of control as its content.

.NET MAUI Range Selector Code Example

Easily get started with the .NET MAUI Range Selector using a few simple lines of XAML code example as demonstrated below. Also explore our .NET MAUI Range Selector Example that shows you how to render the Range Selector control in .NET MAUI.

<sliders:SfRangeSelector Minimum="0" 
            <charts:NumericalAxis IsVisible="False"
                        ShowMajorGridLines="False" />
            <charts:NumericalAxis IsVisible="False"
                        ShowMajorGridLines="False" />
                        <charts:SplineAreaSeries ItemsSource="{Binding Source}"


Add your content of choice, including any MAUI control. The Range Selector is smart enough to handle functions like segment selection and chart zooming based on the range specified.

.NET MAUI Range Selector content


The Range Selector can be used for numeric values, and the Date-Time Range Selector can be used for date-time values. Both the Range Selector and Date-Time Range Selector share common features regardless of the underlying values.

Numeric Range Selector

Numeric Range Selector in .NET MAUI

Date-Time Range Selector

Date-Time Range Selector in .NET MAUI

.NET MAUI Range Selector ticks


Set both major and minor ticks in the track. Use major ticks to show the intervals clearly and minor ticks to help users choose values between two intervals easily.


Render dividers in each interval to show the ranges accurately. Customize the size and appearance of the dividers.

.NET MAUI Range Selector divider

.NET MAUI Range Selector labels


Customize the labels easily. Change their format, render them at specific intervals, and add prefixes and suffixes.


Use tooltips to indicate the current selection during interaction. Customize the format, entire text, and visibility of the tooltip.

.NET MAUI Range Selector tooltip

.NET MAUI Range Selector regions

Region colors

Use active and inactive regions to highlight selected and unselected portions. Customize the appearance of the active and inactive regions.

Binding selected data

Bind the selected data from the Range Selector to any other data visualization control to visualize the filtered data.

Binding with the content

Binding selected data with content in .NET MAUI Range Selector

Binding with another control

Binding selected data with another control in .NET MAUI Range Selector

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Syncfusion .NET MAUI Resources


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile