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

Question

У меня есть окно даты JQuery Mobile в моем макете HTML, и когда я помещаю его с помощью кнопки или когда я помещаю ее pararraly с помощью кнопки в макете сетки, тогда ввод текста в формате даты разбивается на 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>