Blackout on Kalendae in FormAssembly

[thonebs]

Has anyone ever used FormAssembly and customized their datepicker popup? They use Kalendae integrated into their tools.

Basically, I have a test calendar located here https://csueb.tfaforms.net/14. When clicking on the input box, the Kalendae's date picker pops up. I want to modify that date picker to blackout weekends and certain dates. We have an option to add custom code. How can I apply the blackout to that popup?

I see on the Kalendae's demo code but it is not working for me trying to modify that popup. Any suggestions or code help?

Thanks!

[angelocef]

I know its been a while but were you ever able to figure this one out? There doesn't seem to be anywhere that the Kalendae objects are instantiated, they don't even use the auto-kal class.

[jramirez6964]

If anyone is curious about disabling dates that are on Saturdays and Sundays, I have a code snippet that can be added in the "custom code" section in FormAssembly's form builder.

<script>
  setInterval(function() {
      document.querySelectorAll('.k-days span[data-date]').forEach(function(el) {
          // Add T00:00:00 to ensure local timezone interpretation
          var d = new Date(el.getAttribute('data-date') + 'T00:00:00');
          if (d.getDay() === 0 || d.getDay() === 6) {
              el.classList.remove('k-active');
          }
      });
  }, 200);
</script>

To explain briefly, what this does is it keeps checking the dates on the pop-up calendar every 200 ms to see whether they are Saturdays or Sundays. If they are, then it removes them from the "active days" which should take care of making them appear greyed out and not clickable. The reason it has to keep checking is in case the form respondent navigates away to different months.