feat(ui5-duration-picker): initial implementation (#1415)

* feat(ui5-duration-picker): initial implementation

* wip

* wip

* WIP:feat(ui5-duration-picker): initial implementation

* add tests

* refactor validation

* fix lint

* add sample

Author: fifoosid

packages/main/bundle.esm.js

@@ -35,6 +35,7 @@ import ComboBox from "./dist/ComboBox.js";
 import ComboBoxItem from "./dist/ComboBoxItem.js";
 import MultiComboBoxItem from "./dist/MultiComboBoxItem.js";
 import DatePicker from "./dist/DatePicker.js";
+import DurationPicker from "./dist/DurationPicker.js";
 import Dialog from "./dist/Dialog.js";
 import FileUploader from "./dist/FileUploader.js";
 import Icon from "./dist/Icon.js";

packages/main/src/DurationPicker.hbs

@@ -0,0 +1,24 @@
+<div class="ui5-duration-picker-root">
+    <ui5-input
+    value="{{value}}"
+    ?disabled="{{disabled}}"
+    ?readonly="{{readonly}}"
+    value-state="{{valueState}}"
+    @ui5-change="{{_handleInputChange}}"
+    @ui5-input="{{_handleInputLiveChange}}"
+    @keydown="{{_onkeydown}}"
+    >
+        {{#unless readonly}}
+            <ui5-icon
+                slot="icon"
+                name="fob-watch"
+                tabindex="-1"
+                show-tooltip
+                @click="{{togglePicker}}"
+                input-icon
+                ?pressed="{{_isPickerOpen}}"
+                class="ui5-duration-picker-input-icon-button"
+            ></ui5-icon>
+        {{/unless}}
+    </ui5-input>
+</div>