I have a date input on LWC component, which when left empty should give a validation error. I am able to achieve that but the issue that I am facing is after the input gives error and i fill the date value, the error is not rendered empty.Let me show by screenshot
Code:
validateFields(){
let dateCmp = this.template.querySelector(".dateCmp");
let dtValue = dateCmp.value;
if(!dtValue){
dateCmp.setCustomValidity("Date value is required");
dateCmp.reportValidity();
return false;
}else {
dateCmp.setCustomValidity("");
dateCmp.reportValidity();
return true;
}
}
handleSend() {
if (!this.validateFields()) return;
.............
Please let me know how can I achieve this? Any immediate help is very much appreciated.