title: input control type date with datepicker
body: <p>my html I use a </p>
  
  <pre><code>&lt;input runat="server" id="dateid" maxlength="50" size="10" type="date" name="dateid" /&gt;
  </code></pre>
  
  <p>I have a jquery date picker that I am using so the first issue was on certain browsers such as google chrome it provides its own date picker. I read to not use input type date but this way simplifies my jquery code to apply a calendar to all dates. So then I found modernizr which seems to work it does not show my calendar when the browser supports its own calendar.</p>
  
  <p>I am using modernizr version 2.6.2</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(function () {
              if (!Modernizr.inputtypes['date']) {
                  $('input[type="date"]').datepicker();
              }
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>the main issue now if I allow google chromes calendar to be used when I click a date it does not get applied to my input control. I click the date it shows up in the input control but then once i click away it goes back to not having a date.</p>