title: Input type date not showing value
body: <p>I've got a project in Symfony2 (v. 2.2.11) in which I've got a calendar (fullCalendar) and when a user clicks in a day I open a overlay with a form and my start and end date got the selected day as value (format yyyy-MM-dd). If I inspect the element there's a value with the correct date but is not showing in input box, only shows when I click a date (I'm using jquery date chooser) the value appears in the input box (the new one).</p>
  
  <p>This is my FormType code for start and end date:</p>
  
  <pre><code>    -&gt;add('startDate','date',array(
          'label'=&gt;'ueb_crossfit_class.form.event.labels.startDate',
          'widget'   =&gt; 'single_text',
          'format' =&gt; "yyyy-MM-dd",
          'attr' =&gt; array('class' =&gt; "input-date datepicker")
      ))
      -&gt;add('endDate','date',array(
          'required' =&gt; false,
          'label'=&gt;'ueb_crossfit_class.form.event.labels.endDate',
          'widget'   =&gt; 'single_text',
          'format' =&gt; "yyyy-MM-dd",
          'attr' =&gt; array('class' =&gt; "input-date datepicker")
      ))
  </code></pre>
  
  <p>This is the generated input (for start date):</p>
  
  <pre><code>&lt;input id="ueb_crossfiterz_bundle_classbundle_eventtype_startDate" class="input-date datepicker hasDatepicker" type="date" value="2013-12-27" required="required" name="ueb_crossfiterz_bundle_classbundle_eventtype[startDate]"&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/uQAE0.png" alt="How the input shows even it has a defined value"></p>
  
  <p>I've already tested with Firefox and Chrome and both doesn't show the value but only Firefox show that red line in input (as appear in image).</p>
  
  <p>[UPDATE]
  As asked in comments here's my js code for initializing fullCalendar:</p>
  
  <pre><code>$(function () {
          var date = new Date();
          var d = date.getDate();
          var m = date.getMonth();
          var y = date.getFullYear();
  
          $('#calendar-holder').fullCalendar({
              header: {
                  left: 'prev, next',
                  center: 'title',
                  right: 'month,agendaWeek,agendaDay,'
              },
              lazyFetching:true,
              selectable: true,
              timeFormat: {
                                  // for agendaWeek and agendaDay
                                  agenda: 'HH:mm{ - HH:mm }', // 5:00 - 6:30
  
                                  // for all other views
                                  '': 'HH:mm{ - HH:mm }'            // 7p
              },
              eventSources: [
                              {
                                  url: Routing.generate('ueb_class_getEvents'), 
                                                          type: 'POST',
                                  error: function() {
                                     //alert('There was an error while fetching Google Calendar!');
                                  }
                              }
              ],
              eventClick: function(event) {
                              clickEvent(event);
                              return false;
              },
              select: function(start, end, allDay){
                              selectEvent(start, end, allDay);
              }
       });
  });
  </code></pre>