JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing-stock.js"></script>
<script type="text/javascript" src="http://www.highcharts.com/samples/data/usdeur.js"></script>

<div id="container" style="height: 300px"></div>

JavaScript

var chart1 = new Highcharts.StockChart({
        chart: {
            renderTo: 'container',
            backgroundColor: '#F5F5F5',
            borderColor: 'transparent',
            borderWidth: 0
        },
        title: {
//            text: Title
        },

        xAxis: {
            maxZoom: 30 * 24 * 3600000 // fourteen days
        },
        yAxis: {
            title: {
                text: 'Rates',
                style: {
               color: 'grey',
                            fontWeight:'normal'
                        }
            }
        },

        series: [{
            name: 'Rate',
            data: usdeur,
            color: '#CF1818',
            tooltip: {
                yDecimals: 2
            }
        }],
        navigator: {series:{color:'#CF1818'}}
        },

  function(chart) {
                 
    setTimeout(function(){
            $('input', $('#'+chart.options.chart.renderTo)).datepicker()
            },0)
    });