Date-time data is used in this sample, and range values are represented using the tooltip. Date-time axis uses date-time scale and displays date-time values as axis labels. To render date-time axis, set the valueType to DateTime. Format of the axis label will be calculated based on the intervalType of the range navigator. You can also directly set the format using the labelFormat property. Injecting Module The range navigator component features are segregated into individual feature-wise modules. To use area series and date time axis, We need to inject the AreaSeriesService and DateTimeService module into the @NgModule.providers section.