All Demos / Range Selector / Axis / DateTime Axis

Blazor Range Navigator DateTime Axis 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 analyzes USD–EUR exchange rate data using a DateTime axis in the Range Navigator with an interactive tooltip for the selected range.

Configuration details:

  • Set the ValueType property to DateTime
  • Label formatting is automatically driven by the navigator's IntervalType setting
  • Override default formatting using the LabelFormat property for custom date/time display

More details: documentation section.