           </div>
              </article>

              <article id="time-picker-only" class="mb-4 mb-md-6">
                <h3> <p>Time Picker Only</p>
 </h3>
                <div>
                  <p>Flatpickr can also function as a time picker without showing a calendar.</p>
                  <p>Add <code>data-no-calendar=&quot;true&quot;</code> and change the <code>data-default-date</code> to represent a time only. <code>data-date-format</code> may also be changed to a time-only format.</p>
        