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

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

@@ -0,0 +1,77 @@
+import { Directive, EventEmitter, Input } from '@angular/core';
+import { isString } from '@jscrpt/common';
+import { DateTimeValueFormat } from '../../../misc/enums';
+import * as i0 from "@angular/core";
+/**
+ * Base class for date time directives, contains basic shared data
+ */
+export class DateTimeBase {
+    //######################### constructors #########################
+    constructor(dateApi, formatProvider) {
+        this.dateApi = dateApi;
+        this.formatProvider = formatProvider;
+        //######################### protected properties #########################
+        /**
+         * Date time value format which is being worked with in this date time
+         */
+        this.ɵValueFormat = DateTimeValueFormat.DateInstance;
+        /**
+         * Format of string representation of date
+         */
+        this.ɵFormat = 'date';
+        /**
+         * @inheritdoc
+         */
+        this.valueChange = new EventEmitter();
+        /**
+         * Custom format string representation of date
+         */
+        this.customFormat = this.dateApi.getFormat(this.formatProvider[this.ɵFormat]);
+    }
+    //######################### public properties - implementation of DateTimeInputValue #########################
+    /**
+     * @inheritdoc
+     */
+    get value() {
+        return this.ɵValue;
+    }
+    set value(value) {
+        this.ɵValue = value;
+    }
+    //######################### public properties - inputs #########################
+    /**
+     * Gets or sets date time value format which is being worked with in this date time
+     */
+    get valueFormat() {
+        return this.ɵValueFormat;
+    }
+    set valueFormat(value) {
+        if (isString(value)) {
+            this.ɵValueFormat = DateTimeValueFormat[value];
+            return;
+        }
+        this.ɵValueFormat = value;
+    }
+    /**
+     * Gets or sets format of string representation of date
+     */
+    get format() {
+        return this.ɵFormat;
+    }
+    set format(value) {
+        this.ɵFormat = value;
+        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);
+    }
+}
+DateTimeBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+DateTimeBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimeBase, inputs: { valueFormat: "valueFormat", format: "format", customFormat: "customFormat" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimeBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }, { type: undefined }]; }, propDecorators: { valueFormat: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], customFormat: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=dateTimeBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeBase.js","sourceRoot":"","sources":["../../../../../src/modules/dateTime/directives/dateTimeBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAGxC,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;;AAIxD;;GAEG;AAEH,MAAM,OAAO,YAAY;IAgFrB,kEAAkE;IAClE,YAAsB,OAAuB,EACvB,cAA8B;QAD9B,YAAO,GAAP,OAAO,CAAgB;QACvB,mBAAc,GAAd,cAAc,CAAgB;QAhFpD,0EAA0E;QAE1E;;WAEG;QACO,iBAAY,GAAwB,mBAAmB,CAAC,YAAY,CAAC;QAE/E;;WAEG;QACO,YAAO,GAAyB,MAAM,CAAC;QAqBjD;;WAEG;QACI,gBAAW,GAAuB,IAAI,YAAY,EAAQ,CAAC;QAsClE;;WAEG;QAEI,iBAAY,GAAW,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAMxF,CAAC;IAjED,8GAA8G;IAE9G;;OAEG;IACH,IAAW,KAAK;QAEZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAqD;QAElE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAOD,gFAAgF;IAEhF;;OAEG;IACH,IACW,WAAW;QAElB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD,IAAW,WAAW,CAAC,KAA0B;QAE7C,IAAG,QAAQ,CAAC,KAAK,CAAC,EAClB;YACI,IAAI,CAAC,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAmC,CAAC;YAEjF,OAAO;SACV;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,IACW,MAAM;QAEb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAA2B;QAEzC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3E,CAAC;;yGAxEQ,YAAY;6FAAZ,YAAY;2FAAZ,YAAY;kBADxB,SAAS;kHA6CK,WAAW;sBADrB,KAAK;gBAqBK,MAAM;sBADhB,KAAK;gBAeC,YAAY;sBADlB,KAAK","sourcesContent":["import {Directive, EventEmitter, Input} from '@angular/core';\nimport {isString} from '@jscrpt/common';\n\nimport {DateTimeInputValue, FormatProvider} from '../../../interfaces';\nimport {DateTimeValueFormat} from '../../../misc/enums';\nimport {DateTimeInputOutputValue} from '../../../misc/types';\nimport {DateApi} from '../../../services';\n\n/**\n * Base class for date time directives, contains basic shared data\n */\n@Directive()\nexport class DateTimeBase<TDate = unknown> implements DateTimeInputValue<TDate>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Date time value format which is being worked with in this date time\n     */\n    protected ɵValueFormat: DateTimeValueFormat = DateTimeValueFormat.DateInstance;\n\n    /**\n     * Format of string representation of date\n     */\n    protected ɵFormat: keyof FormatProvider = 'date';\n\n    /**\n     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue\n     */\n    protected ɵValue: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInputValue #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        this.ɵValue = value;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets date time value format which is being worked with in this date time\n     */\n    @Input()\n    public get valueFormat(): DateTimeValueFormat\n    {\n        return this.ɵValueFormat;\n    }\n    public set valueFormat(value: DateTimeValueFormat)\n    {\n        if(isString(value))\n        {\n            this.ɵValueFormat = DateTimeValueFormat[value] as unknown as DateTimeValueFormat;\n\n            return;\n        }\n\n        this.ɵValueFormat = value;\n    }\n\n    /**\n     * Gets or sets format of string representation of date\n     */\n    @Input()\n    public get format(): keyof FormatProvider\n    {\n        return this.ɵFormat;\n    }\n    public set format(value: keyof FormatProvider)\n    {\n        this.ɵFormat = value;\n        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);\n    }\n\n    /**\n     * Custom format string representation of date\n     */\n    @Input()\n    public customFormat: string = this.dateApi.getFormat(this.formatProvider[this.ɵFormat]);\n\n    //######################### constructors #########################\n    constructor(protected dateApi: DateApi<TDate>,\n                protected formatProvider: FormatProvider,)\n    {\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `valueFormat` input\n     */\n    public static ngAcceptInputType_valueFormat: keyof typeof DateTimeValueFormat|DateTimeValueFormat;\n}\n"]}

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

