refactor(date-time-input): Migrated to new validation behavior

Author: rkaraivanov

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

@@ -20,6 +20,7 @@ import {
 import {
   runValidationContainerTests,
   type ValidationContainerTestsParams,
+  ValidityHelpers,
 } from '../common/validity-helpers.spec.js';
 import { MaskParser } from '../mask-input/mask-parser.js';
 import IgcDateTimeInputComponent from './date-time-input.js';
@@ -840,12 +841,12 @@ describe('Date Time Input component', () => {
       el.value = new Date(2020, 1, 3);
       await elementUpdated(el);
       expect(el.checkValidity()).to.be.false;
-      expect(el.invalid).to.be.true;
+      ValidityHelpers.isValid(el).to.be.false;
 
       el.value = new Date(2021, 2, 3);
       await elementUpdated(el);
       expect(el.checkValidity()).to.be.true;
-      expect(el.invalid).to.be.false;
+      ValidityHelpers.isValid(el).to.be.true;
     });
 
     it('should respect max attribute', async () => {
@@ -854,11 +855,11 @@ describe('Date Time Input component', () => {
       await elementUpdated(el);
 
       expect(el.checkValidity()).to.be.false;
-      expect(el.invalid).to.be.true;
+      ValidityHelpers.isValid(el).to.be.false;
 
       el.value = new Date(2020, 1, 3);
       expect(el.checkValidity()).to.be.true;
-      expect(el.invalid).to.be.false;
+      ValidityHelpers.isValid(el).to.be.true;
     });
 
     it('valid/invalid state with required', async () => {

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

@@ -375,6 +375,7 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin<
   }
 
   protected override handleInput() {
+    this._setTouchedState();
     this.emitEvent('igcInput', { detail: this.value?.toString() });
   }
 
@@ -625,7 +626,7 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin<
       this.emitEvent('igcChange', { detail: this.value });
     }
 
-    this.checkValidity();
+    super._handleBlur();
   }
 
   protected navigateParts(delta: number) {