Symfony 2.8 Forms/Twig: Twig is rendering my input (type=date) incorrectly
<p>I am expecting that when the page is rendered, it would be input (type=date). But I am getting type=text.</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;&lt;/head&gt;
    &lt;body&gt;
        &lt;input id="test_form_studentdob" class="normal" type="text" placeholder="DD-MM-YYYY" name="test_form[studentdob]"&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I already tried this :</p>

<ol>
<li><p>multiple browsers (both desktop and mobile)</p></li>
<li><p>removed all CSS/JS I was loading inside . This includes loading jQuery/jQuery/bootstrap UI libraries</p></li>
</ol>

<p>Any ideas what I could be doing wrong? thanks</p>

<p><strong>snippet of Symfony controller:</strong></p>

<pre><code>/**
 * @Route("/test")
 */
public function testAction(Request $request) {
    $form = $this-&gt;createForm(new TestFormType());
    $form-&gt;handleRequest($request);

    return $this-&gt;render(
        "AppBundle:SelfService:TestForm.html.twig"
        , array("form" =&gt; $form-&gt;createView())
    );
}
</code></pre>

<p><strong>Symfony Form type class:</strong></p>

<pre><code>&lt;?php
// src/appBundle/Form/TestFormType.php
namespace AppBundle\Form;

use Symfony\Component\Form\AbstractType
    , Symfony\Component\Form\FormBuilderInterface
    , Symfony\Component\OptionsResolver\OptionsResolverInterface;

class TestFormType extends AbstractType {
    public function setDefaultOptions(OptionsResolverInterface $resolver) {
        $resolver-&gt;setDefaults(
            array(
                "attr" =&gt; array(
                        "id" =&gt; "testform"
                )
            )
        );
    }

    public function buildForm(FormBuilderInterface $builder, array $options) {
        $builder
            -&gt;setMethod("GET")
            -&gt;add(
                "studentdob"
                , "date"
                , array(
                    "attr" =&gt; array(
                        "class" =&gt; "normal"
                        , "placeholder" =&gt; "DD-MM-YYYY"
                    )
                    , "format" =&gt; "dd-MM-yyyy"
                    , "required" =&gt; false
                    , "widget" =&gt; "single_text"
                )
            );
    }
}
</code></pre>

<p>This is my Twig template:</p>

<pre><code>{% block body %}
    {{ form_widget(form.studentdob) }}
{% endblock %}
</code></pre>