[StatefulTable] the filter text is not cleared after clicking "x" icon

[ilovepumpkin]

What package is this for?

• [x] React
• [ ] Angular

Describe the bug

In filter column, the filter text can be cleared after clicking "x" icon

To Reproduce

Steps to reproduce the behavior:

1. Open https://next.carbon-addons-iot-react.com/?path=/story/1-watson-iot-table--with-filtering

2. Click "filter" icon to show the filter bar

3. In Date column filter, input "test" (do not press Enter) and click "x" icon

4. The table data is re-rendered and the filter text "test" is still displayed (looks like clicking "x" icon trigger the search action, not clear filter text action)

Expected behavior

The filter text "test" should be cleared and table data should be filtered without "test".

Environment/versions:

• OS: any
• Browser: any
• carbon-addons-iot-react version: latest 'next' version