Added testID to DateTimePicker (#2545)

* Added testID to DateTimePicker

* Fixed review notes

* Changed the TextInput testID

* Update src/components/dateTimePicker/index.tsx

Co-authored-by: Inbal Tish <33805983+Inbal-Tish@users.noreply.github.com>

---------

Co-authored-by: Inbal Tish <33805983+Inbal-Tish@users.noreply.github.com>

Author: adids1221

src/components/dateTimePicker/index.tsx

@@ -228,14 +228,28 @@ function DateTimePicker(props: DateTimePickerPropsInternal) {
 
   const renderHeader = () => {
     return (
-      <View row spread bg-$backgroundDefault paddingH-20 style={[styles.header, headerStyle]}>
+      <View
+        row
+        spread
+        bg-$backgroundDefault
+        paddingH-20
+        style={[styles.header, headerStyle]}
+        testID={`${testID}.header`}
+      >
         <Button
           link
           iconSource={Assets.icons.x}
           iconStyle={{tintColor: Colors.$iconDefault}}
           onPress={toggleExpandableOverlay}
+          testID={`${testID}.cancel`}
+        />
+        <Button
+          link
+          iconSource={Assets.icons.check}
+          useCustomTheme={useCustomTheme}
+          onPress={onDonePressed}
+          testID={`${testID}.done`}
         />
-        <Button link iconSource={Assets.icons.check} useCustomTheme={useCustomTheme} onPress={onDonePressed}/>
       </View>
     );
   };
@@ -258,6 +272,7 @@ function DateTimePicker(props: DateTimePickerPropsInternal) {
         timeZoneOffsetInMinutes={timeZoneOffsetInMinutes}
         display={Constants.isIOS ? 'spinner' : undefined}
         themeVariant={themeVariant}
+        testID={`${testID}.picker`}
       />
     );
   }, [
@@ -300,6 +315,7 @@ function DateTimePicker(props: DateTimePickerPropsInternal) {
         disabled={editable === false}
         // NOTE: Android picker comes with its own overlay built-in therefor we're not using ExpandableOverlay for it
         renderCustomOverlay={Constants.isAndroid ? renderAndroidDateTimePicker : undefined}
+        testID={`${testID}.overlay`}
       >
         {renderInput ? (
           renderInput({...props, value: getStringValue()})