设置输入宽度以适合文本大小

Question

我已经和输入与图标，看起来像这样：

<div class="input-with-icon"> 
    <input type="text" value="abcdefeghijklmnopqrtvuvwxyz" class="form-control"> 
    <span class="icon icon-calendar"></span> 
</div> 

live demo

是否有可能调整CSS所以输入会始终适应文本宽度？例如它会在我输入时拉伸。

当前，.input-with-icon具有固定的宽度，但如果将其设置为auto，则输入不会拉伸。