title: "Enter a valid time" on Django TimeField using django-bootstrap3-datetime
body: <p>I'm having issues with time validation when submitting a form using django bootstrap datetime picker. When this form is submitted, I get a "Enter a valid time." error</p>
  
  <p><strong>models.py:</strong></p>
  
  <pre><code>class Appointment(models.Model):
      date = models.DateField()
      time = models.TimeField()
  </code></pre>
  
  <p><strong>forms.py:</strong></p>
  
  <pre><code>valid_time_formats = ['%P', '%H:%M%A', '%H:%M %A', '%H:%M%a', '%H:%M %a']
  
  date = forms.DateField(
      widget=DateTimePicker(options={"format": "MM/DD/YYYY",
                                     "pickTime": False,
                                     "showToday": True,
                                     }))
  
  time = forms.TimeField(
      widget=DateTimePicker(options={
                                     "pickTime": True,
                                     "pickDate": False,
                                     "minuteStepping": 1,
                                     "sideBySide": True,
                                     }),
      input_formats = valid_time_formats
      )
  
  
  class Meta:
      model = Appointment
      fields = (
          'date',
          'time',
          'duration',
          'cost',
      )
  </code></pre>
  
  <p><strong>And if helpful, the template:</strong></p>
  
  <pre><code>{% extends 'scheduling/base_scheduling.html' %}
  {% load bootstrap3 %}
  
  {% block title %}New Appointment{% endblock %}
  
  {% block external %}
  
          &lt;link rel="stylesheet"
                href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.css"&gt;
          &lt;link rel="stylesheet"
                href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.css"&gt;
          &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js"&gt;
          &lt;/script&gt;
          &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.js"&gt;
          &lt;/script&gt;
  
          {{ form.media }}
  
  {% endblock %}
  
  {% block content %}
  
  
      {# Load CSS and JavaScript #}
  
      {% bootstrap_css %}
      {% bootstrap_javascript %}
  
      {# Display django.contrib.messages as Bootstrap alerts #}
      {% bootstrap_messages %}
  
      {# Display a form #}
  
      &lt;h1&gt;New Appointment for {{client.full_name}}&lt;/h1&gt;
      &lt;form action="{% url 'client_appointment_add' client.id %}" method="post" class="form"&gt;
          {% csrf_token %}
          {% bootstrap_form form %}
          {% buttons %}
              &lt;button type="submit" class="btn btn-primary"&gt;
                  {% bootstrap_icon "save" %} Submit
              &lt;/button&gt;
          {% endbuttons %}
      &lt;/form&gt;
  
  {% endblock %}
  </code></pre>