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
SAP · Apr 3, 2020 · e38392e · e38392e
1 parent 5a3d1b1
commit e38392e
Show file tree

Hide file tree

Showing 10 changed files with 701 additions and 0 deletions.
diff --git a/packages/main/bundle.esm.js b/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";

diff --git a/packages/main/src/DurationPicker.hbs b/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>