@ekzo-dev/bootstrap-addons 5.3.10 → 5.3.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ekzo-dev/bootstrap-addons",
   "description": "Aurelia Bootstrap additional component",
-  "version": "5.3.10",
+  "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);
+    if (value == null || value === '') {
+      this.duration = {};
+    } else {
+      this._parseDuration(value.toString());
+    }
   }
 
   @bindable()
@@ -97,15 +97,9 @@ export class BsDurationInput extends BaseField implements EventListenerObject {
     this.controls.item(0).focus();
   }
 
-  private _parseDuration(value: unknown) {
-    if (value == null || value === '') {
-      this.duration = {};
-
-      return;
-    }
-
+  private _parseDuration(value: string) {
     try {
-      const duration = Temporal.Duration.from(value.toString());
+      const duration = Temporal.Duration.from(value);
 
       this.duration = {
         years: duration.years,