Подключение flatpickr к vue.js

Возникла проблема подключения flatpickr к vue.js. Установил зависимость vue-flatpickr-component, и пытаюсь подключить его.

import flatPickr from 'vue-flatpickr-component';
components: {
            flatPickr,
        },
template:` <section>
            <div class="form-group">
                <label>Select a date</label>
                <div class="input-group">
                    <flat-pickr class="search-form__control -date"></flat-pickr>
                    <div class="input-group-append">
                        <button class="btn btn-default" type="button" title="Toggle" data-toggle>
                            <i class="fa fa-calendar">
                                <span aria-hidden="true" class="sr-only">Toggle</span>
                            </i>
                        </button>
                        <button class="btn btn-default" type="button" title="Clear" data-clear>
                            <i class="fa fa-times">
                                <span aria-hidden="true" class="sr-only">Clear</span>
                            </i>
                        </button>
                    </div>
                </div>
            </div>
            <pre>Selected date is - {{date}}</pre>
        </section>`

При выполнении кода возникает ошибка:

TypeError: Cannot read properties of undefined (reading 'h')
render() {
    return (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_**.h)('input'**, {
      type: 'text',
      'data-input': true,
      disabled: this.disabled,
      onInput: this.onInput,
      ref: 'root'
    });
  },