diff --git a/packages/main/src/TimePicker.ts b/packages/main/src/TimePicker.ts index 6e203b530d7b..1d5d7088ae38 100644 --- a/packages/main/src/TimePicker.ts +++ b/packages/main/src/TimePicker.ts @@ -187,6 +187,18 @@ type TimePickerInputEventDetail = TimePickerChangeInputEventDetail; }, }, }) +/** + * Fired after the value-help dialog of the component is opened. + * @since 2.0.0 + * @public + */ +@event("open") +/** + * Fired after the value-help dialog of the component is closed. + * @since 2.0.0 + * @public + */ +@event("close") class TimePicker extends UI5Element implements IFormInputElement { /** * Defines a formatted time value. @@ -380,6 +392,11 @@ class TimePicker extends UI5Element implements IFormInputElement { onResponsivePopoverAfterClose() { this.open = false; + this.fireEvent("close"); + } + + onResponsivePopoverAfterOpen() { + this.fireEvent("open"); } /** diff --git a/packages/main/src/TimePickerPopover.hbs b/packages/main/src/TimePickerPopover.hbs index f5f75afe4b85..bcdb544355f0 100644 --- a/packages/main/src/TimePickerPopover.hbs +++ b/packages/main/src/TimePickerPopover.hbs @@ -9,6 +9,7 @@ _hide-header hide-arrow @ui5-close="{{onResponsivePopoverAfterClose}}" + @ui5-open="{{onResponsivePopoverAfterOpen}}" @wheel="{{_handleWheel}}" @keydown="{{_onkeydown}}" >