[BasicUI] No timepicker in Firefox

[mueller-ma]

Which UI are you reporting an issue for?

• Basic UI
• HABPanel
• HABot
• CometVisu

The problem

There's no timepicker in Firefox as there's in Chrome:

Chrome:

Firefox:

I'm using this sitemap definition:

Input inputHint="time" item=MyDateTimeItem

Expected behavior

It should be similiar in both browsers.

Your environment

runtimeInfo:
  version: 4.1.3
  buildString: Release Build
locale: de-DE

Browser console

no output in the console.

[lolodomo]

Is it only when the current state is NULL ?

[mueller-ma]

No, this issue is independent of the state.

[lolodomo]

Strange, I am sure time picker was tested when initially implemented.

[lolodomo]

How is defined MyDateTimeItem ?

[mueller-ma]

A DateTime Item without any metadata set, only the title. The title doesn't contain a value format pattern.

[mherwege]

A DateTime item without metadata will default to a datetime-local HTML5 input type. Firefox (and Safari) don’t show time inputs for that type (see https://bugzilla.mozilla.org/show_bug.cgi?id=1726108). You can set time with inputHint time, but that obviously does not show the date. It is possible to show 2 fields, one with inputHint date, another one with time. Setting them independently should preserve the previously set date/time part.

so unless someone is willing to develop a very specific datetime entry widget for BasicUI, I think we have to live with the browser constraint. I therefore suggest to close this as will not fix.

[mueller-ma]

You can set time with inputHint time, but that obviously does not show the date.

I already did, but no timepicker is shown.

Basic UI follows Material Design, so I guess it uses some library for that? Maybe that library also includes a time picker?
If not, I found that one, which might be easy to integrate in Basic UI: https://www.npmjs.com/package/ngx-material-timepicker

[mherwege]

Basic UI follows Material Design, so I guess it uses some library for that? Maybe that library also includes a time picker?
If not, I found that one, which might be easy to integrate in Basic UI: https://www.npmjs.com/package/ngx-material-timepicker

When developing this I searched for date/time pickers. Material Design Lite does not have one by default. The one you link requires Angular. In mainUI, we have the f7 framework available which also has one. I didn’t find an easy and universal candidate for BasicUI Material Design Lite.

[mherwege]

For reference: google/material-design-lite#1695

[mueller-ma]

What about https://github.com/puranjayjain/md-date-time-picker ?

An implementation of Material Design Picker components in vanilla CSS, JS, and HTML

It shouldn't have dependencies on libraries.

[mherwege]

Looks promising. I may have a look when I find some time.