Fix yet another problem with handling masks

Author: sherif-elmetainy

projects/angular-datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code-art-eg/angular-datepicker",
-  "version": "10.0.3",
+  "version": "10.0.7",
   "private": false,
   "description": "A date and time picker for Angular 10",
   "author": "Sherif Elmetainy (Code Art)",

projects/angular-datepicker/src/lib/directives/base-date-picker-directive.ts

@@ -49,22 +49,6 @@ export abstract class BaseDatePickerDirective extends BaseDatePickerAccessorDire
 
   public abstract resolveFactory(resolver: ComponentFactoryResolver): ComponentFactory<BaseDatePickerComponentDirective>;
 
-  public parseValue(val: any): any {
-    if (typeof val !== 'string') {
-      return val;
-    }
-    const index = val.indexOf(' - ');
-    if (index < 0) {
-      return val;
-    }
-    const from = val.substring(0, index);
-    const to = val.substring(index + 3);
-    return {
-      from,
-      to,
-    };
-  }
-
   public formatValue(val: any, locale: string, format: string): string {
     if (val === undefined || val === null) {
       return '';

projects/angular-datepicker/src/lib/directives/date-range-picker.directive.ts

@@ -19,4 +19,20 @@ export class DateRangePickerDirective extends BaseDatePickerDirective {
   public resolveFactory(resolver: ComponentFactoryResolver): ComponentFactory<BaseDatePickerComponentDirective> {
     return resolver.resolveComponentFactory(DateRangePickerComponent);
   }
+
+  public parseValue(val: any): any {
+    if (typeof val !== 'string') {
+      return val;
+    }
+    const index = val.indexOf(' - ');
+    if (index < 0) {
+      return val;
+    }
+    const from = val.substring(0, index);
+    const to = val.substring(index + 3);
+    return {
+      from,
+      to,
+    };
+  }
 }

projects/angular-datepicker/src/lib/directives/popup-implementation.ts

@@ -219,14 +219,18 @@ export abstract class PopupImplentation<T> implements IPopupDirective<T>, IPopup
     const coercedValue = val === null ? val : this.coerceValue(val);
     if (val !== null) {
       if (coercedValue) {
-        this.value = val;
-        this.raiseOnChange(val);
+        if (!this.compareValues(coercedValue, this.value)) {
+          this.value = coercedValue;
+          this.raiseOnChange(coercedValue);
+        }
       } else {
         this.raiseOnChange(v);
       }
     } else {
-      this.value = null;
-      this.raiseOnChange(null);
+      if (this.value != null) {
+        this.value = null;
+        this.raiseOnChange(null);
+      }
     }
   }