fix(datepicker): fix placeholder showing on clear for nonEditable inputs

Author: didimmova

src/components/date-picker/date-picker.ts

@@ -611,11 +611,6 @@ export default class IgcDatePickerComponent extends FormAssociatedRequiredMixin(
     this._oldValue = this.value;
     this.value = null;
     this._input?.clear();
-
-    if (this.nonEditable || !this._isDropDown) {
-      this._input.blur();
-      Promise.resolve().then(() => this._input.focus());
-    }
   }
 
   /** Increments the passed in date part */

src/components/date-time-input/date-time-input.ts

@@ -524,6 +524,10 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin<
       return mask;
     }
 
+    if (this.readOnly) {
+      return '';
+    }
+
     return this._maskedValue === '' ? mask : this._maskedValue;
   }