blockUI with datapicker()

blockUI with datapicker()

hi i have this code

   <div id="question" style="display:none; cursor: default">  <form id=loginForm> ITEM NO<input type="text" id="ITNO" /><br/> ITEM NAME <input type="text" id="ITNM" /><br/>  Description<input type="text" id="Des" /><br/>Category<input type="text" id="Cat" /><br/>Quantity<input type="text" id="Quant" /><br/> Remark <input type="text" id="Remark" /> <br/>                       <input type="button" id="yes" value="Save" />         <input type="button" id="no" value="Cancel" /> </form>

and this
$('#addT2').click(function() {             $.blockUI({              theme:     true, // true to enable jQuery UI support             draggable: true, // draggable option is only supported when jquery UI script is included             title:    'This is your title', // only used when theme == true             message: $('#loginForm2'), css: { width: '275px' } });         });         $('#yes2').click(            function() {             var ITNO= document.getElementById("ITNO2");             var ITNM= document.getElementById("Repdate"); var Des= document.getElementById("Quant2"); var Cat= document.getElementById("Vend"); var Quant= document.getElementById("RecByt");            var r=confirm("Are You Sure");if (r==true) {  var ITNO1=ITNO.value;var ITNM1=ITNM.value var Des1= Des.value; var Cat1= Cat.value; var Quant1= Quant.value;                    // unblock when remote call returns    $.unblockUI();  }            //return false;         });         $('#no2').click(function() {             $.unblockUI();             return false;         });
   } );



How if i want to add a datapicker() inside one of these text fields ?