title: Django DateInput() Widget appears in Chrome, but not Firefox or IE
body: <p><strong>Issue</strong></p>
  
  <p>I have a DateInput() widget that appears fine in Chrome, but does not appear in Firefox or IE.  I'm using Django 1.6.5 and the latest Chrome (Version 35.0.1916.153) and FireFox(30.0)</p>
  
  <p><strong>Works Correctly in Chrome</strong> (Calendar Selector appears)
      <img src="https://i.stack.imgur.com/tfzEw.png" alt="Chrome Calendar"></p>
  
  <p><strong>Does not work correctly in Firefox or IE</strong> (Calendar Selector doesn't appear)
  <img src="https://i.stack.imgur.com/1T6Hi.png" alt="Firefox Calendar"></p>
  
  <p><strong>forms.py</strong></p>
  
  <pre><code>class DateInput(forms.DateInput):
      input_type = 'date'
  
  class TimeForm(forms.ModelForm):
      class Meta:
          model = Time
          fields = ['date_select']
          widgets = {
              'date_select': DateInput()
          }
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;form method='POST' action=''&gt;{% csrf_token %}
      {{ time_form.as_p }}
      {{ program_form.as_p }}  {# can ignore this part #}
      &lt;input type='submit' class="btn btn-lg btn-danger"&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>models.py</strong></p>
  
  <pre><code>class Time(models.Model):
      date_select = models.DateField()
  
  def __unicode__(self):
      return smart_unicode(self.date_select)
  </code></pre>
  
  <p>This is my first app since the Polls tutorial so let me know if there's more relevant code that I should post here.  Thanks for your time.</p>
  
  <p><strong>EDIT AFTER ANSWERS AND COMMENTS</strong></p>
  
  <p>I wanted to include what I did in response to the great comments and answers.  I went with the jQuery UI solution by using the code from <a href="http://jqueryui.com/datepicker/" rel="nofollow noreferrer">http://jqueryui.com/datepicker/</a>  To implement it into my project, I added:</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;!-- Custom CS for JQuery UI --&gt;
  &lt;link rel="stylesheet" href="/static/css/jquery-ui-1.10.4.min.css"&gt;
  
  &lt;!-- JQuery UI for things like Calendar Widget --&gt;
  &lt;script src="/static/js/jquery-ui-1.10.4.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Custom JS --&gt;
  &lt;script src="/static/js/custom.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>custom.js</strong></p>
  
  <pre><code>// For JQuery UI Calendar
  $(function() {
      $( "#id_date_select" ).datepicker();
  });
  </code></pre>
  
  <p><strong>forms.py</strong></p>
  
  <pre><code>class TimeForm(forms.ModelForm):
      class Meta:
           model = Time
           fields = ['date_select']
           date_select = forms.DateField()
  </code></pre>