defaultDate does not work with a date object

[Eonasdan]

Discussed in #2389

^{Originally posted by deanstreetlab September 3, 2021}
According to the docs, there is this defaultDate option which takes a JS Date arg. I tried setting it as below but the datepicker stops working. What's wrong in my setting?

new tempusDominus.TempusDominus(document.querySelector('#datepicker'), {
    display: {
        viewMode: 'years',
        components: {
            decades: false,
            year: true,
            month: true,
            date: true,
            hours: false,
            minutes: false,
            seconds: false,
         }
   }, //end display options
  restrictions: {
      minDate: new Date(1960, 0, 1),
      maxDate: new Date(2020, 11, 31), 
   }, //end restrictions options
  useCurrent: false,  
  defaultDate: new Date("2019-12-31") //NOT WORKING
 });
```</div>

[Eonasdan]

Closing.

[rczwojdrak]

Still isn't working

Just check this with Simple Example from examples page:
new TempusDominus(document.getElementById('datetimepicker1'), { defaultDate: new Date("2019-12-31") });

I'm mean that if we set this date it does not show as picked in inputbox. Input box stays empty.

[Eonasdan]

Hi please check this stackblitz. If the input is empty and the default date is provided, then the input will be set to the default date.

[Eonasdan]

Hello. This should be fixed in 6.2.7

[khuongletikijob]

Thanks, I have solved my problem