ngx-wapp-components 3.2.12-alpha.2 → 3.2.12

package/fesm2022/ngx-wapp-components.mjs

@@ -4416,6 +4416,16 @@ class WPeriodSelectFieldComponent {
     ngOnInit() {
         this.initPeriodCategorySelect();
     }
+    coerceToDate(value) {
+        if (!value) {
+            return null;
+        }
+        if (value instanceof Date) {
+            return value;
+        }
+        const parsedDate = new Date(value);
+        return isNaN(parsedDate.getTime()) ? null : parsedDate;
+    }
     initPeriodCategorySelect() {
         const key24H = PeriodSelectEnum[PeriodSelectEnum.Last24Hours].toLowerCase();
         const key3M = PeriodSelectEnum[PeriodSelectEnum.Last3Months].toLowerCase();
@@ -4433,10 +4443,9 @@ class WPeriodSelectFieldComponent {
     }
     initValues() {
         if (this.periodSelectValue) {
-            this.writeValue(this.periodCategorySelected);
-            this.doOnChange(this.periodCategorySelected);
-            this.fromDateValue = new Date(this.periodSelectValue.fromDate.toISOString().replace(/Z$/, ''));
-            this.toDateValue = new Date(this.periodSelectValue.toDate.toISOString().replace(/Z$/, ''));
+            this.writeValue(this.periodSelectValue);
+            this.fromDateValue = this.coerceToDate(this.periodSelectValue.fromDate);
+            this.toDateValue = this.coerceToDate(this.periodSelectValue.toDate);
         }
     }
     onFromDateChange() {
@@ -5738,11 +5747,11 @@ class WFilterPanelComponent {
             });
         }
         else {
-            if (query.field === 'periodSelect' && query.value.periodType === PeriodSelectEnum.Last24Hours) {
+            if (query.field === 'periodSelect' && query.value && query.value.periodType === PeriodSelectEnum.Last24Hours) {
                 query.value.toDate = new Date();
                 query.value.fromDate = new Date(new Date().getTime() - 24 * 60 * 60 * 1000);
             }
-            if (query.field === 'periodSelect' && query.value.periodType === PeriodSelectEnum.Last3Months) {
+            if (query.field === 'periodSelect' && query.value && query.value.periodType === PeriodSelectEnum.Last3Months) {
                 query.value.toDate = new Date();
                 query.value.fromDate = new Date(new Date().setMonth(new Date().getMonth() - 3));
             }