playbook_ui 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown628 → 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown629

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c999abe9c5d5963b06cceb1667a63267dcf9d1633e6ece0834a87e501a0d8880
-  data.tar.gz: 6c174d014f46fb6eb7f30f49ac13a9e32955f233bb9c7143da06c06adc42ca72
+  metadata.gz: 84278e89e730ab9a8122bc35148a02c73b56edb2225804f69fa7a3381d899d8f
+  data.tar.gz: cd72d05c488486c5c626c6caf79f7c54e121cddfd94eb28f5acd30e39d45565c
 SHA512:
-  metadata.gz: 11808e3612de95f609ae0355d3bff322fdb8972ae3a8f564868be47d0bf29d310e65ca447d125a3f4c0da57456f58d5a27558290f668dec514327f1a5aabb6c7
-  data.tar.gz: e0ceb2f1e3c86e36d7cf3a31d2dfd98e60dd924fa83ce992ef26911244a38dd0ef068f5abebf00e54452588155b55c817b43f43ff8f8f378e19a75896c9bec3e
+  metadata.gz: 29307b1c012c73c352bb9c417f8fd77e7537ed6b68d969656d9cbdffcb11caffc1553a941d2c4c7ea623905f7f17cb0efdda8084534ebd09b7937b5a3d55f691
+  data.tar.gz: 7d5784b8a02de1ec83dbbdc929705ebae998aa657ddc43c9ce12668e87dfb8395d61f9f2ec993adad10d9d542668bff40698d54cf0ffe73ebde0eb68c731a143

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

@@ -60,22 +60,8 @@
   </div>
 
   <%= javascript_tag do %>
-    window.addEventListener("DOMContentLoaded", (event) => {
+    window.addEventListener("DOMContentLoaded", () => {
       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 %>

data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts

@@ -186,26 +186,26 @@ const datePickerHelper = (config: DatePickerConfig, scrollContainer: string | HT
   // ===========================================================
 
   // opens flatpickr instance when calander icon is clicked so we can have a hover state on icon
-  window.addEventListener("DOMContentLoaded", (event) => {
-    event.preventDefault();
-    function attachIconClickHandler() {
-      const variantArr = document.querySelectorAll(`#cal-icon-${pickerId}`)
-      if (!variantArr) {
-        setTimeout(attachIconClickHandler, 100);
-        return;
-      }
-
-      const instance = document.querySelector<HTMLElement & { [x: string]: any }>(`#${pickerId}`)._flatpickr
-      variantArr.forEach((icon) => {
-        icon.addEventListener("click", function(event) {
-          event.preventDefault();
-          instance.open()
-        });
-      })
-    }
-
-    attachIconClickHandler();
-  });
+  // window.addEventListener("DOMContentLoaded", (event) => {
+  //   event.preventDefault();
+  //   function attachIconClickHandler() {
+  //     const variantArr = document.querySelectorAll(`#cal-icon-${pickerId}`)
+  //     if (!variantArr) {
+  //       setTimeout(attachIconClickHandler, 100);
+  //       return;
+  //     }
+
+  //     const instance = document.querySelector<HTMLElement & { [x: string]: any }>(`#${pickerId}`)._flatpickr
+  //     variantArr.forEach((icon) => {
+  //       icon.addEventListener("click", function(event) {
+  //         event.preventDefault();
+  //         instance.open()
+  //       });
+  //     })
+  //   }
+
+  //   attachIconClickHandler();
+  // });
 
   // Assign dynamically sourced flatpickr instance to variable
   const picker = document.querySelector<HTMLElement & { [x: string]: any }>(`#${pickerId}`)._flatpickr

data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss

@@ -1,7 +1,7 @@
 @import "../../tokens/colors";
 // Calendar Icon Styles
 .cal_icon_wrapper {
-  cursor: pointer;
+  pointer-events: none;
   position: absolute;
   top: $space_md + 2;
   right: 0;

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown628
+  version: 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown629
 platform: ruby
 authors:
 - Power UX