IgxDatePicker: Date is not getting cleared on clicking clear button when invalid date is entered

[saj25]

Description

When trying to clear the date input that is invalid using clear icon, it is not working and instead clear button disappears.

• igniteui-angular version: 10.2.3
• browser: Chrome

Steps to reproduce

1. Set a disabled dates range.
2. Enter an invalid date (that lies within the disabled date range) using keyboard.
3. Try to clear the input field using clear button.

Result

The date that is entered is not getting cleared on clicking clear, instead the clear button itself disappears.

Expected result

The date input should get cleared always on clicking the clear button regardless of being valid or invalid.
Also when user tries to enter any date that falls in the disabled dates range, validation should fail.

Attachments

Attach a sample if available, and screenshots, if applicable.