@anglr/datetime 5.0.0-beta.20221017033852 → 5.0.0-beta.20221018102923

package/es2020/src/modules/dateTime/directives/dateTimeControlValueAccessor/dateTimeControlValueAccessor.directive.js

@@ -0,0 +1,76 @@
+import { Directive, forwardRef, Inject } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { DATE_TIME_INPUT } from '../../../../misc/tokens';
+import * as i0 from "@angular/core";
+/**
+ * Control value accessor that is used for getting and setting value for date time
+ */
+export class DateTimeControlValueAccessorDirective {
+    //######################### constructor #########################
+    constructor(input) {
+        this.input = input;
+        //######################### protected properties #########################
+        /**
+         * Subscriptions created during initialization
+         */
+        this.initSubscriptions = new Subscription();
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.initSubscriptions.unsubscribe();
+    }
+    //######################### public methods - implementation of ControlValueAccessor #########################
+    /**
+     * @inheritdoc
+     */
+    writeValue(value) {
+        this.input.value = value;
+    }
+    /**
+     * @inheritdoc
+     */
+    registerOnChange(fn) {
+        this.initSubscriptions.add(this.input.valueChange.subscribe(() => fn(this.input.value)));
+    }
+    /**
+     * @inheritdoc
+     */
+    registerOnTouched(fn) {
+        this.initSubscriptions.add(this.input.focus.subscribe(() => fn()));
+    }
+    /**
+     * @inheritdoc
+     */
+    setDisabledState(isDisabled) {
+        this.input.disabled = isDisabled;
+    }
+}
+DateTimeControlValueAccessorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeControlValueAccessorDirective, deps: [{ token: DATE_TIME_INPUT }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeControlValueAccessorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeControlValueAccessorDirective, selector: "[dateTime][formControlName],[dateTime][formControl],[dateTime][ngModel]", providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => DateTimeControlValueAccessorDirective),
+            multi: true,
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeControlValueAccessorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][formControlName],[dateTime][formControl],[dateTime][ngModel]',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DateTimeControlValueAccessorDirective),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_TIME_INPUT]
+                }] }]; } });
+//# sourceMappingURL=dateTimeControlValueAccessor.directive.js.map

package/es2020/src/modules/dateTime/directives/dateTimeControlValueAccessor/dateTimeControlValueAccessor.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeControlValueAccessor.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeControlValueAccessor/dateTimeControlValueAccessor.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AACzF,OAAO,EAAuB,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAGlC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;;AAGxD;;GAEG;AAcH,MAAM,OAAO,qCAAqC;IAS9C,iEAAiE;IACjE,YAA+C,KAA2B;QAA3B,UAAK,GAAL,KAAK,CAAsB;QAR1E,0EAA0E;QAE1E;;WAEG;QACO,sBAAiB,GAAiB,IAAI,YAAY,EAAE,CAAC;IAK/D,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;IACzC,CAAC;IAED,6GAA6G;IAE7G;;OAEG;IACI,UAAU,CAAC,KAAqD;QAEnE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAC,EAAkE;QAEtF,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC7F,CAAC;IAED;;OAEG;IACI,iBAAiB,CAAC,EAAc;QAEnC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IACvE,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAC,UAAmB;QAEvC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACrC,CAAC;;kIAxDQ,qCAAqC,kBAU1B,eAAe;sHAV1B,qCAAqC,kGAT9C;QAEI;YACI,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qCAAqC,CAAC;YACpE,KAAK,EAAE,IAAI;SACd;KACJ;2FAEQ,qCAAqC;kBAbjD,SAAS;mBACV;oBACI,QAAQ,EAAE,yEAAyE;oBACnF,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,sCAAsC,CAAC;4BACpE,KAAK,EAAE,IAAI;yBACd;qBACJ;iBACJ;;0BAWgB,MAAM;2BAAC,eAAe","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Inject, OnDestroy} from '@angular/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue} from '../../../../misc/types';\n\n/**\n * Control value accessor that is used for getting and setting value for date time\n */\n@Directive(\n{\n    selector: '[dateTime][formControlName],[dateTime][formControl],[dateTime][ngModel]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => DateTimeControlValueAccessorDirective),\n            multi: true,\n        },\n    ],\n})\nexport class DateTimeControlValueAccessorDirective<TDate = unknown> implements ControlValueAccessor, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected initSubscriptions: Subscription = new Subscription();\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_TIME_INPUT) protected input: DateTimeInput<TDate>)\n    {\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.initSubscriptions.unsubscribe();\n    }\n\n    //######################### public methods - implementation of ControlValueAccessor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public writeValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.input.value = value;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public registerOnChange(fn: (data: DateTimeInputOutputValue<TDate>|undefined|null) => void): void\n    {\n        this.initSubscriptions.add(this.input.valueChange.subscribe(() => fn(this.input.value)));\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public registerOnTouched(fn: () => void): void\n    {\n        this.initSubscriptions.add(this.input.focus.subscribe(() => fn()));\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setDisabledState(isDisabled: boolean): void\n    {\n        this.input.disabled = isDisabled;\n    }\n}"]}

