title: Django-bootstrap-datepicker-plus is not rendering datepicker properly
body: <p><strong>I am facing with the problem that my datetimepicker is not loading at all.</strong></p>
  
  <p>Just in my template, the datetime field loads the current date and time when i press the calendar icon as the image shows.</p>
  
  <p><a href="https://i.stack.imgur.com/I550X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I550X.png" alt="enter image description here"></a></p>
  
  <p>Despite following the installation steps from here : <a href="https://pypi.org/project/django-bootstrap-datepicker-plus/" rel="nofollow noreferrer">https://pypi.org/project/django-bootstrap-datepicker-plus/</a> and checking other answers in stackoverflow i did not manage to find the solution.</p>
  
  <p>I think the problem has to do with the imports and their priority.</p>
  
  <p>my template</p>
  
  <pre><code>{% extends 'base.html' %}
  {% load render_table from django_tables2 %}
  {% load bootstrap4 %}       
  {% bootstrap_css %}         
  {% bootstrap_javascript jquery='full' %}  
  
  
  {% block page-title %}Creation of Process Note{% endblock %}
  
  {% block content %}
  
  &lt;div class="row"&gt;
    &lt;div class="col-md-6 col-xl-6 offset-md-3"&gt;
  
    &lt;form class="well" method="post" action=""&gt;
        {% csrf_token %}
      {% bootstrap_form form %}
  
  &lt;br&gt;
          {% buttons %}
  
            &lt;button type="submit" class="btn btn-primary"&gt;
                 Submit
            &lt;/button&gt;
        {% endbuttons %}
  
    &lt;/form&gt;
  
  {{ form.media }}
  
  &lt;/div&gt;
  &lt;/div&gt;
  
  {% endblock %}
  </code></pre>
  
  <p>in settings.py</p>
  
  <pre><code>BOOTSTRAP4 = {
      'include_jquery': True,
  }
  </code></pre>
  
  <p>In my base.html the appearence of the imports is:</p>
  
  <p>Inside head</p>
  
  <pre><code>&lt;link href="/static/theme/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"&gt;
  &lt;script src="/static/theme/assets/js/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>...</p>
  
  <p>Inside footer</p>
  
  <pre><code>&lt;script src="/static/theme/assets/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>...</p>
  
  <p>my model</p>
  
  <pre><code>class Case_Notes(models.Model):
      date_created = models.DateTimeField("Creation Date", null=True,blank=True, default=datetime.datetime.now)
      date = models.DateTimeField("Appointment Date", null=True,blank=True)
      notes = models.CharField("Notes",max_length=500, blank=True, null=True)
  
      def __str__(self):
          return self.notes
  </code></pre>
  
  <p>my form</p>
  
  <pre><code>class ProcessNotesForm(ModelForm):
      notes= CharField(required=False,widget=Textarea(attrs={"rows":5, "cols":20}))
      class Meta:
          model = Case_Notes
          fields = ("date","notes",)
          widgets = {
              'date': DateTimePickerInput(), # default date-format %m/%d/%Y will be used
          }
  </code></pre>
  
  <p>Why datepicker widget in the form field is not rendering?</p>