diff --git a/packages/main/src/TimePicker.ts b/packages/main/src/TimePicker.ts
index 82cf353b661d..91741035657a 100644
--- a/packages/main/src/TimePicker.ts
+++ b/packages/main/src/TimePicker.ts
@@ -115,6 +115,10 @@ class TimePicker extends TimePickerBase {
 	@property()
 	formatPattern!: string;
 
+	onBeforeRendering() {
+		this.value = this.normalizeValue(this.value!) || this.value;
+	}
+
 	get _formatPattern() {
 		const hasHours = !!this.formatPattern.match(/H/i);
 		const fallback = !this.formatPattern || !hasHours;
diff --git a/packages/main/test/pages/TimePicker.html b/packages/main/test/pages/TimePicker.html
index 8359e8198658..8f0018083231 100644
--- a/packages/main/test/pages/TimePicker.html
+++ b/packages/main/test/pages/TimePicker.html
@@ -42,6 +42,9 @@
 		<ui5-time-picker id="timepickerInput"></ui5-time-picker>
 		<ui5-input id="inputResult"></ui5-input>
 
+		<br /><br />
+		<ui5-title>Test "now" value</ui5-title>
+		<ui5-time-picker id="timepickerNow" value="now"></ui5-time-picker>
 
 		<br /><br />
 		<ui5-title>Test empty value</ui5-title>