package/es2020/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js

@@ -0,0 +1,143 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, ElementRef, EventEmitter, forwardRef, Inject } from '@angular/core';
+import { BindThis } from '@jscrpt/common';
+import { DATE_API, DATE_TIME_INPUT, FORMAT_PROVIDER } from '../../../../misc/tokens';
+import { formatDateTime, parseDateTime } from '../../../../misc/utils';
+import { DateTimeBase } from '../dateTimeBase';
+import * as i0 from "@angular/core";
+//TODO: range is unimplemented
+/**
+ * Directive that is used for setting up date time input
+ */
+export class DateTimeInputDirective extends DateTimeBase {
+    //######################### constructors #########################
+    constructor(element, dateApi, formatProvider) {
+        super(dateApi, formatProvider);
+        this.element = element;
+        /**
+         * @inheritdoc
+         */
+        this.focus = new EventEmitter();
+        /**
+         * @inheritdoc
+         */
+        this.blur = new EventEmitter();
+        this.element.nativeElement.addEventListener('input', this.handleInput);
+        this.element.nativeElement.addEventListener('focus', this.handleFocus);
+        this.element.nativeElement.addEventListener('blur', this.handleBlur);
+    }
+    //######################### public properties - implementation of DateTimeInput #########################
+    /**
+     * @inheritdoc
+     */
+    get rawValue() {
+        return this.element.nativeElement.value;
+    }
+    set rawValue(value) {
+        this.element.nativeElement.value = value ?? '';
+    }
+    /**
+     * @inheritdoc
+     */
+    get value() {
+        return this.ɵValue;
+    }
+    set value(value) {
+        this.ɵValue = value;
+        //accepts all available formats
+        this.internalValue = parseDateTime(value, this.dateApi, null, this.customFormat);
+        //not range value
+        if (!Array.isArray(this.internalValue)) {
+            this.rawValue = this.internalValue?.format(this.customFormat);
+        }
+        else {
+            //TODO: add support for ranges
+        }
+    }
+    /**
+     * @inheritdoc
+     */
+    get disabled() {
+        return this.element.nativeElement.disabled;
+    }
+    set disabled(value) {
+        this.element.nativeElement.disabled = value;
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.element.nativeElement.removeEventListener('input', this.handleInput);
+        this.element.nativeElement.removeEventListener('focus', this.handleFocus);
+        this.element.nativeElement.removeEventListener('blur', this.handleBlur);
+    }
+    //######################### protected methods #########################
+    /**
+     * Handles input event on input
+     */
+    handleInput() {
+        this.internalValue = parseDateTime(this.rawValue, this.dateApi, this.valueFormat, this.customFormat);
+        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);
+        this.valueChange.next();
+    }
+    /**
+     * Handles focus event on input
+     * @param event - Event that occured
+     */
+    handleFocus(event) {
+        this.focus.emit(event);
+    }
+    /**
+     * Handles blur event on input
+     * @param event - Event that occured
+     */
+    handleBlur(event) {
+        this.blur.emit(event);
+    }
+}
+DateTimeInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeInputDirective, deps: [{ token: i0.ElementRef }, { token: DATE_API }, { token: FORMAT_PROVIDER }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeInputDirective, selector: "input[dateTime][dateTimeInput]", providers: [
+        {
+            provide: DATE_TIME_INPUT,
+            useExisting: forwardRef(() => DateTimeInputDirective),
+        },
+    ], exportAs: ["dateTime"], usesInheritance: true, ngImport: i0 });
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], DateTimeInputDirective.prototype, "handleInput", null);
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [FocusEvent]),
+    __metadata("design:returntype", void 0)
+], DateTimeInputDirective.prototype, "handleFocus", null);
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [FocusEvent]),
+    __metadata("design:returntype", void 0)
+], DateTimeInputDirective.prototype, "handleBlur", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[dateTime][dateTimeInput]',
+                    providers: [
+                        {
+                            provide: DATE_TIME_INPUT,
+                            useExisting: forwardRef(() => DateTimeInputDirective),
+                        },
+                    ],
+                    exportAs: 'dateTime',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FORMAT_PROVIDER]
+                }] }]; }, propDecorators: { handleInput: [], handleFocus: [], handleBlur: [] } });
+//# sourceMappingURL=dateTimeInput.directive.js.map

