Fix datetime validation (#50116)

(cherry picked from commit 205a672)

Author: guan404ming

airflow-core/src/airflow/ui/src/components/DagActions/RunBackfillForm.tsx

@@ -156,7 +156,7 @@ const RunBackfillForm = ({ dag, onClose }: RunBackfillFormProps) => {
           <Text fontSize="md" fontWeight="semibold" mb={3}>
             Date Range
           </Text>
-          <HStack w="full">
+          <HStack alignItems="flex-start" w="full">
             <Controller
               control={control}
               name="from_date"
@@ -175,7 +175,6 @@ const RunBackfillForm = ({ dag, onClose }: RunBackfillFormProps) => {
                 <Field.Root invalid={Boolean(errors.date) || dataIntervalInvalid} required>
                   <Field.Label>To</Field.Label>
                   <DateTimeInput {...field} max={today} onBlur={resetDateError} size="sm" />
-                  <Field.ErrorText>&nbsp;</Field.ErrorText>
                 </Field.Root>
               )}
             />

airflow-core/src/airflow/ui/src/components/DateTimeInput.tsx

@@ -43,7 +43,9 @@ export const DateTimeInput = forwardRef<HTMLInputElement, Props>(({ onChange, va
           target: {
             ...event.target,
             // Return a timezone-aware ISO string
-            value: dayjs(event.target.value).tz(selectedTimezone, true).toISOString(),
+            value: dayjs(event.target.value).isValid()
+              ? dayjs(event.target.value).tz(selectedTimezone, true).toISOString()
+              : "",
           },
         })
       }

airflow-core/src/airflow/ui/src/components/FlexibleForm/FlexibleForm.tsx

@@ -53,7 +53,6 @@ export const FlexibleForm = ({
         setSectionError(sectionError);
       }
     });
-    console.log("errors1", sectionError);
   }, [flexibleFormDefaultSection, params, sectionError]);
 
   useEffect(() => {
@@ -91,8 +90,6 @@ export const FlexibleForm = ({
     }
   };
 
-  console.log(sectionError);
-
   return Object.entries(params).some(([, param]) => typeof param.schema.section !== "string")
     ? Object.entries(params).map(([, secParam]) => {
         const currentSection = secParam.schema.section ?? flexibleFormDefaultSection;