space remaining inside my MaskedInput despite margin=0, padding=0 and width=auto

here the demo https://stackblitz.com/edit/react-gunzft?file=index.js.

Why MaskedInput want to put some space at the end of the element? With standard's input the width fit to the content in this configuration.

Here m ReactJS snippet:
```

```

here my CSS' snippet:
```
.date{
height:4.5vh;
text-align:left;
font-size:1.05em;
width:auto;
margin:0;
padding:0;
}
```

How can I use MaskedInput so it fit my content?