@@ -1,33 +1,19 @@
 import { __decorate, __metadata } from "tslib";
-import { Directive, ElementRef, EventEmitter, forwardRef, Inject, Input } from '@angular/core';
-import { BindThis, isString } from '@jscrpt/common';
-import { DateTimeValueFormat } from '../../../../misc/enums';
+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 {
+export class DateTimeInputDirective extends DateTimeBase {
     //######################### constructors #########################
     constructor(element, dateApi, formatProvider) {
+        super(dateApi, formatProvider);
         this.element = element;
-        this.dateApi = dateApi;
-        this.formatProvider = formatProvider;
-        //######################### private fields #########################
-        /**
-         * Date time value format which is being worked with in this date time
-         */
-        this._valueFormat = DateTimeValueFormat.DateInstance;
-        /**
-         * Format of string representation of date
-         */
-        this._format = 'date';
-        /**
-         * @inheritdoc
-         */
-        this.valueChange = new EventEmitter();
         /**
          * @inheritdoc
          */
@@ -36,10 +22,6 @@ export class DateTimeInputDirective {
          * @inheritdoc
          */
         this.blur = new EventEmitter();
-        /**
-         * Custom format string representation of date
-         */
-        this.customFormat = this.dateApi.getFormat(this.formatProvider[this._format]);
         this.element.nativeElement.addEventListener('input', this.handleInput);
         this.element.nativeElement.addEventListener('focus', this.handleFocus);
         this.element.nativeElement.addEventListener('blur', this.handleBlur);
@@ -58,10 +40,10 @@ export class DateTimeInputDirective {
      * @inheritdoc
      */
     get value() {
-        return this._value;
+        return this.ɵValue;
     }
     set value(value) {
-        this._value = value;
+        this.ɵValue = value;
         //accepts all available formats
         this.internalValue = parseDateTime(value, this.dateApi, null, this.customFormat);
         //not range value
@@ -81,30 +63,6 @@ export class DateTimeInputDirective {
     set disabled(value) {
         this.element.nativeElement.disabled = value;
     }
-    //######################### public properties - inputs #########################
-    /**
-     * Gets or sets date time value format which is being worked with in this date time
-     */
-    get valueFormat() {
-        return this._valueFormat;
-    }
-    set valueFormat(value) {
-        if (isString(value)) {
-            this._valueFormat = DateTimeValueFormat[value];
-            return;
-        }
-        this._valueFormat = value;
-    }
-    /**
-     * Gets or sets format of string representation of date
-     */
-    get format() {
-        return this._format;
-    }
-    set format(value) {
-        this._format = value;
-        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);
-    }
     //######################### public methods - implementation of OnDestroy #########################
     /**
      * Called when component is destroyed
@@ -120,7 +78,7 @@ export class DateTimeInputDirective {
      */
     handleInput() {
         this.internalValue = parseDateTime(this.rawValue, this.dateApi, this.valueFormat, this.customFormat);
-        this._value = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);
+        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat);
         this.valueChange.next();
     }
     /**
@@ -139,12 +97,12 @@ export class DateTimeInputDirective {
     }
 }
 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]", inputs: { valueFormat: "valueFormat", format: "format", customFormat: "customFormat" }, providers: [
+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),
         },
-    ], ngImport: i0 });
+    ], exportAs: ["dateTime"], usesInheritance: true, ngImport: i0 });
 __decorate([
     BindThis,
     __metadata("design:type", Function),
@@ -173,6 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                             useExisting: forwardRef(() => DateTimeInputDirective),
                         },
                     ],
+                    exportAs: 'dateTime',
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
@@ -180,11 +139,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [FORMAT_PROVIDER]
-                }] }]; }, propDecorators: { valueFormat: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], customFormat: [{
-                type: Input
-            }], handleInput: [], handleFocus: [], handleBlur: [] } });
+                }] }]; }, propDecorators: { handleInput: [], handleFocus: [], handleBlur: [] } });
 //# sourceMappingURL=dateTimeInput.directive.js.map

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

@@ -1 +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, Input, OnDestroy} from '@angular/core';\nimport {BindThis, isString} from '@jscrpt/common';\n\nimport {DateTimeInput, FormatProvider} from '../../../../interfaces';\nimport {DateTimeValueFormat} from '../../../../misc/enums';\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';\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})\nexport class DateTimeInputDirective<TDate = unknown> implements DateTimeInput, OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Date time value format which is being worked with in this date time\n     */\n    private _valueFormat: DateTimeValueFormat = DateTimeValueFormat.DateInstance;\n\n    /**\n     * Value of date time\n     */\n    private _value: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    /**\n     * Format of string representation of date\n     */\n    private _format: keyof FormatProvider = 'date';\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 get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this._value;\n    }\n    public 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 valueChange: EventEmitter<void> = new EventEmitter<void>();\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    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets date time value format which is being worked with in this date time\n     */\n    @Input()\n    public get valueFormat(): DateTimeValueFormat\n    {\n        return this._valueFormat;\n    }\n    public set valueFormat(value: DateTimeValueFormat)\n    {\n        if(isString(value))\n        {\n            this._valueFormat = DateTimeValueFormat[value] as unknown as DateTimeValueFormat;\n\n            return;\n        }\n\n        this._valueFormat = value;\n    }\n\n    /**\n     * Gets or sets format of string representation of date\n     */\n    @Input()\n    public get format(): keyof FormatProvider\n    {\n        return this._format;\n    }\n    public set format(value: keyof FormatProvider)\n    {\n        this._format = value;\n        this.customFormat = this.dateApi.getFormat(this.formatProvider[value]);\n    }\n\n    /**\n     * Custom format string representation of date\n     */\n    @Input()\n    public customFormat: string = this.dateApi.getFormat(this.formatProvider[this._format]);\n\n    //######################### constructors #########################\n    constructor(protected element: ElementRef<HTMLInputElement>,\n                @Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                @Inject(FORMAT_PROVIDER) protected formatProvider: 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\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `valueFormat` input\n     */\n    public static ngAcceptInputType_valueFormat: keyof typeof DateTimeValueFormat|DateTimeValueFormat;\n}"]}
+{"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"]}