@radioactive-labs/plutonium 0.1.11 → 0.1.12

package/src/js/controllers/flatpickr_controller.js

@@ -0,0 +1,28 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="flatpickr"
+export default class extends Controller {
+  connect() {
+    console.log(`flatpickr connected: ${this.element}`)
+    self.picker = new flatpickr(this.element, this.#buildOptions())
+  }
+
+  disconnect() {
+    self.picker.destroy()
+    self.picker = null
+  }
+
+  #buildOptions() {
+    let options = { altInput: true }
+    if (this.element.attributes.type.value == "datetime-local") {
+      options.enableTime = true
+    }
+    else if (this.element.attributes.type.value == "time") {
+      options.enableTime = true
+      options.noCalendar = true
+      // options.time_24hr = true
+      // options.altFormat = "H:i"
+    }
+    return options
+  }
+}

package/src/js/controllers/register_controllers.js

@@ -23,6 +23,7 @@ import FrameNavigatorController from "./frame_navigator_controller.js"
 import ColorModeController from "./color_mode_controller.js"
 import EasyMDEController from "./easymde_controller.js"
 import SlimSelectController from "./slim_select_controller.js"
+import FlatpickrController from "./flatpickr_controller.js"
 
 export default function (application) {
   // Register controllers here
@@ -50,4 +51,5 @@ export default function (application) {
   application.register("color-mode", ColorModeController)
   application.register("easymde", EasyMDEController)
   application.register("slim-select", SlimSelectController)
+  application.register("flatpickr", FlatpickrController)
 }