       <div class="card-body"> 
                        <p>24-hour time picker</p>
                        <input type="date" class="form-control flatpickr-time-picker-24h" placeholder="Select time..">
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="assets/extensions/flatpickr/flatpickr.min.css">
{% endblock %}
{% block js %}
<script src="assets/extensions/flatpickr/flatpickr.min.js"></sc