Feature : RangeSelector Component

[franklupo]

Is your feature request related to a problem? Please describe.
Currently, Radzen does not include a built-in RangeSelector component.
This makes it difficult to implement interfaces where users need to select a specific range — for example, a time window or data range on a chart.
Without it, developers must use two RadzenDatePicker or RadzenSlider components, which provide a less intuitive and non-visual experience.

---

Describe the solution you'd like
A new RadzenRangeSelector component that allows users to select a range of numeric or datetime values using two draggable handles over an interactive visualization area.

Key features:

• Support for numeric and DateTime ranges
• Optional background visualization (e.g., chart or timeline)
• Events triggered when the range changes (OnRangeChanged)
• Integration with existing Radzen charts for dynamic zooming or filtering

The component could work similarly to the DevExpress RangeSelector:
🔗 DevExpress RangeSelector Demo

---

Describe alternatives you've considered

• Using two RadzenDatePicker components → requires manual input, not visual
• Using a double RadzenSlider → limited to numeric values, lacks graphical context

---

Additional context
This component would be very useful in dashboards, data analysis, and monitoring tools, where users need to interactively zoom or filter datasets over time.
It would also enhance Radzen’s data visualization capabilities and help it compete with frameworks like DevExpress and Syncfusion.

Example

RangeSelector.razor.txt
RangeSelectorScale.razor.txt
Test.razor.txt

[akorchev]

Hi @franklupo,

I see that you have attached a few files with the suggested implementation. Would you consider making a pull request with the suggested changes? It would allow us to better review it and share feedback.

[franklupo]

Hi @akorchev ,

I'm using it like this in a project and it works pretty well. I'm busy with work and won't be able to implement it anytime soon.

Thanks