Material-ui-pickers: InlineDatePicker doesn't display the clear button when clearable prop is set to true

[dakisxx]

Environment

| Tech | Version |
|---------------------|---------|
| material-ui-pickers | 1.0.0-rc.14 |
| material-ui | 1.4.2 |
| React | 16.4.2 |
| Browser | Chrome 68 |
| Peer library | moment 2.22.2 |

Steps to reproduce

1. Use an <InlineDatePicker> component
2. set the clearable prop to true
3. open the date picker in the browser

Expected behavior

The "Clear" button should be displayed to allow clearing the input

Actual behavior

The "Clear" button is not visible

[dmtrKovalenko]

Inline date picker is not supporting this functionality

[Hartzi]

Well, is there any way to clear value when using InlineDatePicker?

[dmtrKovalenko]

You can do it manually. Add input adornment with button to clear the value

[nugz1012]

This was a solution I came up with for this. Hope this helps anyone who stumbles across this. If there is a better way let me know.

I am using Formik on my app so I included it in the example.
https://codesandbox.io/s/42y21jj057

[ptrushin]

Unfortunately last solution not worked with keyboard prop like

[ptrushin]

Workaround:
1) add onClick={openPicker} for IconButton Calendar
2) realize openPicker like https://material-ui-pickers.dev/guides/controlling-programmatically