From 2e559bb33390e0449bb6250d0a7f5070cbd3326b Mon Sep 17 00:00:00 2001
From: Ihor Yeromin <yeryomin.igor@gmail.com>
Date: Thu, 26 Sep 2024 16:12:58 +0200
Subject: [PATCH] Transformation: UI date field transformation (#93807)

fix(transformation): ui date field transformation
---
 .../ConvertFieldTypeTransformerEditor.tsx     | 31 +++++++++----------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/public/app/features/transformers/editors/ConvertFieldTypeTransformerEditor.tsx b/public/app/features/transformers/editors/ConvertFieldTypeTransformerEditor.tsx
index db059c21230..77a981540e4 100644
--- a/public/app/features/transformers/editors/ConvertFieldTypeTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/ConvertFieldTypeTransformerEditor.tsx
@@ -172,22 +172,21 @@ export const ConvertFieldTypeTransformerEditor = ({
                       <Input value={c.joinWith} placeholder={'JSON'} onChange={onJoinWithChange(idx)} width={9} />
                     </InlineField>
                   )}
-                  {c.dateFormat ||
-                    (targetField?.type === FieldType.time && (
-                      <>
-                        <InlineField label="Date format" tooltip="Specify the output format.">
-                          <Input
-                            value={c.dateFormat}
-                            placeholder={'e.g. YYYY-MM-DD'}
-                            onChange={onInputFormat(idx)}
-                            width={24}
-                          />
-                        </InlineField>
-                        <InlineField label="Set timezone" tooltip="Set the timezone of the date manually">
-                          <Select options={timeZoneOptions} value={c.timezone} onChange={onTzChange(idx)} isClearable />
-                        </InlineField>
-                      </>
-                    ))}
+                  {targetField?.type === FieldType.time && (
+                    <>
+                      <InlineField label="Date format" tooltip="Specify the output format.">
+                        <Input
+                          value={c.dateFormat}
+                          placeholder={'e.g. YYYY-MM-DD'}
+                          onChange={onInputFormat(idx)}
+                          width={24}
+                        />
+                      </InlineField>
+                      <InlineField label="Set timezone" tooltip="Set the timezone of the date manually">
+                        <Select options={timeZoneOptions} value={c.timezone} onChange={onTzChange(idx)} isClearable />
+                      </InlineField>
+                    </>
+                  )}
                 </>
               )}
               <Button