• Installer avec yarn le plug-in pour DatePickerJS

yarn add bootstrap-datepicker

• Créer dans votre dossier assets/js un fichier datepicker.js et mettre la configuration suivante.

require('bootstrap-datepicker/js/bootstrap-datepicker')
require('bootstrap-datepicker/js/locales/bootstrap-datepicker.fr')
require('bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css')
$(document).ready(function (){
    $('.input-daterange input').each(function () {
        $(this).datepicker({
            format: 'dd/mm/YYYY'
        });
    });
});

• Ajouter dans le champ DateType du fichier FormType.

'widget' => 'single_text',
'attr' => ['class' => 'js-datepicker'],

• Ajouter dans le fichier webpack.config.js

 .addEntry('datepicker', [
    './assets/js/datepicker.js'
])

• Ajouter l’entry link tag dans votre template

{% block stylesheet %}
{{ encore_entry_link_tags('datepicker') }}
{% endblock %}

• Ajouter entry script tag dans votre template

{% block javascripts %}
{{ encore_entry_script_tags('datepicker') }}
{% endblock %}

Ensuite un yarn encore dev et ça fonctionne.