title: Force user to use jquery datepicker
body: <p>In my ASP.NET MVC 4 app, I am using the jquery.ui.datepicker.css to implement the datepicker for an input field as follows:</p>
  
  <pre><code>@Html.TextBox("txtDate", new { @class = "date", @title = "(mm/dd/yyyy)"})
  </code></pre>
  
  <p>When user clicks the textbox, the datepicker (calendar) popups where user can select a date. Some users just prefer to start typing the date instead. How can I force user to use the datepicker instead. I added the attribute @readonly = "readonly" into the textbox but the browsers then make the color of the textbox grayed out making user think that he/she cannot do anything there.</p>
  
  <p>Please help.</p>