Contents

import flatpickr from "flatpickr"

export default function Datepicker(scope = document) {
  if (scope === "") {
    scope = document
  } else if (scope instanceof String) {
    scope = document.querySelectorAll(scope)
  }

  const datepickerInputs = scope.querySelectorAll("input[data-datepicker-type]")

  // Initializes the datepickers
  datepickerInputs.forEach((input) => {
    const type = input.dataset.datepickerType
    const enableTime = /time/.test(type)

    const options = {
      // alchemy_i18n supports `zh_CN` etc., but flatpickr only has two-letter codes (`zh`)
      locale: Alchemy.locale.slice(0, 2),
      altInput: true,
      altFormat: Alchemy.t(`formats.${type}`),
      altInputClass: "flatpickr-input",
      dateFormat: "Z",
      enableTime,
      noCalendar: type === "time",
      time_24hr: Alchemy.t("formats.time_24hr"),
      onValueUpdate(_selectedDates, _dateStr, instance) {
        return Alchemy.setElementDirty(
          instance.element.closest(".element-editor")
        )
      }
    }

    if (enableTime) {
      options.dateFormat = "Z"
    }

    flatpickr(input, options)
  })
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
alchemy_cms-7.0.15	app/javascript/alchemy_admin/datepicker.js
alchemy_cms-7.0.14	app/javascript/alchemy_admin/datepicker.js
alchemy_cms-7.0.13	app/javascript/alchemy_admin/datepicker.js
alchemy_cms-7.0.12	app/javascript/alchemy_admin/datepicker.js
alchemy_cms-7.0.11	app/javascript/alchemy_admin/datepicker.js