title: Set current date as "today" in the result using Flatpickr
body: <p>I am using <code>Flatpickr</code> for my date picker. however, when i select today's date, i want the result to be displayed as "Today".</p>
  
  <pre><code>jQuery(".datepicker").flatpickr({
      wrap: true,
      altInput: true,
      altFormat: "F j, Y",
      dateFormat: "Y-m-d",
      defaultDate: "today",
      instance.set('defaultDate', 'today');
  });
  </code></pre>
  
  <p>this is what i have tried so far. the part <code>instance.set</code> isn't working for me. maybe i did something wrong.</p>
  
  <p>Below is the snippet of the current working code. all i need is the current displayed date to be "Today" not the date itself.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>jQuery(function() {
   initDatePicker();
  });
  
  
  function initDatePicker() {
   jQuery(".datepicker").flatpickr({
    wrap: true,
    altInput: true,
    altFormat: "F j, Y",
    dateFormat: "Y-m-d",
    defaultDate: "today"
   });
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" rel="stylesheet" /&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/flatpickr"&gt;&lt;/script&gt;
  &lt;script&gt;
    
  &lt;/script&gt;
  
  &lt;div class="input-group datepicker"&gt;
    &lt;input type="text" class="form-control" data-input aria-describedby="date1"&gt;
    &lt;div class="input-group-append"&gt;
      &lt;button class="btn btn-secondary" type="button" id="date1" title="toggle" data-toggle&gt;&lt;i class="icon-angle-down-4 mr-0"&gt;&lt;/i&gt;&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>