From bf2d0aaaf3856c61b3a658e57dd581a904c82cbf Mon Sep 17 00:00:00 2001
From: Stoyan <88034608+hinzzx@users.noreply.github.com>
Date: Fri, 31 May 2024 14:42:24 +0300
Subject: [PATCH] feat(ui5-time-picker): introduce `open` and `close` events
 (#9093)

As we introduced a declaritive property `open` which controls wether the value-help dialog of the `<ui5-timepicker>` is open or not, we are now introducing `open` and `close` events fired **after** the value-help dialog is opened or closed.
---
 packages/main/src/TimePicker.ts         | 17 +++++++++++++++++
 packages/main/src/TimePickerPopover.hbs |  1 +
 2 files changed, 18 insertions(+)

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}}"
 >