From 31d7eb39c5dd1b078654b47cec3833ec0d1e99c4 Mon Sep 17 00:00:00 2001
From: Lake Mossman <lake@airbyte.io>
Date: Thu, 19 Jan 2023 08:47:26 -0800
Subject: [PATCH] move start/end time options out of optional block (#21541)

---
 .../Builder/StreamSlicerSection.tsx           | 64 +++++++++----------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamSlicerSection.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamSlicerSection.tsx
index ae91fa39bfe0..abf9ea74161d 100644
--- a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamSlicerSection.tsx
+++ b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamSlicerSection.tsx
@@ -126,6 +126,38 @@ export const StreamSlicerSection: React.FC<StreamSlicerSectionProps> = ({ stream
             label="Cursor field"
             tooltip="Field on record to use as the cursor"
           />
+          <ToggleGroupField<RequestOption>
+            label="Start time request option"
+            tooltip="Optionally configures how the start datetime will be sent in requests to the source API"
+            fieldPath={buildPath("start_time_option")}
+            initialValues={{
+              inject_into: "request_parameter",
+              type: "RequestOption",
+              field_name: "",
+            }}
+          >
+            <InjectRequestOptionFields
+              path={buildPath("start_time_option")}
+              descriptor="start datetime"
+              excludeInjectIntoValues={["path"]}
+            />
+          </ToggleGroupField>
+          <ToggleGroupField<RequestOption>
+            label="End time request option"
+            tooltip="Optionally configures how the end datetime will be sent in requests to the source API"
+            fieldPath={buildPath("end_time_option")}
+            initialValues={{
+              inject_into: "request_parameter",
+              type: "RequestOption",
+              field_name: "",
+            }}
+          >
+            <InjectRequestOptionFields
+              path={buildPath("end_time_option")}
+              descriptor="end datetime"
+              excludeInjectIntoValues={["path"]}
+            />
+          </ToggleGroupField>
           <BuilderOptional>
             <BuilderFieldWithInputs
               type="string"
@@ -134,38 +166,6 @@ export const StreamSlicerSection: React.FC<StreamSlicerSectionProps> = ({ stream
               tooltip="Time interval (ISO 8601 duration) before the start_datetime to read data for, e.g. P1M for looking back one month"
               optional
             />
-            <ToggleGroupField<RequestOption>
-              label="Start time request option"
-              tooltip="Optionally configures how the start datetime will be sent in requests to the source API"
-              fieldPath={buildPath("start_time_option")}
-              initialValues={{
-                inject_into: "request_parameter",
-                type: "RequestOption",
-                field_name: "",
-              }}
-            >
-              <InjectRequestOptionFields
-                path={buildPath("start_time_option")}
-                descriptor="start datetime"
-                excludeInjectIntoValues={["path"]}
-              />
-            </ToggleGroupField>
-            <ToggleGroupField<RequestOption>
-              label="End time request option"
-              tooltip="Optionally configures how the end datetime will be sent in requests to the source API"
-              fieldPath={buildPath("end_time_option")}
-              initialValues={{
-                inject_into: "request_parameter",
-                type: "RequestOption",
-                field_name: "",
-              }}
-            >
-              <InjectRequestOptionFields
-                path={buildPath("end_time_option")}
-                descriptor="end datetime"
-                excludeInjectIntoValues={["path"]}
-              />
-            </ToggleGroupField>
             <BuilderFieldWithInputs
               type="string"
               path={buildPath("stream_state_field_start")}