From bb0295a768de106de845d741ea14af57e4c41d13 Mon Sep 17 00:00:00 2001 From: Todor Stoyanov Date: Fri, 17 Oct 2025 16:42:24 +0300 Subject: [PATCH] fix(ui5-timepicker): Add interactive mode for the icon on mobile devices --- packages/main/src/TimePicker.ts | 9 +++++++++ packages/main/src/TimePickerTemplate.tsx | 1 + 2 files changed, 10 insertions(+) diff --git a/packages/main/src/TimePicker.ts b/packages/main/src/TimePicker.ts index d19359090731..cbf948aab36d 100644 --- a/packages/main/src/TimePicker.ts +++ b/packages/main/src/TimePicker.ts @@ -22,6 +22,7 @@ import { } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js"; import "@ui5/webcomponents-localization/dist/features/calendar/Gregorian.js"; // default calendar for bundling import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js"; +import IconMode from "./types/IconMode.js"; import getCachedLocaleDataInstance from "@ui5/webcomponents-localization/dist/getCachedLocaleDataInstance.js"; import { isShow, @@ -458,6 +459,14 @@ class TimePicker extends UI5Element implements IFormInputElement { return this.hasValueStateText && !this._inputsPopover?.open; } + /** + * Defines whether the value help icon is hidden + * @private + */ + get _iconMode() { + return isDesktop() ? IconMode.Decorative : IconMode.Interactive; + } + onTimeSelectionChange(e: CustomEvent) { this.tempValue = e.detail.value; // every time the user changes the time selection -> update tempValue } diff --git a/packages/main/src/TimePickerTemplate.tsx b/packages/main/src/TimePickerTemplate.tsx index 093bc1492c05..8f0fc39e2dd9 100644 --- a/packages/main/src/TimePickerTemplate.tsx +++ b/packages/main/src/TimePickerTemplate.tsx @@ -39,6 +39,7 @@ export default function TimePickerTemplate(this: TimePicker) { name={timeEntryRequest} tabindex={-1} showTooltip={true} + mode={this._iconMode} onClick={this._togglePicker} class={{ "ui5-time-picker-input-icon-button": true,