@ekzo-dev/bootstrap-addons 5.3.9 → 5.3.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ekzo-dev/bootstrap-addons",
   "description": "Aurelia Bootstrap additional component",
-  "version": "5.3.9",
+  "version": "5.3.11",
   "homepage": "https://github.com/ekzo-dev/aurelia-components/tree/main/packages/bootstrap-addons",
   "repository": {
     "type": "git",

package/src/forms/duration-input/duration-input.ts

@@ -23,20 +23,20 @@ type DurationLabels = {
 export class BsDurationInput extends BaseField implements EventListenerObject {
   @bindable({ mode: BindingMode.twoWay })
   get value(): string {
-    const { years, months, days, hours, minutes, seconds } = this.duration;
-
-    return Temporal.Duration.from({
-      // at least one field must be present for correct formatting
-      years: years ?? 0,
-      months,
-      days,
-      hours,
-      minutes,
-      seconds,
-    }).toString();
+    const { duration } = this;
+
+    if (Object.values(duration).every((v) => v == null || v.toString() === '')) {
+      return '';
+    }
+
+    return Temporal.Duration.from(duration).toString();
   }
   set value(value: unknown) {
-    this._parseDuration(value != null ? value.toString() : 'PT0S');
+    if (value == null || value === '') {
+      this.duration = {};
+    } else {
+      this._parseDuration(value.toString());
+    }
   }
 
   @bindable()