Changes per feedback.

Author: aksinha-nerdapplabs

app/Resources/FOSUserBundle/views/Security/login.html.twig

@@ -3,7 +3,7 @@
 
 {% block fos_user_content %}
     {% if error %}
-        <div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
+        <div>{{ error|trans({}, 'FOSUserBundle') }}</div>
     {% endif %}
 
     <form action="{{ path("fos_user_security_check") }}" method="post" class="form-signin">

src/ApiBundle/Form/UserProfileType.php

@@ -28,7 +28,7 @@ public function buildForm(FormBuilderInterface $builder, array $options)
             ->add('image', FileType::class, array('data_class' => null,'label' => 'Image, if any ', 'required' => false) )
             ->add('firstname',TextType::class)
             ->add('lastname',TextType::class, array('required' => false))
-            ->add('dob', DateType::class, array('widget' => 'single_text', 'format' => 'M/d/y'))
+            ->add('dob', DateType::class, array('widget' => 'single_text', 'format' => 'M/d/y', 'html5' => false, 'attr' => array('class' => 'js-datepicker')))
             ->add('email', EmailType::class)
             ->add('username', TextType::class)
         ;

src/ApiBundle/Resources/views/admin/user/edit.html.twig

@@ -75,6 +75,16 @@
     </a>
 {% endblock %}
 
+{% block javascripts %}
+    {{ parent() }}
+    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>
+    <script>
+        jQuery(document).ready(function() {
+            $('.js-datepicker').datepicker();
+        });
+    </script>
+{% endblock %}
+
 {% block sidebar %}
     <div class="section actions">
         {{ include('ApiBundle:admin/user:_form.html.twig', {

src/ApiBundle/Resources/views/user/edit.html.twig

@@ -63,3 +63,13 @@
          />
     {{ form_end(edit_form) }}
 {% endblock %}
+
+{% block javascripts %}
+    {{ parent() }}
+    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>
+    <script>
+        jQuery(document).ready(function() {
+            $('.js-datepicker').datepicker();
+        });
+    </script>
+{% endblock %}