Add a clear button to the Select and AsyncSelect components

[haideralsh]

Is your feature request related to a problem? If so, please describe.

When using the Select and AsyncSelect in single-select mode, the component does not have a way clearing the currently selected value from the select input. Backspace and escape both do not work.

It would be great if the component offered a way to clear the input with a button.

Is your team blocked from moving forward by the lack of this functionality/behaviour?

Yes, we need this feature for an upcoming work

Do you have an alternative solution for the problem?

No

Have you consulted and have an alignment with the product designer?

• Yes
• No

Who would you like to execute this feature?

• Myself
• DesignOps

When do you need this by?

Next week

Helpful resources

No response

Additional context

No response