how to use altFormat with an input group?

Hi again!

Sorry if it is in the docs, but I couldn’t find how to do it.

I have an input group and when I initialize the flatpickr instance with altInput and altFormat inside the options, the new input (the one with altFormat) appears completely unformatted, without classes or anything.

My code: HTML

<div
  class="input-group flatpickr"
  data-wrap="true"
>
  <div class="input-group-addon" data-toggle>
      <span class="fa fa-calendar"></span>
  </div>
  <input
    type="text"
    class="form-control"
    data-input
    data-open
  />
</div>

JS

flatpickr('.flatpickr' {
  dateFormat: 'Y-m-d',
  altInput: true,
  altFormat: 'd/m/Y',
  onChange: date => { ... },
});

[Mathius17]

Ohhh, that’s not in the docs. Thanks!

[chmln]

There is an altInputClass option that precisely targets the problem you’re having. See https://jsfiddle.net/chmln/uqt4qq1a/