playbook_ui 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown617 → 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown628

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 102bb0a97a693903b5529db165bc9e772618418347aeeda1bf999c0efdc46121
-  data.tar.gz: be8f83ba5c73d4d513039e483dd9b0d83eeb30d6b4462da6dcb8542915ee66dc
+  metadata.gz: c999abe9c5d5963b06cceb1667a63267dcf9d1633e6ece0834a87e501a0d8880
+  data.tar.gz: 6c174d014f46fb6eb7f30f49ac13a9e32955f233bb9c7143da06c06adc42ca72
 SHA512:
-  metadata.gz: fbf7ffb2694dc1c932df32a956002fd388c55aa8ee6fb2fe5e38d3f909b81c4f6b65a06a5cc8fee481437ed5c7af553a43b8b4d2aba38e0a03c7c7cf5b4bdd24
-  data.tar.gz: b178df679610fca701110d377a3e03f308d3fdbde8836d163dbac07d4dc2e6afb219b2f0603c0983558a19aee8f80b41156dec7bf749600c96173078dcef8cfb
+  metadata.gz: 11808e3612de95f609ae0355d3bff322fdb8972ae3a8f564868be47d0bf29d310e65ca447d125a3f4c0da57456f58d5a27558290f668dec514327f1a5aabb6c7
+  data.tar.gz: e0ceb2f1e3c86e36d7cf3a31d2dfd98e60dd924fa83ce992ef26911244a38dd0ef068f5abebf00e54452588155b55c817b43f43ff8f8f378e19a75896c9bec3e

data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb

@@ -60,8 +60,23 @@
   </div>
 
   <%= javascript_tag do %>
-    window.addEventListener("DOMContentLoaded", () => {
-        datePickerHelper(<%= object.date_picker_config %>, "<%= object.scroll_container %>")
+    window.addEventListener("DOMContentLoaded", (event) => {
+      datePickerHelper(<%= object.date_picker_config %>, "<%= object.scroll_container %>")
+      event.preventDefault();
+      const variantArr = document.querySelectorAll('#cal-icon-<%= object.picker_id %>')
+      if (!variantArr) {
+        setTimeout(attachIconClickHandler, 100);
+        return;
+      }
+
+      const instance = document.querySelector('#<%= object.picker_id %>')._flatpickr
+      variantArr.forEach(icon => {
+        icon.addEventListener("click", function(event) {
+          event.preventDefault();
+          instance.open()
+        });
+      });
     })
+
   <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx

@@ -148,12 +148,12 @@ const quickPickPlugin = () => {
         selectActiveRangeButton(selectedDates);
       },
 
-      onClose(selectedDates: Array<string>) {
-        // set the input value to the selected dates when the dropdown is closed
-        if (!selectedDates[1]) {
-          fp.input.value = fp.formatDate(this.selectedDates[0], fp.config.dateFormat) + ' → ' + fp.formatDate(this.selectedDates[1], fp.config.dateFormat);
-        }
-      }
+      // onClose(selectedDates: Array<string>) {
+      //   // set the input value to the selected dates when the dropdown is closed
+      //   // if (!selectedDates[1]) {
+      //   //   fp.input.value = fp.formatDate(this.selectedDates[0], fp.config.dateFormat) + ' → ' + fp.formatDate(this.selectedDates[1], fp.config.dateFormat);
+      //   // }
+      // }
     };
   };
 }

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "12.18.0"
-  VERSION = "12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown617"
+  VERSION = "12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown628"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown617
+  version: 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown628
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-05-05 00:00:00.000000000 Z
+date: 2023-05-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack