@3kles/kles-material-dynamicforms 1.1.22 → 1.2.0

package/fesm5/3kles-kles-material-dynamicforms.js

@@ -1,11 +1,11 @@
 import { __assign, __decorate, __extends, __awaiter, __generator } from 'tslib';
-import { EventEmitter, Input, Output, Component, ComponentFactoryResolver, ViewContainerRef, Directive, HostBinding, ViewChild, ViewChildren, NgModule, forwardRef, Pipe, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ComponentFactoryResolver, ViewContainerRef, Directive, HostBinding, ViewChild, ViewChildren, Injector, NgModule, forwardRef, Pipe, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Validators, FormBuilder, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { Subject, Observable, of, ReplaySubject } from 'rxjs';
 import { takeUntil, startWith, switchMap, map, take } from 'rxjs/operators';
 import { CdkVirtualScrollViewport, ScrollingModule, CdkScrollable } from '@angular/cdk/scrolling';
-import { MatOption, MatNativeDateModule, ErrorStateMatcher } from '@angular/material/core';
+import { MatOption, MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatNativeDateModule, ErrorStateMatcher } from '@angular/material/core';
 import { MatSliderModule } from '@angular/material/slider';
 import { MatButtonModule } from '@angular/material/button';
 import { MatToolbarModule } from '@angular/material/toolbar';
@@ -1128,7 +1128,25 @@ var KlesDynamicFieldDirective = /** @class */ (function () {
         var factory = this.resolver.resolveComponentFactory(this.field.component || componentMapper[this.field.type]);
         if (this.componentRef)
             this.componentRef.destroy();
-        this.componentRef = this.container.createComponent(factory);
+        if (this.field.dateOptions) {
+            var options = {
+                providers: [
+                    { provide: MAT_DATE_LOCALE, useValue: this.field.dateOptions.language },
+                    // {
+                    //     provide: DateAdapter,
+                    //     useClass: this.field.dateOptions.dateAdapter,
+                    //     // deps: [MAT_DATE_LOCALE, this.field.dateOptions.dateAdapterOptions]
+                    //     deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS]
+                    // },
+                    { provide: MAT_DATE_FORMATS, useValue: this.field.dateOptions.dateFormat },
+                ]
+            };
+            var injector = Injector.create(options);
+            this.componentRef = this.container.createComponent(factory, 0, injector);
+        }
+        else {
+            this.componentRef = this.container.createComponent(factory);
+        }
         this.componentRef.instance.field = this.field;
         this.componentRef.instance.group = this.group;
         this.componentRef.instance.siblingFields = this.siblingFields;