fix(input-group): center date/time input value in Safari

Author: simeonoff

projects/igniteui-angular/input-group/src/input-group/themes/_base.scss

@@ -212,6 +212,11 @@ $transition-timing: .25s $out-cubic;
             &::-webkit-datetime-edit {
                 color: inherit;
                 line-height: normal;
+
+                // Safari doesn't vertically center this pseudo-element on its own
+                display: flex;
+                align-items: center;
+                height: calc(var(--size) - #{rem(1px)});
             }
 
             &[type='file'] {

projects/igniteui-angular/input-group/src/input-group/themes/shared/bootstrap.scss

@@ -78,9 +78,15 @@ $border-radius: var-get($_theme, 'border-border-radius');
     @include e(input) {
         @include type-style(body-1);
 
+        height: 100%;
         min-height: 100%;
         padding-block: 0;
         padding-inline: pad-inline(rem(8px), rem(10px), rem(14px));
+
+        // Doubled selector to beat _base.scss's same-specificity rule
+        &#{&}::-webkit-datetime-edit {
+            height: calc(var(--size) - #{rem(4px)});
+        }
     }
 
     @include e(file-input) {

projects/igniteui-angular/input-group/src/input-group/themes/shared/fluent.scss

@@ -28,7 +28,13 @@ $_theme: digest-schema($fluent-input-group);
 
         padding-inline: rem(8px);
         padding-block: 0;
+        height: 100%;
         min-height: calc(var-get($_theme, 'size') - rem(2px));
+
+        // Doubled selector to beat _base.scss's same-specificity rule
+        &#{&}::-webkit-datetime-edit {
+            height: calc(var(--size) - #{rem(4px)});
+        }
     }
 
     @include e(textarea) {

projects/igniteui-angular/input-group/src/input-group/themes/shared/indigo.scss

@@ -59,6 +59,13 @@ $_theme: digest-schema($indigo-input-group);
         &::placeholder {
             font-style: italic;
         }
+
+        // Indigo already centers via padding, so revert _base.scss's flex override
+        &#{&}::-webkit-datetime-edit {
+            display: revert;
+            align-items: revert;
+            height: revert;
+        }
     }
 
     @include m(search) {