<p class=“uikit-text-input__root {{ include.className | default: null }}”>

{% if include.label %}<label class="uikit-text-input__label" for="{{ include.id }}">{{ include.label }}</label>{% endif %}
<input
   class="uikit-text-input uikit-text-input--block date-field"
   type="date"
   id="{{ include.id }}"
   name="{{ include.id }}"
   {% if include.required %}data-parsley-required{% endif %}
   {% if include.validation_message %}data-parsley-error-message="{{ include.validation_message }}"{% endif %}
   {% if include.pattern %}data-parsley-pattern="{{ include.pattern }}"{% endif %}
   {% if include.past_date %}data-parsley-past-date{% endif %}
   {% if include.parsley_group %}data-parsley-group="{{ include.parsley_group }}"{% endif %}
 >

</p>

<script type=“text/javascript”>

document.addEventListener("DOMContentLoaded", function(event) {
  window.Parsley.addValidator('pastDate', {
    validateString: function(value) { return new Date() > new Date(value) },
    messages: {
      en: 'Please enter a date in the past',
    }
  });
});

</script>