fix(input-date-picker): restores mouse clicks on date-picker popup (#…

…5760)
Esri · Nov 16, 2022 · 98f28c6 · 98f28c6
1 parent 31cafc4
commit 98f28c6
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/src/components/input-date-picker/input-date-picker.e2e.ts b/src/components/input-date-picker/input-date-picker.e2e.ts
@@ -257,6 +257,26 @@ describe("calcite-input-date-picker", () => {
     expect(await calendar.isVisible()).toBe(true);
   });
 
+  it("allows clicking a date in the calendar popup", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<calcite-input-date-picker value="2023-01-31"></calcite-input-date-picker>`);
+    const inputDatePicker = await page.find("calcite-input-date-picker");
+
+    await inputDatePicker.callMethod("setFocus");
+    await page.waitForChanges();
+
+    await page.evaluate(() => {
+      const inputDatePicker = document.querySelector("calcite-input-date-picker");
+      const datePicker = inputDatePicker.shadowRoot.querySelector("calcite-date-picker");
+      const datePickerMonth = datePicker.shadowRoot.querySelector("calcite-date-picker-month");
+      const datePickerDay = datePickerMonth.shadowRoot.querySelector("calcite-date-picker-day");
+
+      datePickerDay.click();
+    });
+
+    expect(await inputDatePicker.getProperty("value")).toBe("2023-01-01");
+  });
+
   describe("is form-associated", () => {
     it("supports single value", () =>
       formAssociated("calcite-input-date-picker", { testValue: "1985-03-23", submitsOnEnter: true }));

diff --git a/src/components/input-date-picker/input-date-picker.scss b/src/components/input-date-picker/input-date-picker.scss
@@ -91,8 +91,7 @@
 .menu-container {
   @include floatingUIContainer();
   @include floatingUIWrapper();
-  @apply invisible
-    pointer-events-none;
+  @apply invisible;
 }
 
 @include floatingUIElemAnim(".menu-container");