package/es2020/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, ElementRef, EventEmitter, ExistingProvider, forwardRef, Inject, OnDestroy} from '@angular/core';\nimport {BindThis} from '@jscrpt/common';\n\nimport {DateTimeInput, FormatProvider} from '../../../../interfaces';\nimport {DATE_API, DATE_TIME_INPUT, FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateApi} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n//TODO: range is unimplemented\n\n/**\n * Directive that is used for setting up date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][dateTimeInput]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: DATE_TIME_INPUT,\n            useExisting: forwardRef(() => DateTimeInputDirective),\n        },\n    ],\n    exportAs: 'dateTime',\n})\nexport class DateTimeInputDirective<TDate = unknown> extends DateTimeBase<TDate> implements DateTimeInput, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInput #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get rawValue(): string|undefined|null\n    {\n        return this.element.nativeElement.value;\n    }\n    public set rawValue(value: string|undefined|null)\n    {\n        this.element.nativeElement.value = value ?? '';\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public override get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public override set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        this.ɵValue = value;\n\n        //accepts all available formats\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.customFormat);\n        \n        //not range value\n        if(!Array.isArray(this.internalValue))\n        {\n            this.rawValue = this.internalValue?.format(this.customFormat);\n        }\n        else\n        {\n            //TODO: add support for ranges\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get disabled(): boolean\n    {\n        return this.element.nativeElement.disabled;\n    }\n    public set disabled(value: boolean)\n    {\n        this.element.nativeElement.disabled = value;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public focus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    /**\n     * @inheritdoc\n     */\n    public blur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    //######################### constructors #########################\n    constructor(protected element: ElementRef<HTMLInputElement>,\n                @Inject(DATE_API) dateApi: DateApi<TDate>,\n                @Inject(FORMAT_PROVIDER) formatProvider: FormatProvider,)\n    {\n        super(dateApi, formatProvider);\n\n        this.element.nativeElement.addEventListener('input', this.handleInput);\n        this.element.nativeElement.addEventListener('focus', this.handleFocus);\n        this.element.nativeElement.addEventListener('blur', this.handleBlur);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.element.nativeElement.removeEventListener('input', this.handleInput);\n        this.element.nativeElement.removeEventListener('focus', this.handleFocus);\n        this.element.nativeElement.removeEventListener('blur', this.handleBlur);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles input event on input\n     */\n    @BindThis\n    protected handleInput(): void\n    {\n        this.internalValue = parseDateTime(this.rawValue, this.dateApi, this.valueFormat, this.customFormat);\n        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);\n\n        this.valueChange.next();\n    }\n\n    /**\n     * Handles focus event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleFocus(event: FocusEvent): void\n    {\n        this.focus.emit(event);\n    }\n\n    /**\n     * Handles blur event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleBlur(event: FocusEvent): void\n    {\n        this.blur.emit(event);\n    }\n}"]}

package/es2020/src/modules/dateTime/directives/dateTimeMaxValidator/dateTimeMaxValidator.directive.js

