Example of Lightweight in React Range Selector Component


This sample represents the total number of business and weekend days in a selected period.

More Details...


In this example, you can see how to render a light-weight range navigator without series. You can use width, height, fill and boder properties to customize the thumb in range navigator. You can also change the type of the thumb using type property.

Injecting Module

The range navigator component features are segregated into individual feature-wise modules. To use date-time axis, inject the DateTime module using the RangeNavigator.Inject(DateTime) method.