Using Flask-WTForms, how do I style my form section of the html?
<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>