при изменении данных надо будет написать функцию handler для сохранения данных в стейте компонента, чтобы данные не пропадали

Привет всем , прошу помощи..
Есть форма с двумя инпутами в которых вводиться дата .
До отправки формы нужно проверить , что первая дата не больше второй и вывести алерт какой-нибудь на саму форму ,либо ниже ,либо выше инпутов (или подсветить инпуты красной рамкой , как угодно ,только не использовать всплывающее окно вызывающееся в js как alert()..)
приложу код модального окна в котором нужна проверка , хотя врадли он поможет

залей в песочницу

ээ, а что это занчит? ахаха

все, вопос снят - решил

вот решние которое меня устроило :

<script>
function validate_form()
{
valid = true;

 var d1 = new Date(document.date_form.date1.value);
 var d2 = new Date(document.date_form.date2.value);
 
       if ( d1 > d2)
       {
               document.getElementById("alert").hidden = false;
               valid = false;
       }
else{
 document.getElementById("alert").hidden = true;
}

       return valid;
}

</script>

<h1>HTML Форма с submit</h1>

<p id="alert" hidden>Date 1 должна быть меньше Date 2</p>

<form action="/action_page.php" name="date_form" onsubmit="return validate_form();">
 Date 1:<br>
 <input type="date" name="date1">
 <br>
 Date 2:<br>
 <input type="date" name="date2">
 <br><br>
 <input type="submit" value="Отправить">
</form>

спасибо за отклик

зачем сюда то постить

От меня не толко телеграмм глючит 🙈

окее.. расскажи историю🤤

на предпоследней стадии..

что, бесконечная загрузка😅 знаю знаю, перфекционизм называется

Жила была девочка... конец)

пойдёт🤤