diff --git a/frontend/src/components/CustomTimePicker/CustomTimePicker.tsx b/frontend/src/components/CustomTimePicker/CustomTimePicker.tsx index 6064b64a09..48b2f2082f 100644 --- a/frontend/src/components/CustomTimePicker/CustomTimePicker.tsx +++ b/frontend/src/components/CustomTimePicker/CustomTimePicker.tsx @@ -3,6 +3,7 @@ import './CustomTimePicker.styles.scss'; import { Input, Popover, Tooltip, Typography } from 'antd'; +import logEvent from 'api/common/logEvent'; import cx from 'classnames'; import { DateTimeRangeType } from 'container/TopNav/CustomDateTimeModal'; import { @@ -297,6 +298,18 @@ function CustomTimePicker({ // eslint-disable-next-line react-hooks/exhaustive-deps }, [location.pathname]); + const handleTimezoneHintClick = (e: React.MouseEvent): void => { + e.stopPropagation(); + handleViewChange('timezone'); + setIsOpenedFromFooter(false); + logEvent( + 'DateTimePicker: Timezone picker opened from time range input badge', + { + page: location.pathname, + }, + ); + }; + return (