From 1ff177d524513cec89f0c3058f5ae432072d2e0f Mon Sep 17 00:00:00 2001
From: alaa-yahia <alaay873@live.com>
Date: Mon, 19 Aug 2024 11:32:11 +0300
Subject: [PATCH] fix: replace onKeyPress with onKeyDown

---
 .../components/FiltersForTypes/Date/From.component.js         | 4 ++--
 .../components/FiltersForTypes/Date/To.component.js           | 4 ++--
 .../FormFields/DateAndTime/D2Date/D2Date.component.js         | 1 +
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/core_modules/capture-core/components/FiltersForTypes/Date/From.component.js b/src/core_modules/capture-core/components/FiltersForTypes/Date/From.component.js
index ff8cce189b..b43b56a245 100644
--- a/src/core_modules/capture-core/components/FiltersForTypes/Date/From.component.js
+++ b/src/core_modules/capture-core/components/FiltersForTypes/Date/From.component.js
@@ -29,7 +29,7 @@ class FromDateFilterPlain extends Component<Props> {
         this.props.onBlur(FromDateFilterPlain.getValueObject(value));
     }
 
-    handleKeyPress = (event: SyntheticKeyboardEvent<HTMLInputElement>) => {
+    handleKeyDown = (event: SyntheticKeyboardEvent<HTMLInputElement>) => {
         if (event.key === 'Enter') {
             this.props.onEnterKey();
         }
@@ -41,7 +41,7 @@ class FromDateFilterPlain extends Component<Props> {
             <div>
                 {/* $FlowFixMe[cannot-spread-inexact] automated comment */}
                 <D2Date
-                    onKeyPress={this.handleKeyPress}
+                    onKeyDown={this.handleKeyDown}
                     onBlur={this.handleBlur}
                     placeholder={i18n.t('From')}
                     width={150}
diff --git a/src/core_modules/capture-core/components/FiltersForTypes/Date/To.component.js b/src/core_modules/capture-core/components/FiltersForTypes/Date/To.component.js
index 2bddefbfc2..ac4280daa0 100644
--- a/src/core_modules/capture-core/components/FiltersForTypes/Date/To.component.js
+++ b/src/core_modules/capture-core/components/FiltersForTypes/Date/To.component.js
@@ -32,7 +32,7 @@ class ToDateFilterPlain extends Component<Props> {
         this.props.onBlur(ToDateFilterPlain.getValueObject(value));
     }
 
-    handleKeyPress = (event: SyntheticKeyboardEvent<HTMLInputElement>) => {
+    handleKeyDown = (event: SyntheticKeyboardEvent<HTMLInputElement>) => {
         if (event.key === 'Enter') {
             this.props.onEnterKey(ToDateFilterPlain.getValueObject(this.props.value || ''));
         }
@@ -48,7 +48,7 @@ class ToDateFilterPlain extends Component<Props> {
             <div>
                 {/* $FlowFixMe[cannot-spread-inexact] automated comment */}
                 <D2Date
-                    onKeyPress={this.handleKeyPress}
+                    onKeyDown={this.handleKeyDown}
                     onBlur={this.handleBlur}
                     onDateSelectedFromCalendar={this.handleDateSelectedFromCalendar}
                     placeholder={i18n.t('To')}
diff --git a/src/core_modules/capture-core/components/FormFields/DateAndTime/D2Date/D2Date.component.js b/src/core_modules/capture-core/components/FormFields/DateAndTime/D2Date/D2Date.component.js
index f3a3bef5b0..bee77bb056 100644
--- a/src/core_modules/capture-core/components/FormFields/DateAndTime/D2Date/D2Date.component.js
+++ b/src/core_modules/capture-core/components/FormFields/DateAndTime/D2Date/D2Date.component.js
@@ -13,6 +13,7 @@ type Props = {
     inputWidth?: ?number,
     onBlur: (value: string) => void,
     onFocus?: ?() => void,
+    onKeyDown?: ?() => void,
     onDateSelectedFromCalendar?: () => void,
     classes?: Object,
     disabled?: boolean,