@klippa/ngx-enhancy-forms 5.2.1 → 5.3.0

package/bundles/klippa-ngx-enhancy-forms.umd.js

@@ -1358,17 +1358,20 @@
 
     var KLP_DATE_FORMATS = new core.InjectionToken('klp.form.date.formats');
     var DATE_TIME_PICKER_TRANSLATIONS = new core.InjectionToken('klp.form.dateTime.translations');
+    var DATE_PICKER_LOCALE = new core.InjectionToken('klp.form.dateTime.locale');
     function matDateFormatsFactory(component, dateFormats) {
         var _a;
         return (_a = dateFormats === null || dateFormats === void 0 ? void 0 : dateFormats(component.format)) !== null && _a !== void 0 ? _a : core$1.MAT_NATIVE_DATE_FORMATS;
     }
     var DateTimePickerComponent = /** @class */ (function (_super) {
         __extends(DateTimePickerComponent, _super);
-        function DateTimePickerComponent(parent, controlContainer, translations, cdr) {
+        function DateTimePickerComponent(parent, controlContainer, translations, datePickerLocale, dateAdapter, cdr) {
             var _this = _super.call(this, parent, controlContainer) || this;
             _this.parent = parent;
             _this.controlContainer = controlContainer;
             _this.translations = translations;
+            _this.datePickerLocale = datePickerLocale;
+            _this.dateAdapter = dateAdapter;
             _this.cdr = cdr;
             _this.minDate = undefined;
             _this.maxDate = undefined;
@@ -1395,6 +1398,9 @@
                 }
                 return true;
             };
+            if (isValueSet(datePickerLocale)) {
+                dateAdapter.setLocale(datePickerLocale());
+            }
             return _this;
         }
         DateTimePickerComponent.prototype.ngOnInit = function () {
@@ -1643,7 +1649,7 @@
                             provide: core$1.MAT_DATE_FORMATS,
                             deps: [DateTimePickerComponent, [new core.Optional(), KLP_DATE_FORMATS]],
                             useFactory: matDateFormatsFactory,
-                        }
+                        },
                     ],
                     styles: [":host{display:block}:host ::ng-deep mat-form-field{display:block;height:100%}:host ::ng-deep mat-form-field.mat-focused .mat-form-field-label,:host ::ng-deep mat-form-field .mat-form-field-label{color:#adadad}:host ::ng-deep .mat-datepicker-toggle-active{color:#666}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field-flex{flex-direction:row-reverse}:host ::ng-deep .mat-form-field-infix{border-top:none;width:auto}:host ::ng-deep .mat-form-field-suffix{margin-right:.625rem}:host ::ng-deep .mat-form-field-suffix:hover .mat-button-focus-overlay{opacity:.1}:host ::ng-deep .mat-form-field-underline{display:none}:host ::ng-deep .daysSelectedCaption{cursor:pointer}:host ::ng-deep .daysSelectedCaption.disabled{cursor:zoom-in}:host ::ng-deep .inputForMultipleDays{display:none}.componentContainer{border-radius:2px;color:#888da8;display:flex;position:relative}.componentContainer .placeholderForMultipleSelection{color:#adadad}.componentContainer.showErrors .clearButton.withoutSpacing,.componentContainer.showErrors .dateContainer,.componentContainer.showErrors .timeContainer{border-color:#ff8000}.componentContainer .clearButton{align-items:center;background:#fff;border:1px solid #e6ecf5;color:#7b7b7b;display:flex;flex:0 0 auto;font-size:18px;margin-left:1.25rem;padding:6px 14px}.componentContainer .clearButton.withoutSpacing{border-left:none;margin-left:0}.componentContainer .clearButton:disabled{background:#f9f9f9;border:1px solid #e6ecf5}.componentContainer .dateContainer{background:#fff;border:1px solid #e6ecf5;flex:1 1 auto;padding:6px}.componentContainer .dateContainer.noRightBorder{border-right:none}.componentContainer .dateContainer.disabled{background:#f9f9f9}.componentContainer .timeContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;margin-left:1.25rem;padding:6px .625rem}.componentContainer .timeContainer.disabled{background:#f9f9f9}.componentContainer .timeContainer input{border:none;color:#888da8;padding:0;text-align:center;width:20px}.componentContainer .timeContainer input::-moz-placeholder{color:#adadad}.componentContainer .timeContainer input:-ms-input-placeholder{color:#adadad}.componentContainer .timeContainer input::placeholder{color:#adadad}.componentContainer .timeContainer .divider{margin:0 .3125rem}"]
                 },] }
@@ -1652,6 +1658,8 @@
         { type: FormElementComponent, decorators: [{ type: core.Host }, { type: core.Optional }] },
         { type: forms.ControlContainer, decorators: [{ type: core.Host }, { type: core.Optional }] },
         { type: undefined, decorators: [{ type: core.Inject, args: [DATE_TIME_PICKER_TRANSLATIONS,] }, { type: core.Optional }] },
+        { type: undefined, decorators: [{ type: core.Inject, args: [DATE_PICKER_LOCALE,] }, { type: core.Optional }] },
+        { type: core$1.DateAdapter },
         { type: core.ChangeDetectorRef }
     ]; };
     DateTimePickerComponent.propDecorators = {
@@ -1754,6 +1762,7 @@
 
     exports.ButtonComponent = ButtonComponent;
     exports.CheckboxComponent = CheckboxComponent;
+    exports.DATE_PICKER_LOCALE = DATE_PICKER_LOCALE;
     exports.DATE_PICKER_TRANSLATIONS = DATE_PICKER_TRANSLATIONS;
     exports.DATE_TIME_PICKER_TRANSLATIONS = DATE_TIME_PICKER_TRANSLATIONS;
     exports.DEFAULT_ERROR_MESSAGES = DEFAULT_ERROR_MESSAGES;