Provide a datetimepicker instead of just a datepicker

[mueslo]

In some cases it is necessary to specify a datetime, not just a date.

[lukasjuhrich]

@mueslo Could you elaborate on some examples to show how relevant this is?

[ibot3]

It is required for some tasks that need to be executed on a specific time of a day. For example moving a user.

[lukasjuhrich]

The old bootstrap-datetimepicker has been forked into what seems to be a more actively maintained library which actively works on BS5 support: Tempus Dominus.
The current v5 supports BS4 and I will evaluate how well it works with BS5.

The project is undergoing a few structural changes (dropping the jQuery + even bootstrap dependency), but it's not clear when v6 will arrive. Judging by the blog article the developer seems to have the right priorities and is actually interested in building something stable + maintainable.

Pragmatically speaking, we don't even care about a nice UI, having the functionality is the main goal.

[lukasjuhrich]

Judging by Eonasdan/tempus-dominus#2326 and the state of the v6-alpha1-branch in the repo, it will be a while until this is stable. For #488 it might be better to just provide an optional time field.

[lukasjuhrich]

There's been an update in a blog post yesterday.

No time line, but sounds like it could be released in the next few months or perhaps even weeks.

[lukasjuhrich]

v6 is in beta 5 and judging by the examples it seems pretty usable.

We can even utilize the format/parse hooks to enforce an ISO-8601 text representation instead of the default MM/DD/YYYY HH:SS weirdness.

[lukasjuhrich]

Sneak preview: implicit UTC conversion! :-)

[lukasjuhrich]

The current POC html skeleton is:

<form>
  <div
    class='input-group'
    data-td-target-input='nearest'
    data-td-target-toggle='nearest'
    data-role="datetimepicker"
  >
    <input
      class='form-control'
      aria-label="some date time"
      id="datetimepicker1"
      data-td-target='#datetimepicker1'
    />
    <button
      class="btn btn-outline-secondary"
      type="button"
      data-td-toggle="datetimepicker"
    >
      <span class='fa-solid fa-calendar'></span>
    </button>
  </div>
  </form>

[lukasjuhrich]

FWIW, the tempus dominus picker was really, really underwhelming in terms of basic UX. It did not seem to behave properly on tab-out, didn't always close when pressing on some other part of the area, etc.
This lead me to mistrust the developer of the repo a lot, given that he spent quite a bit of time with development, hence the tempus-dominus branch is more or less stale.

Googling around, flatpickr seems like a good alternative.