JSFiddle - React, Tailwind, and code Playground
HTML
<form action="" name="form_insere" onsubmit="return checarDatas()">
<input type="date" name="datainicial" />
<input type="date" name="datafinal" />
<button>Enviar</button>
</form>
JavaScript
function checarDatas() {
var form_insere = document.form_insere;
console.log(form_insere);
var data_1 = new Date(form_insere.datainicial.value);
var data_2 = new Date(form_insere.datafinal.value);
if (!data_1 || !data_2) return false
if (data_1 > data_2) {
alert("Data não pode ser maior que a data final");
return false;
} else {
return true
}
}