JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$('#container').highcharts({

    chart: {
        type: 'columnrange'
    },

    title: {
        text: 'Example'
    },

    xAxis: {
        categories: ['Period 1',
            'Period 2',
            'Period 3',
            'Period 4',
            'Period 5',
            'Period 6',
            'Period 7',
            'Period 8']
    },

    yAxis: {
        type: 'datetime',
        labels: {
            formatter: function () {
                return Highcharts.dateFormat('%a %d %b', this.value);

            }
        },
        showFirstLabel: false,
        showLastLabel: false,
        title: {
            text: null
        }
    },

    tooltip: {
        formatter: function () {
            return "Tooltip";
        }
    },

    plotOptions: {
        columnrange: {
            pointPlacement: null,
            grouping: false,
            borderWidth: 1,
            dataLabels: {
                enabled: false,
                formatter: function () {
                    if (this.series.name == 'CompleteStartEndDates') {
                        return Highcharts.dateFormat('%e %b', this.y);
                    }
                }
            }
        }
    },

    legend: {
        enabled: false
    },

    series: [{
        name: 'Dates',
        pointWidth: 15,
        color: '#99ddff',
        borderColor: '#0033cc',
        animation: false,
        data: [
            [Date.UTC(2014, 1, 10), Date.UTC(2014, 1, 20)],
            [Date.UTC(2014, 1, 15), Date.UTC(2014, 1, 20)],
            [Date.UTC(2014, 1, 24), Date.UTC(2014, 2, 9)],
            [Date.UTC(2014, 2, 2), Date.UTC(2014, 2, 26)],
            [Date.UTC(2014, 2, 29), Date.UTC(2014, 3, 10)],
            [Date.UTC(2014, 2, 29), Date.UTC(2014, 3, 20)],
            [Date.UTC(2014, 3, 24), Date.UTC(2014, 4, 12)],
            [Date.UTC(2014, 4, 1), Date.UTC(2014, 4, 30)]
        ]
    }]
}, function (chart) { // on complete	
    var plotLeft = chart.plotLeft,
        plotTop =...