title: Using Flask-WTForms, how do I style my form section of the html?
body: <p>I read through Flask-WTF extremely simplified wiki, and couldn't understand much about what I can do with it. I am under the impression that the <code>&lt;form&gt;</code> section of the html now can only look like</p>
  
  <pre><code>&lt;form method="post"&gt;
      {{ form.hidden_tag() }}
      {{ form.name }}
      &lt;input type="submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>But I really want to style my  using materialized such as:</p>
  
  <pre><code>        &lt;div class="row"&gt;
              &lt;div class="input-field col s6"&gt;
                  &lt;i class="material-icons prefix"&gt;account_circle&lt;/i&gt;
                  &lt;input value="FN" id="first_name" type="text" class="validate"&gt;
                  &lt;label class="active" for="first_name"&gt;First Name&lt;/label&gt;
              &lt;/div&gt;
              &lt;div class="input-field col s6"&gt;
                  &lt;input value="LN" id="last_name" type="text" class="validate"&gt;
                  &lt;label class="active" for="last_name"&gt;Last Name&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Where can I fit <code>{{ form.first_name }}</code> and <code>{{ form.last_name }}</code> into?</p>
  
  <p>EDIT: Let me elaborate on my answer a bit more:
  For example, I want something like Materialized <code>datepicker</code> (a good pop up calendar that lets user to choose the date), this should be in the <code>&lt;input class='datepicker' length="50"&gt;</code>, but now that I am replacing the whole <code>&lt;input&gt;</code> line with <code>{{ form.date }}</code>... I lost that privilege to edit the class and what not.</p>