Safari date inputs

polyfill.js

function getAppRoot() {
  return document.getElementById('___gatsby')
}

function withErrorSuppression(fn) {
  return function() {
    try { fn(); } catch (e) {}
  }
}

var convertDateInputsOnIos = withErrorSuppression(function() {
  getAppRoot()
    .querySelectorAll('[type="date"]')
    .forEach(node => {
      node.setAttribute('placeholder', 'YYYY-MM-DD');
      node.setAttribute('type', 'text');
    });
});

var watchForDomChanges = withErrorSuppression(function() {
  new MutationObserver(convertDateInputsOnIos).observe(
    getAppRoot(), {
      attributes: false,
      childList: true,
      subtree: true,
    });
  });

document.addEventListener("DOMContentLoaded", function() {
  try {
    if (window.safari !== undefined && window.MutationObserver) {
      convertDateInputsOnIos();
      watchForDomChanges();
      console.log('Polyfill for Safari date inputs in effect');
    }
  } catch (e) {
    console.warn('Failed to polyfill Safari date inputs', e);
  }
});