<template>
  <!-- The following require is required as a workaround for last version of materializecss.   -->
  <require from="materialize/dist/css/materialize.css"></require>
  <div>
    <md-input md-label="put some text here" md-value.bind="textValue" md-disabled.bind="disabledValue"></md-input><br />
    You entered: ${textValue}<br />
    <button md-button="flat: true;" md-waves class="accent-text" click.delegate="setText()">set text to something</button>
	<button md-button="flat: true;" md-waves class="accent-text" click.delegate="setDisabled()">Toggle Input Disabling</button>
  </div>

  <!-- i18n support.   -->
  <br/>
  <div>
    <h4>i18n support</h4>
    <select md-select value.two-way="language" change.trigger="updateLanguage()">
      <option value="" disabled selected t="selectLanguage">S L</option>
      <option value="en_UK">English UK</option>
      <option value="en_US">English US</option>
    </select>
    <md-input md-label="psth" t="[md-label]dialogs.putSomeTextHere" md-value.bind="textValue" md-disabled.bind="disabledValue"></md-input>
  </div>
</template>