Fix TimeSelect showing the wrong value when defaultValue is set and entering a wrong value after a good one

[matyasf]

TimeSelect was resetting to its defaultValue after a valid value was set if entering an invalid value. This commit fixes it by not losing the selected option ID when the input changes

Testing the fix:

Enter the following code:

<TimeSelect
        renderLabel="Choose a time"
        placeholder="e.g., 4:00:00 PM"
        defaultValue="2020-05-18T22:00:00"
        step={15}
        onChange={(e, { value }) => console.log(value)}
        format="LTS"
      />

1. select a different time than the defaultValue
2. click into the input field, delete the value inside until there are multiple options shown and click outside/tab away. It should display the value you selected previously. There should be no change event emitted

Fixes INSTUI-4451

[github-actions]

PR Preview Action v1.6.0
Preview removed because the pull request was closed.
2025-02-21 13:00 UTC