playbook_ui 15.7.0.pre.alpha.PLAY2675dropdownquickpickcustomquickpickdates13330 → 15.7.0.pre.alpha.PLAY2678emojimask13284

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.html.erb

@@ -1,64 +0,0 @@
-<%= pb_rails("dropdown", props: {
-  custom_quick_pick_dates: {
-    dates: [
-      # Allow Playbook to handle the logic...
-      {
-        label: "Last 15 months",
-        value: {
-          time_period: "months",
-          amount: 15
-        }
-      },
-      # Or, be explicit with an exact date range for more control...
-      {
-        label: "First Week of June 2022",
-        value: ["06/01/2022", "06/07/2022"]
-      }
-    ]
-  },
-  id: "date-range-quickpick-custom",
-  label: "Date Range",
-  margin_bottom: "sm",
-  variant: "quickpick"
-}) %>
-
-<%= pb_rails("dropdown", props: {
-  custom_quick_pick_dates: {
-    override: false,
-    dates: [
-      {
-        label: "Last 15 months",
-        value: {
-          time_period: "months",
-          amount: 15
-        }
-      },
-      {
-        label: "First Week of June 2022",
-        value: ["06/01/2022", "06/07/2022"]
-      }
-    ]
-  },
-  id: "date-range-quickpick-custom-append-to-defaults",
-  label: "Date Range - Append to Defaults",
-  variant: "quickpick"
-}) %>
-
-<script>
-  const dropdown1 = document.getElementById("date-range-quickpick-custom");
-  if (dropdown1) {
-    dropdown1.addEventListener("pb:dropdown:selected", (e) => {
-      const option = e.detail;
-      console.log("Selected option:", option);
-    });
-  }
-
-  const dropdown2 = document.getElementById("date-range-quickpick-custom-append-to-defaults");
-  if (dropdown2) {
-    dropdown2.addEventListener("pb:dropdown:selected", (e) => {
-      const option = e.detail;
-      console.log("Selected option:", option);
-    });
-  }
-</script>
-

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.md

@@ -1,10 +0,0 @@
-The `custom_quick_pick_dates` prop allows for defining custom quick pick date options for the dropdown. The prop accepts an object with two properties: `dates` and `override`.
-
-**The `dates` property** accepts an array of objects. Each object has `label` and `value` properties. The `label` is what will be displayed in the dropdown menu. The `value` property defines the date range that will be selected, and can be:
-- An array of two date strings representing a specific range (e.g., `["06/01/2022", "06/07/2022"]`)
-- An object with `time_period` and `amount` properties for dynamic date calculations:
-  - The `time_period` property accepts `"days"`, `"weeks"`, `"months"`, `"quarters"`, or `"years"`, representing past time periods calculated from today.
-  - The `amount` property accepts any number.
-
-**The `override` property** is a boolean that controls whether custom dates replace or append to the default quick pick options. Default is `true` (replaces defaults). Set to `false` to append your custom dates to the default quick pick options.
-