For the daily range, I want an xlabel for every single day as opposed to what I get in the below sandbox:
https://codesandbox.io/p/sandbox/react-highcharts-reflow-example-forked-dgzhdm?file=%2Fsrc%2FApp.js%3A210%2C3-238%2C9

I’ve tried setting the tick positioner inside options.xAxis.events.setExtremes

  const options = {
        accessibility: {
            enabled: false
        },
        xAxis: {
      crosshair: false,
      events: {
        setExtremes: function(e) {
          if (e.trigger === "rangeSelectorButton") {
           this.update(
             {
               tickPositioner: function () {
                 return tickPositions[e.rangeSelectorButton.type];
             },
           }, false);
        ...

When using the dateRangeSelector buttons, the Highcharts library selects it own range and ticklabel array by default, I was hoping to manually set the tick positions myself for each timeframe.