input-time-polyfill/input-time-polyfill.js

Automatically adds timepickers to input[type=time] on IE and OS X Safari.

import "./input-time-polyfill.scss";
import { addPickerToOtherInputs, supportsTimeInput, addPickerToTimeInputs } from "./input";

const addPickers = () => {
  addPickerToOtherInputs();
  // Check if type="time" is supported.
  if (!supportsTimeInput()) {
    addPickerToTimeInputs();
  }
};

// Run the above code on any <input type="time"> in the document, also on dynamically created ones.
addPickers();

document.addEventListener(`DOMContentLoaded`, () => {
  addPickers();
});

// This is also on mousedown event so it will capture new inputs that might
// be added to the DOM dynamically.
document.querySelector(`body`).addEventListener(`mousedown`, () => {
  addPickers();
});