@3kles/kles-material-dynamicforms 14.0.15 → 14.1.0

package/fesm2020/3kles-kles-material-dynamicforms.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, EventEmitter, Component, Output, Injectable, NgModule, HostBinding, Pipe, ViewChild, ViewChildren, forwardRef, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
+import { Injector, Directive, Input, EventEmitter, Component, Output, Injectable, NgModule, HostBinding, Pipe, ViewChild, ViewChildren, forwardRef, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { Validators, NG_VALUE_ACCESSOR, UntypedFormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i7$1 from '@angular/material/core';
-import { MatNativeDateModule, MatOption, ErrorStateMatcher } from '@angular/material/core';
+import { MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatNativeDateModule, MatOption, ErrorStateMatcher } from '@angular/material/core';
 import { MatSliderModule } from '@angular/material/slider';
 import * as i4$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
@@ -121,8 +121,15 @@ class KlesDynamicFieldDirective {
         if (this.componentRef) {
             this.componentRef.destroy();
         }
+        const options = {
+            providers: this.field.dateOptions ? [
+                { provide: MAT_DATE_LOCALE, useValue: this.field.dateOptions.language },
+                { provide: MAT_DATE_FORMATS, useValue: this.field.dateOptions.dateFormat },
+            ] : []
+        };
+        const injector = Injector.create(options);
         this.componentRef = this.container.createComponent(this.field.component
-            || componentMapper.find(element => element.type === this.field.type)?.component);
+            || componentMapper.find(element => element.type === this.field.type)?.component, { injector });
         this.componentRef.instance.field = this.field;
         this.componentRef.instance.group = this.group;
         this.componentRef.instance.siblingFields = this.siblingFields;
@@ -2298,7 +2305,6 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
                 }
             }))
                 .subscribe((options) => {
-                console.log('options', options);
                 this.options$.next(options);
                 this.isLoading = false;
                 this.ref.markForCheck();