Quickly visualize high-level data and select a time-period with a modern interface to filter data for in-depth analysis.
Integrate seamlessly with Charts, DataGrid, ListView, etc. to show filtered data.
Experience smooth interaction and responsiveness in different form factors.

Trusted by the world’s leading companies

UWP range selector

Overview

The range selector control provides an intuitive interface for selecting a smaller range from a larger collection. It is commonly used in financial dashboards to filter a date range for which the data needs to be visualized.

Scales

The major and minor scales display the range with different intervals and are placed at the top and bottom of the range selector. A required date-time component can be configured to be shown in major and minor scales.

Shows scales in UWP range selector control

Content

Add any view as the content of the range selector to provide a glimpse of the bound data and provide a detailed view of the selected range in a separate view.

Shows content in UWP range selector control

Binding selected data

Bind the selected data from the range selector to other data visualization controls to visualize the filtered data.

Shows binding selected data from UWP range selector control

Range selection

The range selector provides three ways to select a range:

Select the range from major and minor scales.
Drag the left thumb and right thumb.
Drag the selected range to maintain the same delta.

UI customization

All the elements of the range selector are highly customizable.

Shows the labels in UWP range selector control

Labels

The size, color, font family, font attribute, and alignment of the minor and major labels are customizable.

Shows the right and left thumb in UWP range selector control

Thumb

The entire appearance of the left and right thumbs can be customized.

Shows the grid lines in UWP range selctor control

Gridlines

The color, stroke width, dash array, and visibility of the major and minor gridlines are customizable.

Tooltips display the start and end values of the selected range to make choosing the required range easier for users.

Shows the tooltip in UWP range selector control

Deferred scrolling

Deferred scrolling allows you to defer the selected range to be updated until the user stops dragging the thumbs. This provides a smooth scrolling experience.

Localization

All static text within the range selector can be localized to any desired language.

Shows the localization in UWP range selector control

ALL CONTROLS

GRIDS

DATA VISUALIZATION

INPUT CONTROLS

CALENDAR

NAVIGATION

BUSINESS INTELLIGENCE

LISTS & DROPDOWN

LAYOUT

NOTIFICATION

MISCELLANEOUS

Data Science

Predictive Analytics

FILE VIEWERS & EDITORS

Image Editor

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.

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.

Johan Visser,

H and T Pawnbrokers

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story