From da7ae70b6a672d3dac3defa0387fe910bd9594f7 Mon Sep 17 00:00:00 2001
From: Boyan Rakilovski <boyan.rakilovski@sap.com>
Date: Wed, 26 Oct 2022 11:22:02 +0300
Subject: [PATCH] fix(ui5-time-picker): enable text spacing (#5940)

- Text spacing is now applied when custom styles
are provided to the parent element.

Fixes: #5792
---
 packages/main/src/themes/StepInput.css  |  9 +++++++++
 packages/main/src/themes/TimePicker.css | 12 ++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/packages/main/src/themes/StepInput.css b/packages/main/src/themes/StepInput.css
index 957dd4db02dd..042d9f18122d 100644
--- a/packages/main/src/themes/StepInput.css
+++ b/packages/main/src/themes/StepInput.css
@@ -4,6 +4,9 @@
 :host(:not([hidden])) {
 	display: inline-block;
 	width: 100%;
+	line-height: normal;
+	letter-spacing: normal;
+	word-spacing: normal;
 }
 
 :host {
@@ -150,6 +153,9 @@
 	position: relative;
 	padding: 0px 2.5rem 0px 2.4375rem;
 	outline: none;
+	line-height: inherit;
+	letter-spacing: inherit;
+	word-spacing: inherit;
 }
 
 :host .ui5-step-input-input[readonly] { 
@@ -163,6 +169,9 @@
 
 :host .ui5-step-input-root {
 	white-space: nowrap;
+	line-height: inherit;
+	letter-spacing: inherit;
+	word-spacing: inherit;
 }
 
 :host .ui5-step-input-input[text-align=left] {
diff --git a/packages/main/src/themes/TimePicker.css b/packages/main/src/themes/TimePicker.css
index d5b3e1963f0e..9c77e60649b7 100644
--- a/packages/main/src/themes/TimePicker.css
+++ b/packages/main/src/themes/TimePicker.css
@@ -3,6 +3,9 @@
 
 :host(:not([hidden])) {
 	display: inline-block;
+	line-height: normal;
+	letter-spacing: normal;
+	word-spacing: normal;
 }
 
 :host {
@@ -19,10 +22,19 @@
 	background: var(--sapField_Hover_Background);
 }
 
+.ui5-time-picker-root {
+	line-height: inherit;
+	letter-spacing: inherit;
+	word-spacing: inherit;
+}
+
 :host .ui5-time-picker-input {
 	width: 100%;
 	color: inherit;
 	background-color: inherit;
+	line-height: inherit;
+	letter-spacing: inherit;
+	word-spacing: inherit;
 }
 
 .ui5-time-picker-input-icon-button {