Datebox разбивается на 2 строки JQueryMobile

Question

В макете HTML у меня есть поле «Дата» в JQuery Mobile, и когда я размещаю его с помощью кнопки или когда я размещаю его с помощью кнопки в макете сетки, то текстовый ввод в поле «Дата» обрывается до высоты 2 строк.

 <table>
 <tr>
      <td><div data-role="controlgroup" data-type="horizontal">
                <a id="btnPrevDate" data-role="button" href="#"  data-theme="a">PREV</a>
                <a id="btnNextDate" data-role="button" href="#"  data-theme="a">NEXT</a> 
        </div></td>
 <td> <div><input name="difereddelv"  id="datepickerAct" type="date" data-role="datebox" data-options='{"mode": "calbox"}'></td></div>

 </tr>
 </table>

Может кто-нибудь помочь мне заранее спасибо.

Answer 1

Некоторые CSS взломали и это сработало:)

<style>
    .ui-input-datebox input
                {
                width: 70%!important;
                }
</style>