Contents

import { Controller } from '@hotwired/stimulus'
import flatpickr from 'flatpickr'
import { Dutch } from 'flatpickr/dist/esm/l10n/nl.js'
import I18n from '../config/i18n'

export default class extends Controller {
  static get targets () {
    return ['input']
  }

  connect () {
    const options = { ...this.defaultOptions(), ...this.options() }
    flatpickr(this.inputTarget, options)
  }

  options () {
    return JSON.parse(this.inputTarget.getAttribute('data-flatpickr'))
  }

  defaultOptions () {
    return {
      allowInput: true,
      dateFormat: 'd/m/Y',
      locale: this.getLocale(I18n.locale)
    }
  }

  getLocale (locale) {
    const locales = this.locales()
    return locales[locale]
  }

  locales () {
    return {
      en: null,
      nl: Dutch
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
headmin-0.4.2	app/assets/javascripts/headmin/controllers/flatpickr_controller.js
headmin-0.4.1	app/assets/javascripts/headmin/controllers/flatpickr_controller.js
headmin-0.4.0	app/assets/javascripts/headmin/controllers/flatpickr_controller.js