All Demos / Range Selector / Customization / Filter

Blazor Range Navigator Filter Example

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

This sample demonstrates data filtering by hire date using a DateTime axis in the Range Navigator, with the selected range synchronized to a Grid for contextual data filtering.

Integration workflow:

  • The Range Navigator displays data across a DateTime axis
  • Handle the navigator's Changed event to capture range selection
  • Synchronize the selected range with the Grid's filter for dynamic, coordinated data views

More information: documentation section.