JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<title>Chart Generator</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" />
<script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="./js/Chart.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<script>
$(function() {
alert("Gathering Date...");
var now = new Date();
var month = now.getMonth() + 1;
var year = now.getFullYear();
var day = now.getDate();
var start_date = month + "/01/" + year;
var end_date = month + "/" + day + "/" + year;
$('#start_date').val(start_date);
});
</script>
</head>
<body>
<main role="main" class="container">
<h1 class="mt-5">
Ticket Graphs
</h1>
<hr >
<!--
<div class="row">
<div class="col">
<button type="button" class="btn btn-primary" onclick="runChart()">Generate Graph</button>
</div>
<div class="col"></div>
</div>
-->
<br />
<!--
<div class="row">
<div class="col-md-12">
<canvas id="myChartContainer" style="border:1px solid;"></canvas>
</div>
...