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
🚀 View preview at https://instructure.github.io/instructure-ui/pr-preview/pr-1871/
Built to branch gh-pages at 2025-02-13 20:01 UTC. Preview will be ready when the GitHub Pages deployment is complete.