設置輸入寬度以適合文本大小

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，則輸入不會拉伸。