playbook_ui 12.14.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown456 → 12.14.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown457

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d134719af99c9b743c91b79eaf9df31ec4f190b0ee63eef43ca0371f45285bae
-  data.tar.gz: 9548d090839568767077f07961bc410807d7f658c0b9c26bc732192f39f98740
+  metadata.gz: 7f8208a14e5c15e8c393a68f57267ab77dfcb112e76ab6624b323520ee24110f
+  data.tar.gz: 644200e7aba10dfa8636622d05203dd2fa26b74bcee471fd05d848edb53ad428
 SHA512:
-  metadata.gz: fe57e92aa08c99eba690fe145d67f01f7bdc07bea84a3697445a8231c80a3d1ce10196f4dc9239d147eefa54064334d3f065772b62414218e28d8c0b9befcc76
-  data.tar.gz: b61b2412844e71772d46587d98803aa254e43e100466345873958cbfe093faa37a7242be2a8b5cd0202a5e1716bd88cb63d8647f63d302d99aafe05f12bdf878
+  metadata.gz: 9ae9ad4954a065d536856caf8f8cfbecb68885dec8674e06dd8f80c7c7abe3e2346cca288aee7792e49165658720d23da9402867d74702157f9024716ae82e08
+  data.tar.gz: 3f88105477044a5db447ac93a924aa43e84112df2bb17a347bb0b372e78bedcaf1723069921aeb4bf359e3552806a48f8fe6cee7c66c895e6016a39c817f31e3

data/app/pb_kits/playbook/pb_date_picker/date_picker.rb

@@ -103,65 +103,6 @@ module Playbook
         class_string += error_class
         class_string
       end
-
-      def format_date(date)
-        date.strftime("%m/%d/%Y")
-      end
-
-      def date_ranges
-        [
-          {
-            label: "Today",
-            start_date: format_date(::Date.current),
-            end_date: format_date(::Date.current),
-          },
-          {
-            label: "Yesterday",
-            start_date: format_date(::Date.current.yesterday),
-            end_date: format_date(::Date.current.yesterday),
-          },
-          {
-            label: "This Week",
-            start_date: format_date(::Date.current.beginning_of_week),
-            end_date: format_date(::Date.current.end_of_week),
-          },
-          {
-            label: "This Month",
-            start_date: format_date(::Date.current.beginning_of_month),
-            end_date: format_date(::Date.current),
-          },
-          {
-            label: "This Quarter",
-            start_date: format_date(::Date.current.beginning_of_quarter),
-            end_date: format_date(::Date.current),
-          },
-          {
-            label: "This Year",
-            start_date: format_date(::Date.current.beginning_of_year),
-            end_date: format_date(::Date.current),
-          },
-          {
-            label: "Last Week",
-            start_date: format_date(::Date.current.last_week.beginning_of_week),
-            end_date: format_date(::Date.current.last_week.end_of_week),
-          },
-          {
-            label: "Last Month",
-            start_date: format_date(::Date.current.last_month.beginning_of_month),
-            end_date: format_date(::Date.current.last_month.end_of_month),
-          },
-          {
-            label: "Last Quarter",
-            start_date: format_date(::Date.current.last_quarter.beginning_of_quarter),
-            end_date: format_date(::Date.current.last_quarter.end_of_quarter),
-          },
-          {
-            label: "Last Year",
-            start_date: format_date(::Date.current.last_year.beginning_of_year),
-            end_date: format_date(::Date.current.last_year.end_of_year),
-          },
-        ]
-      end
     end
   end
 end

data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js

@@ -158,4 +158,47 @@ describe('DatePicker Kit', () => {
       expect(input).toHaveValue('01/01/2020 at 12:00 PM')
     })
   })
+  test('shows DatePicker QuickPick dropdown', async () => {
+    const testId = 'datepicker-quick-pick'
+    render(
+      <DatePicker
+          allowInput
+          data={{ testid: testId }}
+          mode="range"
+          pickerId="date-picker-quick-pick"
+          placeholder="mm/dd/yyyy → mm/dd/yyyy"
+          selectionType="quickpick"
+      />
+    )
+
+    const kit = screen.getByTestId(testId)
+    const input = within(kit).getByPlaceholderText('mm/dd/yyyy → mm/dd/yyyy')
+
+    fireEvent(
+      input,
+      new MouseEvent('click', {
+        bubbles: true,
+        cancelable: true,
+      }),
+    )
+    const today = within(kit).getByText('Today')
+    const thisYear = within(kit).getByText('This year')
+    await waitFor(() => {
+      expect(today).toBeInTheDocument()
+      expect(thisYear).toBeInTheDocument()
+    })
+
+    fireEvent(
+      thisYear,
+      new MouseEvent('click', {
+        bubbles: true,
+        cancelable: true,
+      }),
+    )
+
+    await waitFor(() => {
+      expect(input).toHaveValue('01/01/2023 → 12/31/2023')
+    })
+
+  })
 })

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx

@@ -5,7 +5,6 @@ import DatePicker from '../_date_picker'
 const DatePickerRange = (props) => (
   <div>
     <DatePicker
-        allowInput
         defaultDate={[new Date(), new Date().fp_incr(7)]}
         mode="range"
         pickerId="date-picker-range"

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "12.14.0"
-  VERSION = "12.14.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown456"
+  VERSION = "12.14.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown457"
 end

metadata

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