@@ -0,0 +1,72 @@
+import { Directive, forwardRef, Inject } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { DATE_API, FORMAT_PROVIDER } from '../../../../misc/tokens';
+import { datetimeMaxValidator, datetimeValidator } from '../../../../misc/validators';
+import { DateTimeRestrictedBase } from '../dateTimeRestrictedBase';
+import * as i0 from "@angular/core";
+/**
+ * Applies validator for date time max value
+ */
+export class DateTimeMaxValidatorDirective extends DateTimeRestrictedBase {
+    //######################### constructor #########################
+    constructor(dateApi, formatProvider) {
+        super(dateApi, formatProvider);
+        //######################### private fields #########################
+        /**
+         * Function used for validations
+         */
+        this._validator = () => null;
+        this._validator = datetimeValidator(dateApi, null, null);
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this._validator = datetimeMaxValidator(this.dateApi, this.maxDateTime, this.valueFormat, this.customFormat);
+    }
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return this._validator(control);
+    }
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    onMaxDateTimeChange() {
+        this._validator = datetimeMaxValidator(this.dateApi, this.maxDateTime, this.valueFormat, this.customFormat);
+    }
+}
+DateTimeMaxValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeMaxValidatorDirective, deps: [{ token: DATE_API }, { token: FORMAT_PROVIDER }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeMaxValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeMaxValidatorDirective, selector: "[dateTime][maxDateTime][validate]", providers: [
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => DateTimeMaxValidatorDirective),
+            multi: true
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeMaxValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][maxDateTime][validate]',
+                    providers: [
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => DateTimeMaxValidatorDirective),
+                            multi: true
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FORMAT_PROVIDER]
+                }] }]; } });
+//# sourceMappingURL=dateTimeMaxValidator.directive.js.map

package/es2020/src/modules/dateTime/directives/dateTimeMaxValidator/dateTimeMaxValidator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeMaxValidator.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeMaxValidator/dateTimeMaxValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtF,OAAO,EAAkB,aAAa,EAA2C,MAAM,gBAAgB,CAAC;AAGxG,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAEpF,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;;AAEjE;;GAEG;AAcH,MAAM,OAAO,6BAA+C,SAAQ,sBAA6B;IAS7F,iEAAiE;IACjE,YAA8B,OAAuB,EAChB,cAA8B;QAE/D,KAAK,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QAXnC,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;QAOzC,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7D,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAChH,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,mFAAmF;IAEnF;;OAEG;IACgB,mBAAmB;QAElC,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAChH,CAAC;;0HA/CQ,6BAA6B,kBAUlB,QAAQ,aACR,eAAe;8GAX1B,6BAA6B,4DATtC;QAEI;YACI,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;YAC5D,KAAK,EAAE,IAAI;SACd;KACJ;2FAEQ,6BAA6B;kBAbzC,SAAS;mBACV;oBACI,QAAQ,EAAE,mCAAmC;oBAC7C,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,aAAa;4BACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,8BAA8B,CAAC;4BAC5D,KAAK,EAAE,IAAI;yBACd;qBACJ;iBACJ;;0BAWgB,MAAM;2BAAC,QAAQ;;0BACf,MAAM;2BAAC,eAAe","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Inject, OnInit} from '@angular/core';\nimport {AbstractControl, NG_VALIDATORS, ValidationErrors, Validator, ValidatorFn} from '@angular/forms';\n\nimport {FormatProvider} from '../../../../interfaces';\nimport {DATE_API, FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {datetimeMaxValidator, datetimeValidator} from '../../../../misc/validators';\nimport {DateApi} from '../../../../services';\nimport {DateTimeRestrictedBase} from '../dateTimeRestrictedBase';\n\n/**\n * Applies validator for date time max value\n */\n@Directive(\n{\n    selector: '[dateTime][maxDateTime][validate]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => DateTimeMaxValidatorDirective),\n            multi: true\n        },\n    ],\n})\nexport class DateTimeMaxValidatorDirective<TDate = unknown> extends DateTimeRestrictedBase<TDate>  implements Validator, OnInit\n{\n    //######################### private fields #########################\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn = () => null;\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) dateApi: DateApi<TDate>,\n                @Inject(FORMAT_PROVIDER) formatProvider: FormatProvider,)\n    {\n        super(dateApi, formatProvider);\n        this._validator = datetimeValidator(dateApi, null, null);\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._validator = datetimeMaxValidator(this.dateApi, this.maxDateTime, this.valueFormat, this.customFormat);\n    }\n\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return this._validator(control);\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMaxDateTimeChange(): void\n    {\n        this._validator = datetimeMaxValidator(this.dateApi, this.maxDateTime, this.valueFormat, this.customFormat);\n    }\n}"]}

package/es2020/src/modules/dateTime/directives/dateTimeMinValidator/dateTimeMinValidator.directive.js

@@ -0,0 +1,71 @@
+import { Directive, forwardRef, Inject } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { DATE_API, FORMAT_PROVIDER } from '../../../../misc/tokens';
+import { datetimeMinValidator } from '../../../../misc/validators';
+import { DateTimeRestrictedBase } from '../dateTimeRestrictedBase';
+import * as i0 from "@angular/core";
+/**
+ * Applies validator for date time min value
+ */
+export class DateTimeMinValidatorDirective extends DateTimeRestrictedBase {
+    //######################### constructor #########################
+    constructor(dateApi, formatProvider) {
+        super(dateApi, formatProvider);
+        //######################### private fields #########################
+        /**
+         * Function used for validations
+         */
+        this._validator = () => null;
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this._validator = datetimeMinValidator(this.dateApi, this.minDateTime, this.valueFormat, this.customFormat);
+    }
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return this._validator(control);
+    }
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    onMinDateTimeChange() {
+        this._validator = datetimeMinValidator(this.dateApi, this.minDateTime, this.valueFormat, this.customFormat);
+    }
+}
+DateTimeMinValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeMinValidatorDirective, deps: [{ token: DATE_API }, { token: FORMAT_PROVIDER }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeMinValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeMinValidatorDirective, selector: "[dateTime][minDateTime][validate]", providers: [
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => DateTimeMinValidatorDirective),
+            multi: true
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeMinValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][minDateTime][validate]',
+                    providers: [
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => DateTimeMinValidatorDirective),
+                            multi: true
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FORMAT_PROVIDER]
+                }] }]; } });
+//# sourceMappingURL=dateTimeMinValidator.directive.js.map

