Skip to content

Commit

Permalink
add info tooltip to time range label
Browse files Browse the repository at this point in the history
  • Loading branch information
walterra committed Jan 31, 2023
1 parent 09f1e77 commit 427d418
Showing 1 changed file with 17 additions and 3 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ import {
EuiFlexItem,
EuiForm,
EuiFormRow,
EuiIconTip,
EuiLink,
EuiSpacer,
EuiText,
Expand Down Expand Up @@ -273,9 +274,22 @@ export const StepDefineForm: FC<StepDefineFormProps> = React.memo((props) => {
{hasValidTimeField && (
<EuiFormRow
fullWidth
label={i18n.translate('xpack.transform.stepDefineForm.datePickerLabel', {
defaultMessage: 'Time range',
})}
label={
<>
{i18n.translate('xpack.transform.stepDefineForm.datePickerLabel', {
defaultMessage: 'Time range',
})}{' '}
<EuiIconTip
content={i18n.translate(
'xpack.transform.stepDefineForm.datePickerIconTipContent',
{
defaultMessage:
'The time range will be applied to previews only, it will not be part of the final transform configuration.',
}
)}
/>
</>
}
>
<EuiFlexGroup alignItems="flexStart" justifyContent="spaceBetween">
{/* Flex Column #1: Date Picker */}
Expand Down

0 comments on commit 427d418

Please sign in to comment.