How to clear SingleSelect values with backspace or X sign?

[xploreraj]

I tried below but there is no impact.

<ReactSelectMaterialUi 
    style={{ width: 400 }}
    options={props.managerIds}
    placeholder='Enter or select a manager corp id'
    SelectProps={{
        backspaceRemovesValue: true
    }}
/>
<SingleSelect
    style={{ width: 400 }}
    options={props.locations}
    placeholder='Enter or select a location'
    SelectProps={{
        backspaceRemovesValue: true,
    }}
/>

[iulianraduat]

Hi,

Please try the following code (took from example 'Clearable - Single select' in storybook) and let me know if it works (it works in storybook):

<ReactSelectMaterialUi
        label="Clearable - Single select"
        SelectProps={{ isClearable: true }}
        ...
/>

[xploreraj]

Thanks iulian. It worked.