package/es2020/src/modules/dateTime/directives/dateTimeMinValidator/dateTimeMinValidator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeMinValidator.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeMinValidator/dateTimeMinValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtF,OAAO,EAAkB,aAAa,EAA2C,MAAM,gBAAgB,CAAC;AAGxG,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;;AAEjE;;GAEG;AAcH,MAAM,OAAO,6BAA+C,SAAQ,sBAA6B;IAS7F,iEAAiE;IACjE,YAA8B,OAAuB,EAChB,cAA8B;QAE/D,KAAK,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QAXnC,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;IAO7C,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAChH,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,mFAAmF;IAEnF;;OAEG;IACgB,mBAAmB;QAElC,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAChH,CAAC;;0HA9CQ,6BAA6B,kBAUlB,QAAQ,aACR,eAAe;8GAX1B,6BAA6B,4DATtC;QAEI;YACI,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;YAC5D,KAAK,EAAE,IAAI;SACd;KACJ;2FAEQ,6BAA6B;kBAbzC,SAAS;mBACV;oBACI,QAAQ,EAAE,mCAAmC;oBAC7C,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,aAAa;4BACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,8BAA8B,CAAC;4BAC5D,KAAK,EAAE,IAAI;yBACd;qBACJ;iBACJ;;0BAWgB,MAAM;2BAAC,QAAQ;;0BACf,MAAM;2BAAC,eAAe","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Inject, OnInit} from '@angular/core';\nimport {AbstractControl, NG_VALIDATORS, ValidationErrors, Validator, ValidatorFn} from '@angular/forms';\n\nimport {FormatProvider} from '../../../../interfaces';\nimport {DATE_API, FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {datetimeMinValidator} from '../../../../misc/validators';\nimport {DateApi} from '../../../../services';\nimport {DateTimeRestrictedBase} from '../dateTimeRestrictedBase';\n\n/**\n * Applies validator for date time min value\n */\n@Directive(\n{\n    selector: '[dateTime][minDateTime][validate]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => DateTimeMinValidatorDirective),\n            multi: true\n        },\n    ],\n})\nexport class DateTimeMinValidatorDirective<TDate = unknown> extends DateTimeRestrictedBase<TDate>  implements Validator, OnInit\n{\n    //######################### private fields #########################\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn = () => null;\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) dateApi: DateApi<TDate>,\n                @Inject(FORMAT_PROVIDER) formatProvider: FormatProvider,)\n    {\n        super(dateApi, formatProvider);\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._validator = datetimeMinValidator(this.dateApi, this.minDateTime, this.valueFormat, this.customFormat);\n    }\n\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return this._validator(control);\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onMinDateTimeChange(): void\n    {\n        this._validator = datetimeMinValidator(this.dateApi, this.minDateTime, this.valueFormat, this.customFormat);\n    }\n}"]}

package/es2020/src/modules/dateTime/directives/dateTimeRestrictedBase.js

@@ -0,0 +1,149 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, Input } from '@angular/core';
+import { BindThis, isBlank } from '@jscrpt/common';
+import { getSingleDateTimeValue } from '../../../misc/utils';
+import { DateTimeBase } from './dateTimeBase';
+import * as i0 from "@angular/core";
+/**
+ * Base class for date time directives with value restrictions
+ */
+export class DateTimeRestrictedBase extends DateTimeBase {
+    //######################### public properties - inputs #########################
+    /**
+     * Gets or sets max allowed date for date time
+     */
+    get maxDateTime() {
+        return this.ɵMaxDateTime;
+    }
+    set maxDateTime(value) {
+        this._maxDateInstanceChange?.unsubscribe();
+        this._maxDateInstanceChange = null;
+        if (isBlank(value)) {
+            this.maxDateSet(value);
+            return;
+        }
+        let val = value;
+        if (value instanceof (DateTimeBase)) {
+            this._maxDateInstanceChange = value.valueChange.subscribe(() => {
+                const val = getSingleDateTimeValue(value.value);
+                if (isBlank(val)) {
+                    this.maxDateSet(null);
+                    return;
+                }
+                this.setMinMaxValue(val, this.maxDateSet);
+            });
+            const v = getSingleDateTimeValue(value.value);
+            if (isBlank(v)) {
+                this.maxDateSet(null);
+                return;
+            }
+            val = v;
+        }
+        this.setMinMaxValue(val, this.maxDateSet);
+    }
+    /**
+     * Gets or sets min allowed date for date time
+     */
+    get minDateTime() {
+        return this.ɵMinDateTime;
+    }
+    set minDateTime(value) {
+        this._minDateInstanceChange?.unsubscribe();
+        this._minDateInstanceChange = null;
+        if (isBlank(value)) {
+            this.minDateSet(value);
+            return;
+        }
+        let val = value;
+        if (value instanceof (DateTimeBase)) {
+            this._minDateInstanceChange = value.valueChange.subscribe(() => {
+                const val = getSingleDateTimeValue(value.value);
+                if (isBlank(val)) {
+                    this.minDateSet(null);
+                    return;
+                }
+                this.setMinMaxValue(val, this.minDateSet);
+            });
+            const v = getSingleDateTimeValue(value.value);
+            if (isBlank(v)) {
+                this.minDateSet(null);
+                return;
+            }
+            val = v;
+        }
+        this.setMinMaxValue(val, this.minDateSet);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._maxDateInstanceChange?.unsubscribe();
+        this._maxDateInstanceChange = null;
+        this._minDateInstanceChange?.unsubscribe();
+        this._minDateInstanceChange = null;
+    }
+    //######################### protected methods #########################
+    /**
+     * Called whenever max date time restriction changes
+     */
+    onMaxDateTimeChange() {
+    }
+    /**
+     * Called whenever min date time restriction changes
+     */
+    onMinDateTimeChange() {
+    }
+    /**
+     * Sets min date time and notifies about changes
+     * @param value - Value to be set
+     */
+    minDateSet(value) {
+        this.ɵMinDateTime = value;
+        this.onMinDateTimeChange();
+    }
+    /**
+     * Sets max date time and notifies about changes
+     * @param value - Value to be set
+     */
+    maxDateSet(value) {
+        this.ɵMaxDateTime = value;
+        this.onMaxDateTimeChange();
+    }
+    /**
+     * Sets min or max date time value
+     * @param value - Value to be set
+     * @param setter - Action used for setting value
+     */
+    setMinMaxValue(value, setter) {
+        const val = this.dateApi.getValue(value, this.customFormat);
+        if (val.isValid()) {
+            setter(val.value);
+        }
+        else {
+            setter(null);
+        }
+    }
+}
+DateTimeRestrictedBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeRestrictedBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DateTimeRestrictedBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeRestrictedBase, inputs: { maxDateTime: "maxDateTime", minDateTime: "minDateTime" }, usesInheritance: true, ngImport: i0 });
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], DateTimeRestrictedBase.prototype, "minDateSet", null);
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], DateTimeRestrictedBase.prototype, "maxDateSet", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeRestrictedBase, decorators: [{
+            type: Directive
+        }], propDecorators: { maxDateTime: [{
+                type: Input
+            }], minDateTime: [{
+                type: Input
+            }], minDateSet: [], maxDateSet: [] } });
+//# sourceMappingURL=dateTimeRestrictedBase.js.map

