[docs] Fix inline euiFieldText className usage

cee-chen · cee-chen · commit 6edee4cc0036 · 2024-05-17T16:04:04.000-07:00
- replace with actual component
diff --git a/packages/eui/src-docs/src/views/super_date_picker/super_date_picker.tsx b/packages/eui/src-docs/src/views/super_date_picker/super_date_picker.tsx
@@ -5,6 +5,7 @@ import {
   EuiSpacer,
   EuiFormControlLayoutDelimited,
   EuiFormLabel,
+  EuiFieldText,
   EuiPanel,
   EuiText,
   OnRefreshProps,
@@ -58,21 +59,19 @@ export default () => {
         <EuiFormControlLayoutDelimited
           prepend={<EuiFormLabel>Dates</EuiFormLabel>}
           startControl={
-            <input
+            <EuiFieldText
+              controlOnly
               onChange={onStartInputChange}
-              type="text"
               value={start}
               placeholder="start"
-              className="euiFieldText"
             />
           }
           endControl={
-            <input
+            <EuiFieldText
+              controlOnly
               onChange={onEndInputChange}
-              type="text"
               placeholder="end"
               value={end}
-              className="euiFieldText"
             />
           }
         />
