im newbie programmer idk how to update chart When choosing a time

[skieslineb]

I'm using chartist.js to run a chart, but I can't update it when choosing between two time intervals.

in
<div id="traffic"></div> <input onchange="filterData()" type="date" id="startdate" value="<?php echo $date[0] ?>"> <input onchange="filterData()" type="date" id="enddate" value="<?php echo $date[count($date) - 1] ?>">

in script
`const dates = [];
const datapoints = [];
//set chartist
var chart1 = new Chartist.Line('#traffic', {
labels: dates,
series: [{
name: 'proTotal',
data: datapoints
}, ]
}, {
low: 0,
showArea: true
});
function filterData() {
const dates2 = [...dates];
console.log(dates2)
const startdate = document.getElementById('startdate');
const enddate = document.getElementById('enddate');

    const indexstartdate = dates2.indexOf(startdate.value);
    const indexendtdate = dates2.indexOf(enddate.value);
    //console.log(startdate)

    const filterDate = dates2.slice(indexstartdate, indexendtdate + 1);

    // replace the labels in the chart
    chart1.labels = filterDate;


    //datapoints
    const datapoints2 = [...datapoints];
    const filterDatapoints = datapoints2.slice(indexstartdate, indexendtdate + 1);

    chart1.series = filterDatapoints;


    chart1.update();
}`