title: How to give Bootstrap Datepicker Fade effects?
body: <p>I am using <a href="https://bootstrap-datepicker.readthedocs.io/en/latest/" rel="nofollow">Bootstrap Datepicker</a> in a Symfony application. I would like to get the fadeIn and fadeOut effect when opening and closing Datepicker. As the library doesn't have any documentation which deals with this, is there any way I could tweak it myself?</p>
  
  <p>The following is the twig file where the Datepicker gets initialized:</p>
  
  <pre><code>{% block body %}
  &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="carousel" id="myCarousel" data-ride="carousel"&gt;
                  &lt;ol class="carousel-indicators"&gt;
                  &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                  &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
                  &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
              &lt;/ol&gt;
  
              &lt;div class="carousel-inner" role="listbox"&gt;
                  &lt;div class="item active"&gt;
                      &lt;img src="{{ asset('../../../../../images/image-1.jpg') }}"&gt;
                  &lt;/div&gt;
  
                  &lt;div class="item"&gt;
                      &lt;img src="{{ asset('../../../../../images/image-2.jpg') }}"&gt;
                  &lt;/div&gt;
  
                  &lt;div class="item"&gt;
                      &lt;img src="{{ asset('../../../../../images/image-3.jpg') }}"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
             &lt;div class="form-contents"&gt;
                 &lt;div class="row"&gt;
                     {{ form_start(form, {'attr': {'autcomplete':'off'}}) }}
                     {{ form_errors(form) }}
  
                     &lt;div class="form-group col-xs-6"&gt;
                         {{ form_label(form.Place, 'Where') }}
                     &lt;/div&gt;
  
                     &lt;div class="form-group col-xs-6"&gt;
  
                         {{ form_label(form.Date, 'When') }}
                         {{ form_errors(form.Date) }}
                         {{ form_widget(form.Date, {'attr': {'class':'form-control','autcomplete':'off', 'placeholder':'Pick a day',
                                                      'data-provide':'datepicker', 'readonly':'', 'data-date-today-highlight':false,
                                                      'data-date-format':'dd/mm/yyyy', 'data-date-autoclose': true
                                                     }
                         })}}
  
                     &lt;/div&gt;
                 &lt;/div&gt;
  
                 &lt;div class="row"&gt;
                     &lt;div class="col-xs-12"&gt;
                         {{ form_row(form.save, {'attr': {'class':'btn btn-lg'}}) }}
                     &lt;/div&gt;
  
                     {{ form_end(form) }}
                 &lt;/div&gt;
             &lt;/div&gt;
             {{ parent() }}
         &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  {% endblock %}
  </code></pre>