format-typebot-date.js

(function () {
  var dayjsFormat = 'DD/MM/YYYY HH:mm';
  var dayjsScript = document.createElement('script');
  dayjsScript.src = "https://unpkg.com/dayjs";
  dayjsScript.onload = function () {
    var script = document.createElement('script');
    script.src = "https://unpkg.com/imask";
    script.onload = function () {
      var root = document.querySelector('typebot-standard')
      var dateInput = root.shadowRoot.querySelector('input')
      var currentYear = dayjs().year();
      var tenYearsFromNow = currentYear + 10
      if (dateInput) {
        console.log('mask loaded');
        IMask(dateInput, {
          mask: Date,
          pattern: dayjsFormat,
          lazy: false,
          min: new Date(currentYear, 0, 1),
          max: new Date(tenYearsFromNow, 0, 1),

          // format: (date) => dayjs(date).format(dayjsFormat),
          // parse: (str) => dayjs(str, dayjsFormat),
          validate: () => { },

          blocks: {
            DD: {
              mask: IMask.MaskedRange,
              from: 1,
              to: 31
            },
            MM: {
              mask: IMask.MaskedRange,
              from: 1,
              to: 12
            },
            YYYY: {
              mask: IMask.MaskedRange,
              from: currentYear,
              to: tenYearsFromNow
            },
            HH: {
              mask: IMask.MaskedRange,
              from: 0,
              to: 23
            },
            mm: {
              mask: IMask.MaskedRange,
              from: 0,
              to: 59
            },
          }
        });
      } else {
        console.log('it did not find it')
      }
    };
    document.head.appendChild(script);
  }

  document.head.appendChild(dayjsScript);
})();