monim67/django-bootstrap-datepicker-plus

{% extends 'myapp/bootstrap5/layout.html' %}
{% load django_bootstrap5 %}

{% block extra_css %}
{{ form.media.css }}
{% endblock %}

{% block extra_js %}
{{ form.media.js }}
<script src="https://cdn.jsdelivr.net/gh/elo80ka/django-dynamic-formset@v1.2.2/src/jquery.formset.js"></script>
<script>
  jQuery(($) => {
    $(".formset").formset();
  });
</script>
{% endblock %}

{% block content %}
<h2 class="pb-2 mt-4 mb-2 border-bottom">Custom Form with Bootstrap 5</h2>
<div class="row">
  <div class='col-md-6'>
    <form action="" method="post">
      {% csrf_token %}
      {{ form.management_form }}
      {% for form in form %}
      <div class="formset">{% bootstrap_form form %}</div>
      {% endfor %}
      <div class="mt-2">
        <button type="submit" class="btn btn-primary">{{ submit_text }}</button>
        <button type="reset" class="btn btn-warning">Reset</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}