playbook_ui 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown626 → 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown629

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: da94a33e9be6bed594968620dcee40ae14414fa442e8082d66e972ddf3c23403
-  data.tar.gz: 03af1c6d84d98eb24ac6513a4c342d77a49ca386eee31142855ad1366cdaeeb6
+  metadata.gz: 84278e89e730ab9a8122bc35148a02c73b56edb2225804f69fa7a3381d899d8f
+  data.tar.gz: cd72d05c488486c5c626c6caf79f7c54e121cddfd94eb28f5acd30e39d45565c
 SHA512:
-  metadata.gz: 189a38c94ed36c3769f3acb5ea4f8b6e24e722aff91b837ed35aa149af91a6db161eb5797aa2fce669a3a1c2f1290910b45f0b9e5d29d5f696ba00773259dd93
-  data.tar.gz: 439322d7a13e55290d63a1da377bc2207b97f003f0f0b9bb6191eeaeb26dcd5e2ef3f801e87859fad68120e492d4002f734308f333a1d31be4583629cd2fede2
+  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/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/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.PLAY603datepickerquickpickinputpresetdropdown626"
+  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.PLAY603datepickerquickpickinputpresetdropdown626
+  version: 12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown629
 platform: ruby
 authors:
 - Power UX