package/es2020/src/modules/dateTime/directives/dateTimeRestrictedBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeRestrictedBase.js","sourceRoot":"","sources":["../../../../../src/modules/dateTime/directives/dateTimeRestrictedBase.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, Input, OnDestroy} from '@angular/core';\nimport {Action1, BindThis, isBlank} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputOutputValue} from '../../../misc/types';\nimport {getSingleDateTimeValue} from '../../../misc/utils';\nimport {DateTimeBase} from './dateTimeBase';\n\n/**\n * Base class for date time directives with value restrictions\n */\n@Directive()\nexport class DateTimeRestrictedBase<TDate = unknown> extends DateTimeBase<TDate> implements OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Subscription for max date instance value changes\n     */\n    private _maxDateInstanceChange: Subscription|undefined|null;\n\n    /**\n     * Subscription for min date instance value changes\n     */\n    private _minDateInstanceChange: Subscription|undefined|null;\n\n    //######################### protected properties #########################\n\n    /**\n     * Max allowed value of date time\n     */\n    protected ɵMaxDateTime: TDate|undefined|null;\n\n    /**\n     * Min allowed value of date time\n     */\n    protected ɵMinDateTime: TDate|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets max allowed date for date time\n     */\n    @Input()\n    public get maxDateTime(): TDate|undefined|null\n    {\n        return this.ɵMaxDateTime;\n    }\n    public set maxDateTime(value: TDate|undefined|null)\n    {\n        this._maxDateInstanceChange?.unsubscribe();\n        this._maxDateInstanceChange = null;\n\n        if(isBlank(value))\n        {\n            this.maxDateSet(value);\n\n            return;\n        }\n\n        let val: DateTimeInputOutputValue<TDate> = value;\n\n        if(value instanceof DateTimeBase<TDate>)\n        {\n            this._maxDateInstanceChange = value.valueChange.subscribe(() =>\n            {\n                const val = getSingleDateTimeValue<TDate>(value.value);\n\n                if(isBlank(val))\n                {\n                    this.maxDateSet(null);\n\n                    return;\n                }\n\n                this.setMinMaxValue(val, this.maxDateSet);\n            });\n\n            const v = getSingleDateTimeValue<TDate>(value.value);\n\n            if(isBlank(v))\n            {\n                this.maxDateSet(null);\n\n                return;\n            }\n\n            val = v;\n        }\n        \n        this.setMinMaxValue(val, this.maxDateSet);\n    }\n\n    /**\n     * Gets or sets min allowed date for date time\n     */\n    @Input()\n    public get minDateTime(): TDate|undefined|null\n    {\n        return this.ɵMinDateTime;\n    }\n    public set minDateTime(value: TDate|undefined|null)\n    {\n        this._minDateInstanceChange?.unsubscribe();\n        this._minDateInstanceChange = null;\n\n        if(isBlank(value))\n        {\n            this.minDateSet(value);\n\n            return;\n        }\n\n        let val: DateTimeInputOutputValue<TDate> = value;\n\n        if(value instanceof DateTimeBase<TDate>)\n        {\n            this._minDateInstanceChange = value.valueChange.subscribe(() =>\n            {\n                const val = getSingleDateTimeValue<TDate>(value.value);\n\n                if(isBlank(val))\n                {\n                    this.minDateSet(null);\n\n                    return;\n                }\n\n                this.setMinMaxValue(val, this.minDateSet);\n            });\n\n            const v = getSingleDateTimeValue<TDate>(value.value);\n\n            if(isBlank(v))\n            {\n                this.minDateSet(null);\n\n                return;\n            }\n\n            val = v;\n        }\n\n        this.setMinMaxValue(val, this.minDateSet);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._maxDateInstanceChange?.unsubscribe();\n        this._maxDateInstanceChange = null;\n\n        this._minDateInstanceChange?.unsubscribe();\n        this._minDateInstanceChange = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Called whenever max date time restriction changes\n     */\n    protected onMaxDateTimeChange(): void\n    {\n    }\n\n    /**\n     * Called whenever min date time restriction changes\n     */\n    protected onMinDateTimeChange(): void\n    {\n    }\n\n    /**\n     * Sets min date time and notifies about changes\n     * @param value - Value to be set\n     */\n    @BindThis\n    protected minDateSet(value: TDate|undefined|null): void\n    {\n        this.ɵMinDateTime = value;\n        this.onMinDateTimeChange();\n    }\n\n    /**\n     * Sets max date time and notifies about changes\n     * @param value - Value to be set\n     */\n    @BindThis\n    protected maxDateSet(value: TDate|undefined|null): void\n    {\n        this.ɵMaxDateTime = value;\n        this.onMaxDateTimeChange();\n    }\n\n    /**\n     * Sets min or max date time value\n     * @param value - Value to be set\n     * @param setter - Action used for setting value\n     */\n    protected setMinMaxValue(value: string|number|TDate|Date, setter: Action1<TDate|undefined|null>): void\n    {\n        const val = this.dateApi.getValue(value, this.customFormat);\n\n        if(val.isValid())\n        {\n            setter(val.value);\n        }\n        else\n        {\n            setter(null);\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `maxDateTime` input\n     */\n    public static ngAcceptInputType_maxDateTime: string|number|DateTimeBase|Date;\n\n    /**\n     * Custom input type for `minDateTime` input\n     */\n    public static ngAcceptInputType_minDateTime: string|number|DateTimeBase|Date;\n}\n"]}

