Use popper props per Lene G.

elastic · Apr 17, 2024 · 1f9611a · 1f9611a
1 parent 2204171
commit 1f9611a
Showing 1 changed file with 19 additions and 17 deletions.
diff --git a/x-pack/plugins/ml/public/application/jobs/new_job/common/components/time_range_picker.tsx b/x-pack/plugins/ml/public/application/jobs/new_job/common/components/time_range_picker.tsx
@@ -85,23 +85,25 @@ export const TimeRangePicker: FC<Props> = ({ setTimeRange, timeRange }) => {
             />
           }
           endDateControl={
-            <span data-test-subj="mlJobWizardDatePickerRangeEndDate">
-              <EuiDatePicker
-                selected={endMoment}
-                onChange={handleChangeEnd}
-                startDate={startMoment}
-                endDate={endMoment}
-                aria-label={i18n.translate(
-                  'xpack.ml.newJob.wizard.timeRangeStep.timeRangePicker.endDateLabel',
-                  {
-                    defaultMessage: 'End date',
-                  }
-                )}
-                showTimeSelect
-                dateFormat={dateFormat}
-                minDate={startMoment}
-              />
-            </span>
+            <EuiDatePicker
+              // @ts-ignore
+              popperProps={{
+                'data-test-subj': 'mlJobWizardDatePickerRangeEndDate',
+              }}
+              selected={endMoment}
+              onChange={handleChangeEnd}
+              startDate={startMoment}
+              endDate={endMoment}
+              aria-label={i18n.translate(
+                'xpack.ml.newJob.wizard.timeRangeStep.timeRangePicker.endDateLabel',
+                {
+                  defaultMessage: 'End date',
+                }
+              )}
+              showTimeSelect
+              dateFormat={dateFormat}
+              minDate={startMoment}
+            />
           }
         />
       </div>