blockUI with datapicker()

Question

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 ?

   } );