Fix #5274: 🐛 Auto refresh the input value with the previously entered valid value if any invalid value is entered (when the open state is closed)

[balajis-qb]

Closes #5274

Description

Problem
As mentioned in the linked ticket, the input value doesn't get reset when the open state is set to false (User just need the date input part, not the datepicker part). In this case eventhough we didn't emit onChange event when the user press invalid input, when we click outside the input, the input value remains invalid.

However if the user press tab, it's getting reset to the previously received valid value and it's also handled properly when open prop is controlled by our package.

Changes
We have open state and open prop. I just set the open state to false on blur of the input, which will refresh the input value back to the valid, previously received value prop.

This change is very specific for open={false} case, as the other cases were already handled by the existing code.

Contribution checklist

• I have followed the contributing guidelines.
• I have added sufficient test coverage for my changes.
• I have formatted my code with Prettier and checked for linting issues with ESLint for code readability.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 96.93%. Comparing base (d087c31) to head (b40b4fa).
Report is 146 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #5417      +/-   ##
==========================================
+ Coverage   96.87%   96.93%   +0.06%     
==========================================
  Files          30       30              
  Lines        3358     3326      -32     
  Branches     1414     1396      -18     
==========================================
- Hits         3253     3224      -29     
+ Misses        105      102       -3     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.