Lightning-input date when marked required is showing required error after date selection

The problem is that the date input life cycle is as such:

1. onfocus on input brings up the date picker
2. on date selection it will populate the date on the input
3. onblur will be called with validation check (by that time the onchange hasn’t kicked in yet)
4. required error shows (because the on change hasn’t happened yet and the value is not updated)
5. onchange event is called and updates value
6. onblur removes the error because now it has a value

here is what I mean:

here is my markup:

<lightning-input type="date" name="input5" label="Required date field" required ></lightning-input>

here is a gif:

any workarounds or suggestions how to call onchange before validation occurs ?

  <template>
    <lightning-input
    type="date"
    required
    name='input1'
    message-when-value-missing="This field is required"
    label="enter date"
    onchange={handleChange}
    ></lightning-input>
</template>

   handleChange(){
        console.log('change event');
        var inp=this.template.querySelector('lightning-input');
        if(inp.name='input1'){
            inp.reportValidity();
        }
    }