feat(ui5-timepicker): implement new component (#1172)

Author: tsanislavgatev

packages/main/bundle.esm.js

@@ -61,11 +61,13 @@ import TableCell from "./dist/TableCell.js";
 import TextArea from "./dist/TextArea.js";
 import Timeline from "./dist/Timeline.js";
 import TimelineItem from "./dist/TimelineItem.js";
+import TimePicker from "./dist/TimePicker.js";
 import Title from "./dist/Title.js";
 import Toast from "./dist/Toast.js";
 import ToggleButton from "./dist/ToggleButton.js";
 
 
+
 import List from "./dist/List.js";
 import StandardListItem from "./dist/StandardListItem.js";
 import CustomListItem from "./dist/CustomListItem.js";

packages/main/src/TimePicker.hbs

@@ -0,0 +1,24 @@
+<div id="{{this._id}}" class="ui5-timepicker-root" @keydown="{{_ontimepickerkeydown}}">
+	<ui5-input
+			id="{{_id}}-inner"
+			value="{{value}}"
+			?disabled="{{disabled}}"
+			?readonly="{{readonly}}"
+			value-state="{{valueState}}"
+			@ui5-change="{{_handleInputChange}}"
+			@ui5-input="{{_handleInputLiveChange}}"
+	>
+	{{#unless readonly}}
+		<ui5-icon
+			slot="icon"
+			name="time-entry-request"
+			tabindex="-1"
+			show-tooltip
+			@click="{{togglePicker}}"
+			input-icon
+			?pressed="{{_isPickerOpen}}"
+			class="ui5-timepicker-input-icon-button"
+		></ui5-icon>
+	{{/unless}}
+	</ui5-input>
+</div>