Based on user selected interval the date time ranging has to be changed in x axis

Doing this is a combination of setting the axis visible range, along with the axis intervals which in your case probably means majorDelta. Documentation for visibleRange is here. Various methods for controlling the label interval are here.

For your case you could just set autoTicks false and then for 5 Min interval, set majorDelta to 5 * 60 (remember scichart date axis uses seconds). If you’re using version 2, you must set a minorDelta value as well. In the new version 3, it will use the minorsPerMajor property to calculate minorDelta if it is not explicitly set. However, the labels you will get will depend on your visible range.

The other option is to use the tickProvider as detailed in the documentation to explicitly set the intervals. You don’t have to create a custom TickProvder class, you can just do

axis.tickProvider.getMajorTicks = (minorDelta: number, majorDelta: number, visibleRange: NumberRange) => {
// Calculate and return major tick values as an array
}
axis.tickProvider.getMinorTicks = (minorDelta: number, majorDelta: number, visibleRange: NumberRange) => {
// Calculate and return minor tick values as an array
}

If you use this method, such that your getMajorTicks is going to change as the result of user selection, then you need to make sure that there is something that forces the chart to redraw. Any change to the visibleRange will do that, or you can just call sciChartSurface.invalidateElement()

Regards
David