jQuery ui datepicker значок не на sameline

Question

Моя пиктограмма jquery datepicker продолжает показывать на следующей строке, но должна быть встроена в текстовое поле для. Я сузил его до @class = "form-control input-sm".

здесь .net jsfiddle https://dotnetfiddle.net/GX2oOH

Answer 1

Добавить это в css и ссылку на этот класс.

.ui-datepicker-trigger { 
    display: inline; 
    padding:0px; 
    padding-left:3px; 
    vertical-align:baseline; 
    position:relative; 
} 

Answer 2

Попробуйте установить ширину: авто; на конце в этой строке

@Html.TextBoxFor(model => model.Order_Date, new { @class = "form-control input-sm", id = "datepicker-orderdate", style = "width:auto;" }) 

и скажите, пожалуйста, что произойдет дальше.