how to open date picker in jquery mobile (with hide keyboad) -

I am using jquery mobile. I need to show date picker when I click on the text field, I need to hide the keypad. Click on the date text field. A default feature is opened as a keyboard when the user clicks the text area keyboard open but I want to enter the text field To click on, only need to open the date picker. Here's the code.

  & lt; Div data-role = "fieldcontain" & gt; & Lt; Label = "text-12" style = "text-align: left; margin-left: 0 pixels;" & Gt; Date: & lt; / Labels & gt; & Lt; Input name = "text-12" id = "documentCaseDate" value = "" type = "text" & gt; & Lt; / Div & gt;    
 
 
 If there is a  date picture in jquery mobile  It's not used ...  
 This is a  date UI for jquery mobile framework , for other attributes like ...  
 
 Multiple Data-entry mode  
 4 different display modes  
 Fully localized  
 supports data-limited input  
 Automatic Form Pars- 
 
  
 Auto-Bind to Data-Type = 'Date Box' Optional, options are configurable via data-options.   
 may be a complete plugin  
 thanks ...