fix: remove stale flatpickr DatePicker workarounds (#22004)

adamalston · web-flow · commit 48a45d18eec1 · 2026-04-28T06:24:01.000Z
diff --git a/packages/react/src/components/DatePicker/plugins/fixEventsPlugin.ts b/packages/react/src/components/DatePicker/plugins/fixEventsPlugin.ts
@@ -90,17 +90,6 @@ const fixEventsPlugin: FixEventsPlugin = (config) => (fp) => {
             fp.close();
           });
         }
-      } else if (
-        match(event, keys.ArrowLeft) ||
-        match(event, keys.ArrowRight)
-      ) {
-        // Prevents Flatpickr code from canceling the event if left/right arrow keys are hit on `<input>`,
-        // so user can move the keyboard cursor for editing dates
-        // Workaround for: https://github.com/flatpickr/flatpickr/issues/1943
-        //
-        // TODO: https://github.com/flatpickr/flatpickr/issues/1943 has been
-        // addressed. Can the workaround be deleted?
-        event.stopPropagation();
       } else if (match(event, keys.ArrowDown)) {
         event.preventDefault();
         fp.open();
diff --git a/packages/web-components/src/components/date-picker/fix-events-plugin.ts b/packages/web-components/src/components/date-picker/fix-events-plugin.ts
@@ -67,15 +67,6 @@ export default (config: DatePickerFixEventsPluginConfig): Plugin =>
             );
             event.stopPropagation();
             break;
-          case 'ArrowLeft':
-          case 'Left':
-          case 'ArrowRight':
-          case 'Right':
-            // Prevents Flatpickr code from canceling the event if left/right arrow keys are hit on `<input>`,
-            // so user can move the keyboard cursor for editing dates
-            // Workaround for: https://github.com/flatpickr/flatpickr/issues/1943
-            event.stopPropagation();
-            break;
           default:
             break;
         }
diff --git a/packages/web-components/src/components/date-picker/range-plugin.ts b/packages/web-components/src/components/date-picker/range-plugin.ts
@@ -33,15 +33,9 @@ export interface ExtendedFlatpickrInstanceRangePlugin
  * @returns
  *   An extension of Flatpickr `rangePlugin` that does the following:
  *
- *   Better ensures the calendar dropdown is always aligned to the `<input>` for the starting date.
+ *   Positions the calendar dropdown relative to the `<input>` for the starting date.
  *     Workaround for: https://github.com/flatpickr/flatpickr/issues/1944
- *   Disables the logic in Flatpickr `rangePlugin` that calculates the new range with the old selected date
- *     when user selects a date from calendar dropdown.
- *     We'd like to reset the selection when user re-opens calendar dropdown and re-selects a date.
- *     Workaround for: https://github.com/flatpickr/flatpickr/issues/1958
- *   Disables the logic in Flatpickr `rangePlugin` that closes the calendar dropdown
- *     when it's launched from the `<input>` for the end date and user selects a date.
- *     Workaround for: https://github.com/flatpickr/flatpickr/issues/1958
+ *   Commits manual range input values on blur for both inputs when `allowInput` is enabled.
  *   Ensures that the `<input>` in shadow DOM is treated as part of Flatpickr UI,
  *     by ensuring such `<input>` hits `.contains()` search from `fp.config.ignoredFocusElements`.
  *     Without that, Flatpickr clears the `<input>` when end date hasn't been selected yet (which we don't want).
