This is a half way solution, as you can see a lot of artifacts like when typing numbers to the time field when it is already full. The only way to properly add

This is a half way solution, as you can see a lot of artifacts like when typing numbers to the time field when it is already full. The only way to properly address this is to bring this as native HTML5 components. Then different UX paradigms, like desktop and mobile, can properly handle complex input. This shows the shortcoming of web UI. You cannot properly address shortcomings of browsers on low enough layer. It is not an issue for native apps.