Home Components Date Picker
Date Picker
Overview Playground API
Captures date input.
Usage Here are different types of inputs.

  
Sizes Fancy larger or smaller input? Add size attribute for additional sizes.

  
  
  
Disabled Make input look inactive by adding the disabled boolean attribute to any <input> element.

  
Read only

  
Events On input change a CustomEvent goat:change is triggered by the element.

      document.querySelector('#date-field').addEventListener('goat:input', function (event) {
      myConsole.log('goat:input :: ' + event.target.value);
    });
      document.querySelector('#date-field').addEventListener('goat:change', function (event) {
      myConsole.warn('goat:change :: ' + event.target.value);
    });
    
Usage Sizes Disabled Events
Work in progress
Properties
Events