Task/refactor abstract Material form field component to directive (#7555)

* Migrate to directive

* Update changelog

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Migrated the abstract _Material_ form field from a component to a directive
+
 ## 3.43.0 - 2026-08-06
 
 ### Added

libs/ui/src/lib/shared/abstract-mat-form-field.ts

@@ -1,7 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import {
-  Component,
+  Directive,
   DoCheck,
   ElementRef,
   HostBinding,
@@ -13,10 +13,7 @@ import { ControlValueAccessor, NgControl, Validators } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 
-@Component({
+@Directive()
-  template: '',
-  standalone: false
-})
 export abstract class AbstractMatFormField<T>
   implements ControlValueAccessor, DoCheck, MatFormFieldControl<T>, OnDestroy
 {