MktoForms2 :: custom datepicker

by sanford

HTML

<!-- 
     Kalendae CSS & JS assets>
     docs at https://github.com/Twipped/Kalendae 
-->
<link
   rel="stylesheet"
   href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/250687/kalendae.css"
/>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/250687/kalendae.standalone.min.js"></script>
<!-- /Kalendae CSS & JS assets -->

<!-- standard form embed -->
<script src="//app-sj01.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_96"></form>
<script>
   MktoForms2.loadForm("//app-sj01.marketo.com", "410-XOR-673", 96);
</script>
<!-- /standard form embed -->

<!-- custom form behaviors -->
<script>
   MktoForms2.whenReady(function(form) {
      // now bind calendar widget
      var kal = new Kalendae.Input("ArchiveMarketoLastDT__c", {
         months: 3,
         format: "YYYY-MM-DD"
      });
   });
</script>
<!-- /custom form behaviors -->

CSS

.mktoDateButton {
    display: none !important;
}