package/es2020/src/modules/dateTime/directives/dateTimeValidator/dateTimeValidator.directive.js

@@ -0,0 +1,64 @@
+import { Directive, forwardRef, Inject } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { DATE_API, FORMAT_PROVIDER } from '../../../../misc/tokens';
+import { datetimeValidator } from '../../../../misc/validators';
+import { DateTimeBase } from '../dateTimeBase';
+import * as i0 from "@angular/core";
+/**
+ * Applies validator for date time
+ */
+export class DateTimeValidatorDirective extends DateTimeBase {
+    //######################### constructor #########################
+    constructor(dateApi, formatProvider) {
+        super(dateApi, formatProvider);
+        //######################### private fields #########################
+        /**
+         * Function used for validations
+         */
+        this._validator = () => null;
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this._validator = datetimeValidator(this.dateApi, this.valueFormat, this.customFormat);
+    }
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return this._validator(control);
+    }
+}
+DateTimeValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeValidatorDirective, deps: [{ token: DATE_API }, { token: FORMAT_PROVIDER }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeValidatorDirective, selector: "[dateTime][validate]", providers: [
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => DateTimeValidatorDirective),
+            multi: true
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][validate]',
+                    providers: [
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => DateTimeValidatorDirective),
+                            multi: true
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FORMAT_PROVIDER]
+                }] }]; } });
+//# sourceMappingURL=dateTimeValidator.directive.js.map