@anglr/datetime 8.1.0-beta.20240827080139 → 9.0.0-beta.20241004120552

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

@@ -7,17 +7,16 @@ import * as i0 from "@angular/core";
 /**
  * Applies validator for date time
  */
-export class DateTimeValidatorSADirective extends DateTimeBase {
-    dateApi;
-    //######################### private fields #########################
-    /**
-     * Function used for validations
-     */
-    _validator = () => null;
+export class DateTimeValidatorDirective extends DateTimeBase {
     //######################### constructor #########################
     constructor(dateApi) {
         super();
         this.dateApi = dateApi;
+        //######################### private fields #########################
+        /**
+         * Function used for validations
+         */
+        this._validator = () => null;
     }
     //######################### public methods - implementation of OnInit #########################
     /**
@@ -35,23 +34,23 @@ export class DateTimeValidatorSADirective extends DateTimeBase {
     validate(control) {
         return this._validator(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DateTimeValidatorSADirective, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DateTimeValidatorSADirective, isStandalone: true, selector: "[dateTime][validate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimeValidatorDirective, deps: [{ token: DATE_API }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: DateTimeValidatorDirective, isStandalone: true, selector: "[dateTime][validate]", providers: [
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => DateTimeValidatorSADirective),
+                useExisting: forwardRef(() => DateTimeValidatorDirective),
                 multi: true
             },
-        ], usesInheritance: true, ngImport: i0 });
+        ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DateTimeValidatorSADirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimeValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dateTime][validate]',
                     providers: [
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => DateTimeValidatorSADirective),
+                            useExisting: forwardRef(() => DateTimeValidatorDirective),
                             multi: true
                         },
                     ],

package/es2022/src/modules/dateTime/directives/dateTimeValidator/dateTimeValidator.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimeValidator.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeValidator/dateTimeValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtF,OAAO,EAAkB,aAAa,EAA2C,MAAM,gBAAgB,CAAC;AAExG,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;AAE7C;;GAEG;AAeH,MAAM,OAAO,4BAA8C,SAAQ,YAAmB;IAU1C;IARxC,oEAAoE;IAEpE;;OAEG;IACK,UAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;IAE7C,iEAAiE;IACjE,YAAwC,OAAuB;QAE3D,KAAK,EAAE,CAAC;QAF4B,YAAO,GAAP,OAAO,CAAgB;IAG/D,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACnJ,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;uGAnCQ,4BAA4B,kBAUjB,QAAQ;2FAVnB,4BAA4B,mEAVrC;YAEI;gBACI,OAAO,EAAE,aAAa;gBACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,4BAA4B,CAAC;gBAC3D,KAAK,EAAE,IAAI;aACd;SACJ;;2FAGQ,4BAA4B;kBAdxC,SAAS;mBACV;oBACI,QAAQ,EAAE,sBAAsB;oBAChC,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,aAAa;4BACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,6BAA6B,CAAC;4BAC3D,KAAK,EAAE,IAAI;yBACd;qBACJ;oBACD,UAAU,EAAE,IAAI;iBACnB;;0BAWgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Inject, OnInit} from '@angular/core';\nimport {AbstractControl, NG_VALIDATORS, ValidationErrors, Validator, ValidatorFn} from '@angular/forms';\n\nimport {DATE_API} from '../../../../misc/tokens';\nimport {datetimeValidator} from '../../../../misc/validators';\nimport {DateApi} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n/**\n * Applies validator for date time\n */\n@Directive(\n{\n    selector: '[dateTime][validate]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => DateTimeValidatorSADirective),\n            multi: true\n        },\n    ],\n    standalone: true,\n})\nexport class DateTimeValidatorSADirective<TDate = unknown> extends DateTimeBase<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) protected dateApi: DateApi<TDate>,)\n    {\n        super();\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._validator = datetimeValidator(this.dateApi, this.dateTimeData.valueFormat, this.dateTimeData.customFormat, this.dateTimeData.dataFormat);\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}"]}
+{"version":3,"file":"dateTimeValidator.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeValidator/dateTimeValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtF,OAAO,EAAkB,aAAa,EAA2C,MAAM,gBAAgB,CAAC;AAExG,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;AAE7C;;GAEG;AAeH,MAAM,OAAO,0BAA4C,SAAQ,YAAmB;IAShF,iEAAiE;IACjE,YAAwC,OAAuB;QAE3D,KAAK,EAAE,CAAC;QAF4B,YAAO,GAAP,OAAO,CAAgB;QAR/D,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAgB,GAAG,EAAE,CAAC,IAAI,CAAC;IAM7C,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACnJ,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;8GAnCQ,0BAA0B,kBAUf,QAAQ;kGAVnB,0BAA0B,mEAVnC;YAEI;gBACI,OAAO,EAAE,aAAa;gBACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,0BAA0B,CAAC;gBACzD,KAAK,EAAE,IAAI;aACd;SACJ;;2FAGQ,0BAA0B;kBAdtC,SAAS;mBACV;oBACI,QAAQ,EAAE,sBAAsB;oBAChC,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,aAAa;4BACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,2BAA2B,CAAC;4BACzD,KAAK,EAAE,IAAI;yBACd;qBACJ;oBACD,UAAU,EAAE,IAAI;iBACnB;;0BAWgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Inject, OnInit} from '@angular/core';\nimport {AbstractControl, NG_VALIDATORS, ValidationErrors, Validator, ValidatorFn} from '@angular/forms';\n\nimport {DATE_API} from '../../../../misc/tokens';\nimport {datetimeValidator} from '../../../../misc/validators';\nimport {DateApi} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n/**\n * Applies validator for date time\n */\n@Directive(\n{\n    selector: '[dateTime][validate]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => DateTimeValidatorDirective),\n            multi: true\n        },\n    ],\n    standalone: true,\n})\nexport class DateTimeValidatorDirective<TDate = unknown> extends DateTimeBase<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) protected dateApi: DateApi<TDate>,)\n    {\n        super();\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._validator = datetimeValidator(this.dateApi, this.dateTimeData.valueFormat, this.dateTimeData.customFormat, this.dateTimeData.dataFormat);\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}"]}

package/es2022/src/modules/dateTime/modules/dateTime.module.js

@@ -1,42 +1,42 @@
 import { NgModule } from '@angular/core';
-import { DateTimeControlValueAccessorSADirective, DateTimeSADirective, DateTimeInputSADirective, DateTimeMaxValidatorSADirective, DateTimeMinValidatorSADirective, DateTimeValidatorSADirective } from '../directives';
+import { DateTimeControlValueAccessorDirective, DateTimeDirective, DateTimeInputDirective, DateTimeMaxValidatorDirective, DateTimeMinValidatorDirective, DateTimeValidatorDirective } from '../directives';
 import * as i0 from "@angular/core";
 /**
  * Module for basic date time directives, components, pipes
  */
 export class DateTimeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DateTimeModule, imports: [DateTimeSADirective,
-            DateTimeControlValueAccessorSADirective,
-            DateTimeInputSADirective,
-            DateTimeMaxValidatorSADirective,
-            DateTimeMinValidatorSADirective,
-            DateTimeValidatorSADirective], exports: [DateTimeSADirective,
-            DateTimeControlValueAccessorSADirective,
-            DateTimeInputSADirective,
-            DateTimeMaxValidatorSADirective,
-            DateTimeMinValidatorSADirective,
-            DateTimeValidatorSADirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DateTimeModule });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: DateTimeModule, imports: [DateTimeDirective,
+            DateTimeControlValueAccessorDirective,
+            DateTimeInputDirective,
+            DateTimeMaxValidatorDirective,
+            DateTimeMinValidatorDirective,
+            DateTimeValidatorDirective], exports: [DateTimeDirective,
+            DateTimeControlValueAccessorDirective,
+            DateTimeInputDirective,
+            DateTimeMaxValidatorDirective,
+            DateTimeMinValidatorDirective,
+            DateTimeValidatorDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DateTimeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        DateTimeSADirective,
-                        DateTimeControlValueAccessorSADirective,
-                        DateTimeInputSADirective,
-                        DateTimeMaxValidatorSADirective,
-                        DateTimeMinValidatorSADirective,
-                        DateTimeValidatorSADirective,
+                        DateTimeDirective,
+                        DateTimeControlValueAccessorDirective,
+                        DateTimeInputDirective,
+                        DateTimeMaxValidatorDirective,
+                        DateTimeMinValidatorDirective,
+                        DateTimeValidatorDirective,
                     ],
                     exports: [
-                        DateTimeSADirective,
-                        DateTimeControlValueAccessorSADirective,
-                        DateTimeInputSADirective,
-                        DateTimeMaxValidatorSADirective,
-                        DateTimeMinValidatorSADirective,
-                        DateTimeValidatorSADirective,
+                        DateTimeDirective,
+                        DateTimeControlValueAccessorDirective,
+                        DateTimeInputDirective,
+                        DateTimeMaxValidatorDirective,
+                        DateTimeMinValidatorDirective,
+                        DateTimeValidatorDirective,
                     ],
                 }]
         }] });

package/es2022/src/modules/dateTime/modules/dateTime.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTime.module.js","sourceRoot":"","sources":["../../../../../src/modules/dateTime/modules/dateTime.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,uCAAuC,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,+BAA+B,EAAE,+BAA+B,EAAE,4BAA4B,EAAC,MAAM,eAAe,CAAC;;AAErN;;GAEG;AAsBH,MAAM,OAAO,cAAc;uGAAd,cAAc;wGAAd,cAAc,YAjBnB,mBAAmB;YACnB,uCAAuC;YACvC,wBAAwB;YACxB,+BAA+B;YAC/B,+BAA+B;YAC/B,4BAA4B,aAI5B,mBAAmB;YACnB,uCAAuC;YACvC,wBAAwB;YACxB,+BAA+B;YAC/B,+BAA+B;YAC/B,4BAA4B;wGAGvB,cAAc;;2FAAd,cAAc;kBArB1B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;wBACnB,uCAAuC;wBACvC,wBAAwB;wBACxB,+BAA+B;wBAC/B,+BAA+B;wBAC/B,4BAA4B;qBAC/B;oBACD,OAAO,EACP;wBACI,mBAAmB;wBACnB,uCAAuC;wBACvC,wBAAwB;wBACxB,+BAA+B;wBAC/B,+BAA+B;wBAC/B,4BAA4B;qBAC/B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {DateTimeControlValueAccessorSADirective, DateTimeSADirective, DateTimeInputSADirective, DateTimeMaxValidatorSADirective, DateTimeMinValidatorSADirective, DateTimeValidatorSADirective} from '../directives';\n\n/**\n * Module for basic date time directives, components, pipes\n */\n@NgModule(\n{\n    imports:\n    [\n        DateTimeSADirective,\n        DateTimeControlValueAccessorSADirective,\n        DateTimeInputSADirective,\n        DateTimeMaxValidatorSADirective,\n        DateTimeMinValidatorSADirective,\n        DateTimeValidatorSADirective,\n    ],\n    exports:\n    [\n        DateTimeSADirective,\n        DateTimeControlValueAccessorSADirective,\n        DateTimeInputSADirective,\n        DateTimeMaxValidatorSADirective,\n        DateTimeMinValidatorSADirective,\n        DateTimeValidatorSADirective,\n    ],\n})\nexport class DateTimeModule\n{\n}"]}
+{"version":3,"file":"dateTime.module.js","sourceRoot":"","sources":["../../../../../src/modules/dateTime/modules/dateTime.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,qCAAqC,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,6BAA6B,EAAE,0BAA0B,EAAC,MAAM,eAAe,CAAC;;AAEzM;;GAEG;AAsBH,MAAM,OAAO,cAAc;8GAAd,cAAc;+GAAd,cAAc,YAjBnB,iBAAiB;YACjB,qCAAqC;YACrC,sBAAsB;YACtB,6BAA6B;YAC7B,6BAA6B;YAC7B,0BAA0B,aAI1B,iBAAiB;YACjB,qCAAqC;YACrC,sBAAsB;YACtB,6BAA6B;YAC7B,6BAA6B;YAC7B,0BAA0B;+GAGrB,cAAc;;2FAAd,cAAc;kBArB1B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,iBAAiB;wBACjB,qCAAqC;wBACrC,sBAAsB;wBACtB,6BAA6B;wBAC7B,6BAA6B;wBAC7B,0BAA0B;qBAC7B;oBACD,OAAO,EACP;wBACI,iBAAiB;wBACjB,qCAAqC;wBACrC,sBAAsB;wBACtB,6BAA6B;wBAC7B,6BAA6B;wBAC7B,0BAA0B;qBAC7B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {DateTimeControlValueAccessorDirective, DateTimeDirective, DateTimeInputDirective, DateTimeMaxValidatorDirective, DateTimeMinValidatorDirective, DateTimeValidatorDirective} from '../directives';\n\n/**\n * Module for basic date time directives, components, pipes\n */\n@NgModule(\n{\n    imports:\n    [\n        DateTimeDirective,\n        DateTimeControlValueAccessorDirective,\n        DateTimeInputDirective,\n        DateTimeMaxValidatorDirective,\n        DateTimeMinValidatorDirective,\n        DateTimeValidatorDirective,\n    ],\n    exports:\n    [\n        DateTimeDirective,\n        DateTimeControlValueAccessorDirective,\n        DateTimeInputDirective,\n        DateTimeMaxValidatorDirective,\n        DateTimeMinValidatorDirective,\n        DateTimeValidatorDirective,\n    ],\n})\nexport class DateTimeModule\n{\n}"]}

package/es2022/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.js

@@ -5,39 +5,45 @@ import { DATE_API } from '../../../misc/tokens';
  * Base abstract class for each date time period picker
  */
 export class DateTimePeriodPickerBase {
-    //######################### protected properties #########################
-    /**
-     * Array of period data to be displayed
-     */
-    periodData = [];
-    /**
-     * Subject used for emitting of value changes
-     */
-    valueChangeSubject = new Subject();
-    /**
-     * Subject used for scaling up
-     */
-    scaleUpSubject = new Subject();
-    /**
-     * Subject used for scaling down
-     */
-    scaleDownSubject = new Subject();
-    /**
-     * Date api instance for displayed date
-     */
-    displayDate;
-    /**
-     * Currently displayed date
-     */
-    displayedDate;
-    /**
-     * Date api instance for max date
-     */
-    maxDateObj;
-    /**
-     * Date api instance for min date
-     */
-    minDateObj;
+    constructor() {
+        //######################### protected properties #########################
+        /**
+         * Array of period data to be displayed
+         */
+        this.periodData = [];
+        /**
+         * Subject used for emitting of value changes
+         */
+        this.valueChangeSubject = new Subject();
+        /**
+         * Subject used for scaling up
+         */
+        this.scaleUpSubject = new Subject();
+        /**
+         * Subject used for scaling down
+         */
+        this.scaleDownSubject = new Subject();
+        /**
+         * Change detector instance
+         */
+        this.changeDetector = inject(ChangeDetectorRef);
+        /**
+         * Instance of date api for manipulation with date time
+         */
+        this.dateApi = inject(DATE_API);
+        /**
+         * @inheritdoc
+         */
+        this.canScaleUp = false;
+        /**
+         * @inheritdoc
+         */
+        this.canScaleDown = false;
+        /**
+         * @inheritdoc
+         */
+        this.ranged = false;
+    }
     /**
      * Gets or sets value as single value
      */
@@ -62,19 +68,6 @@ export class DateTimePeriodPickerBase {
     set rangeValue(value) {
         this.value = value;
     }
-    /**
-     * Change detector instance
-     */
-    changeDetector = inject(ChangeDetectorRef);
-    /**
-     * Instance of date api for manipulation with date time
-     */
-    dateApi = inject(DATE_API);
-    //######################### public properties - implementation of DateTimePicker #########################
-    /**
-     * @inheritdoc
-     */
-    value;
     /**
      * @inheritdoc
      */
@@ -114,18 +107,6 @@ export class DateTimePeriodPickerBase {
         }
         this.minDateObj = this.dateApi.getValue(value);
     }
-    /**
-     * @inheritdoc
-     */
-    canScaleUp = false;
-    /**
-     * @inheritdoc
-     */
-    canScaleDown = false;
-    /**
-     * @inheritdoc
-     */
-    ranged = false;
     /**
      * @inheritdoc
      */

package/es2022/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePeriodPickerBase.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/components/dateTimePeriodPickerBase.ts"],"names":[],"mappings":"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","sourcesContent":["import {ChangeDetectorRef, inject} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\n\nimport {DATE_API} from '../../../misc/tokens';\nimport {DateTimeObjectValue} from '../../../misc/types';\nimport {DateApi, DateApiObject} from '../../../services';\nimport {DateTimePicker, PeriodData} from '../interfaces';\n\n/**\n * Base abstract class for each date time period picker\n */\nexport abstract class DateTimePeriodPickerBase<TPeriod extends PeriodData<TDate>, TDate = unknown> implements DateTimePicker<TDate>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Array of period data to be displayed\n     */\n    protected periodData: TPeriod[] = [];\n\n    /**\n     * Subject used for emitting of value changes\n     */\n    protected valueChangeSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Subject used for scaling up\n     */\n    protected scaleUpSubject: Subject<TDate> = new Subject<TDate>();\n\n    /**\n     * Subject used for scaling down\n     */\n    protected scaleDownSubject: Subject<TDate> = new Subject<TDate>();\n\n    /**\n     * Date api instance for displayed date\n     */\n    protected displayDate: DateApiObject<TDate>|undefined|null;\n\n    /**\n     * Currently displayed date\n     */\n    protected displayedDate: TDate|undefined|null;\n\n    /**\n     * Date api instance for max date\n     */\n    protected maxDateObj: DateApiObject<TDate>|undefined|null;\n\n    /**\n     * Date api instance for min date\n     */\n    protected minDateObj: DateApiObject<TDate>|undefined|null;\n\n    /**\n     * Gets or sets value as single value\n     */\n    protected get singleValue(): DateApiObject<TDate>|undefined|null\n    {\n        if(Array.isArray(this.value))\n        {\n            return null;\n        }\n\n        return this.value;\n    }\n    protected set singleValue(value: DateApiObject<TDate>|undefined|null)\n    {\n        this.value = value;\n    }\n\n    /**\n     * Gets or sets value as single value\n     */\n    protected get rangeValue(): [DateApiObject<TDate>|null, DateApiObject<TDate>|null]|undefined|null\n    {\n        if(!Array.isArray(this.value))\n        {\n            return null;\n        }\n\n        return this.value;\n    }\n    protected set rangeValue(value: [DateApiObject<TDate>|null, DateApiObject<TDate>|null]|undefined|null)\n    {\n        this.value = value;\n    }\n\n    /**\n     * Change detector instance\n     */\n    protected changeDetector: ChangeDetectorRef = inject(ChangeDetectorRef);\n\n    /**\n     * Instance of date api for manipulation with date time\n     */\n    protected dateApi: DateApi<TDate> = inject(DATE_API) as DateApi<TDate>;\n\n    //######################### public properties - implementation of DateTimePicker #########################\n\n    /**\n     * @inheritdoc\n     */\n    public value: DateTimeObjectValue<TDate>|undefined|null;\n\n    /**\n     * @inheritdoc\n     */\n    public get display(): TDate|undefined|null\n    {\n        return this.displayDate?.value;\n    }\n    public set display(value: TDate|undefined|null)\n    {\n        if(!value)\n        {\n            this.displayDate = null;\n\n            return;\n        }\n\n        this.displayDate = this.dateApi.getValue(value);\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get maxDate(): TDate|undefined|null\n    {\n        return this.maxDateObj?.value;\n    }\n    public set maxDate(value: TDate|undefined|null)\n    {\n        if(!value)\n        {\n            this.maxDateObj = null;\n\n            return;\n        }\n\n        this.maxDateObj = this.dateApi.getValue(value);\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get minDate(): TDate|undefined|null\n    {\n        return this.minDateObj?.value;\n    }\n    public set minDate(value: TDate|undefined|null)\n    {\n        if(!value)\n        {\n            this.minDateObj = null;\n\n            return;\n        }\n\n        this.minDateObj = this.dateApi.getValue(value);\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public canScaleUp: boolean = false;\n\n    /**\n     * @inheritdoc\n     */\n    public canScaleDown: boolean = false;\n\n    /**\n     * @inheritdoc\n     */\n    public ranged: boolean = false;\n\n    /**\n     * @inheritdoc\n     */\n    public get valueChange(): Observable<void>\n    {\n        return this.valueChangeSubject.asObservable();\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get scaleUp(): Observable<TDate>\n    {\n        return this.scaleUpSubject.asObservable();\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get scaleDown(): Observable<TDate>\n    {\n        return this.scaleDownSubject.asObservable();\n    }\n\n    //######################### public methods - implementation of invalidatable #########################\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n        this.onRender();\n\n        this.changeDetector.detectChanges();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Method that is being called to render changes\n     */\n    protected abstract onRender(): void;\n\n    /**\n     * Tests whether provided value is in same period target value\n     * @param val - Tested value\n     * @param target - Target value to be tested against\n     */\n    protected abstract isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;\n\n    /**\n     * Updates minimal and maximal value for picker\n     */\n    protected updateMinMax(): void\n    {\n        if(!this.periodData.length)\n        {\n            return;\n        }\n\n        //no min, no max\n        if(!this.minDateObj && !this.maxDateObj)\n        {\n            this.periodData.forEach(itm => itm.disabled = false);\n\n            return;\n        }\n\n        let restAfter = false;\n\n        for(const period of this.periodData)\n        {\n            if(this.minDateObj?.isValid() && this.minDateObj.isAfter(period.dateObj.value) && !this.isSamePeriod(this.minDateObj, period.dateObj.value))\n            {\n                period.disabled = true;\n            }\n\n            if(restAfter || (this.maxDateObj?.isValid() && this.maxDateObj.isBefore(period.dateObj.value) && !this.isSamePeriod(this.maxDateObj, period.dateObj.value)))\n            {\n                restAfter = true;\n                period.disabled = true;\n            }\n        }\n    }\n\n    /**\n     * Sets active date\n     */\n    protected setActive(): void\n    {\n        this.periodData.forEach(itm => itm.active = false);\n\n        if(!this.value)\n        {\n            return;\n        }\n        \n        if(!this.ranged)\n        {\n            if(this.singleValue?.isValid())\n            {\n                const value = this.singleValue;\n                const data = this.periodData.find(itm => this.isSamePeriod(itm.dateObj, value.value));\n\n                if(data)\n                {\n                    data.active = true;\n                }\n            }\n        }\n        else\n        {\n            //TODO: support range\n        }\n    }\n}"]}
+{"version":3,"file":"dateTimePeriodPickerBase.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/components/dateTimePeriodPickerBase.ts"],"names":[],"mappings":"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","sourcesContent":["import {ChangeDetectorRef, inject} from '@angular/core';\nimport {Observable, Subject} from 'rxjs';\n\nimport {DATE_API} from '../../../misc/tokens';\nimport {DateTimeObjectValue} from '../../../misc/types';\nimport {DateApi, DateApiObject} from '../../../services';\nimport {DateTimePicker, PeriodData} from '../interfaces';\n\n/**\n * Base abstract class for each date time period picker\n */\nexport abstract class DateTimePeriodPickerBase<TPeriod extends PeriodData<TDate>, TDate = unknown> implements DateTimePicker<TDate>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Array of period data to be displayed\n     */\n    protected periodData: TPeriod[] = [];\n\n    /**\n     * Subject used for emitting of value changes\n     */\n    protected valueChangeSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Subject used for scaling up\n     */\n    protected scaleUpSubject: Subject<TDate> = new Subject<TDate>();\n\n    /**\n     * Subject used for scaling down\n     */\n    protected scaleDownSubject: Subject<TDate> = new Subject<TDate>();\n\n    /**\n     * Date api instance for displayed date\n     */\n    protected displayDate: DateApiObject<TDate>|undefined|null;\n\n    /**\n     * Currently displayed date\n     */\n    protected displayedDate: TDate|undefined|null;\n\n    /**\n     * Date api instance for max date\n     */\n    protected maxDateObj: DateApiObject<TDate>|undefined|null;\n\n    /**\n     * Date api instance for min date\n     */\n    protected minDateObj: DateApiObject<TDate>|undefined|null;\n\n    /**\n     * Gets or sets value as single value\n     */\n    protected get singleValue(): DateApiObject<TDate>|undefined|null\n    {\n        if(Array.isArray(this.value))\n        {\n            return null;\n        }\n\n        return this.value;\n    }\n    protected set singleValue(value: DateApiObject<TDate>|undefined|null)\n    {\n        this.value = value;\n    }\n\n    /**\n     * Gets or sets value as single value\n     */\n    protected get rangeValue(): [DateApiObject<TDate>|null, DateApiObject<TDate>|null]|undefined|null\n    {\n        if(!Array.isArray(this.value))\n        {\n            return null;\n        }\n\n        return this.value;\n    }\n    protected set rangeValue(value: [DateApiObject<TDate>|null, DateApiObject<TDate>|null]|undefined|null)\n    {\n        this.value = value;\n    }\n\n    /**\n     * Change detector instance\n     */\n    protected changeDetector: ChangeDetectorRef = inject(ChangeDetectorRef);\n\n    /**\n     * Instance of date api for manipulation with date time\n     */\n    protected dateApi: DateApi<TDate> = inject(DATE_API) as DateApi<TDate>;\n\n    //######################### public properties - implementation of DateTimePicker #########################\n\n    /**\n     * @inheritdoc\n     */\n    public value: DateTimeObjectValue<TDate>|undefined|null;\n\n    /**\n     * @inheritdoc\n     */\n    public get display(): TDate|undefined|null\n    {\n        return this.displayDate?.value;\n    }\n    public set display(value: TDate|undefined|null)\n    {\n        if(!value)\n        {\n            this.displayDate = null;\n\n            return;\n        }\n\n        this.displayDate = this.dateApi.getValue(value);\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get maxDate(): TDate|undefined|null\n    {\n        return this.maxDateObj?.value;\n    }\n    public set maxDate(value: TDate|undefined|null)\n    {\n        if(!value)\n        {\n            this.maxDateObj = null;\n\n            return;\n        }\n\n        this.maxDateObj = this.dateApi.getValue(value);\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get minDate(): TDate|undefined|null\n    {\n        return this.minDateObj?.value;\n    }\n    public set minDate(value: TDate|undefined|null)\n    {\n        if(!value)\n        {\n            this.minDateObj = null;\n\n            return;\n        }\n\n        this.minDateObj = this.dateApi.getValue(value);\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public canScaleUp: boolean = false;\n\n    /**\n     * @inheritdoc\n     */\n    public canScaleDown: boolean = false;\n\n    /**\n     * @inheritdoc\n     */\n    public ranged: boolean = false;\n\n    /**\n     * @inheritdoc\n     */\n    public get valueChange(): Observable<void>\n    {\n        return this.valueChangeSubject.asObservable();\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get scaleUp(): Observable<TDate>\n    {\n        return this.scaleUpSubject.asObservable();\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get scaleDown(): Observable<TDate>\n    {\n        return this.scaleDownSubject.asObservable();\n    }\n\n    //######################### public methods - implementation of invalidatable #########################\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n        this.onRender();\n\n        this.changeDetector.detectChanges();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Method that is being called to render changes\n     */\n    protected abstract onRender(): void;\n\n    /**\n     * Tests whether provided value is in same period target value\n     * @param val - Tested value\n     * @param target - Target value to be tested against\n     */\n    protected abstract isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;\n\n    /**\n     * Updates minimal and maximal value for picker\n     */\n    protected updateMinMax(): void\n    {\n        if(!this.periodData.length)\n        {\n            return;\n        }\n\n        //no min, no max\n        if(!this.minDateObj && !this.maxDateObj)\n        {\n            this.periodData.forEach(itm => itm.disabled = false);\n\n            return;\n        }\n\n        let restAfter = false;\n\n        for(const period of this.periodData)\n        {\n            if(this.minDateObj?.isValid() && this.minDateObj.isAfter(period.dateObj.value) && !this.isSamePeriod(this.minDateObj, period.dateObj.value))\n            {\n                period.disabled = true;\n            }\n\n            if(restAfter || (this.maxDateObj?.isValid() && this.maxDateObj.isBefore(period.dateObj.value) && !this.isSamePeriod(this.maxDateObj, period.dateObj.value)))\n            {\n                restAfter = true;\n                period.disabled = true;\n            }\n        }\n    }\n\n    /**\n     * Sets active date\n     */\n    protected setActive(): void\n    {\n        this.periodData.forEach(itm => itm.active = false);\n\n        if(!this.value)\n        {\n            return;\n        }\n        \n        if(!this.ranged)\n        {\n            if(this.singleValue?.isValid())\n            {\n                const value = this.singleValue;\n                const data = this.periodData.find(itm => this.isSamePeriod(itm.dateObj, value.value));\n\n                if(data)\n                {\n                    data.active = true;\n                }\n            }\n        }\n        else\n        {\n            //TODO: support range\n        }\n    }\n}"]}

package/es2022/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.js

@@ -3,11 +3,11 @@ import { POSITION } from '@anglr/common';
 import { extend, isBlank, nameof } from '@jscrpt/common';
 import { Subscription } from 'rxjs';
 import { DATE_TIME_PICKER_OPTIONS } from '../../misc/tokens';
-import { DayPickerSAComponent } from '../dayPicker/dayPicker.component';
-import { MonthPickerSAComponent } from '../monthPicker/monthPicker.component';
-import { YearPickerSAComponent } from '../yearPicker/yearPicker.component';
+import { DayPickerComponent } from '../dayPicker/dayPicker.component';
+import { MonthPickerComponent } from '../monthPicker/monthPicker.component';
+import { YearPickerComponent } from '../yearPicker/yearPicker.component';
 import { formatDateTime, getInternalValue } from '../../../../misc/utils';
-import { DateTimeSADirective } from '../../../dateTime/directives';
+import { DateTimeDirective } from '../../../dateTime/directives';
 import { DateValueProvider } from '../../../../services';
 import { DateTimeValueFormat } from '../../../../misc/enums';
 import * as i0 from "@angular/core";
@@ -23,51 +23,15 @@ const CORRUPTED_CONFIG_TEXT = 'DateTime: Corrupted configuration for DateTimePic
 const defaultOptions = {
     defaultPeriod: 'day',
     periodsDefinition: {
-        'day': DayPickerSAComponent,
-        'month': MonthPickerSAComponent,
-        'year': YearPickerSAComponent,
+        'day': DayPickerComponent,
+        'month': MonthPickerComponent,
+        'year': YearPickerComponent,
     },
 };
 /**
  * Component used for displaying date time picker
  */
-export class DateTimePickerComponent extends DateTimeSADirective {
-    position;
-    valueProvider;
-    //######################### protected properties #########################
-    /**
-     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue
-     */
-    ɵValue;
-    /**
-     * Internal representation of current date time value
-     */
-    internalValue;
-    /**
-     * Subscription for changes in date time period picker
-     */
-    periodChangesSubscription;
-    /**
-     * Options for date time picker
-     */
-    ɵOptions;
-    /**
-     * Currently displayed period type
-     */
-    displayedPeriodType;
-    /**
-     * Name of period which is currently displayed
-     */
-    displayedPeriodName;
-    /**
-     * Instance of created date time period picker
-     */
-    component;
-    //######################### protected properties - children #########################
-    /**
-     * Container used for displaying pickers for specific date time part
-     */
-    pickerContainer;
+export class DateTimePickerComponent extends DateTimeDirective {
     //######################### public properties - inputs #########################
     /**
      * @inheritdoc
@@ -91,20 +55,20 @@ export class DateTimePickerComponent extends DateTimeSADirective {
         this.ɵOptions = extend(true, {}, defaultOptions, value);
         this.setOptions(value);
     }
-    //######################### public properties - outputs #########################
-    /**
-     * @inheritdoc
-     */
-    valueChange = new EventEmitter();
-    /**
-     * @inheritdoc
-     */
-    valueSet = new EventEmitter();
     //######################### constructor #########################
     constructor(position, valueProvider, options) {
         super();
         this.position = position;
         this.valueProvider = valueProvider;
+        //######################### public properties - outputs #########################
+        /**
+         * @inheritdoc
+         */
+        this.valueChange = new EventEmitter();
+        /**
+         * @inheritdoc
+         */
+        this.valueSet = new EventEmitter();
         this.ɵOptions = extend(true, {}, defaultOptions, options);
         this.setOptions(options);
         if (!this.displayedPeriodType) {
@@ -283,12 +247,12 @@ export class DateTimePickerComponent extends DateTimeSADirective {
         this.displayedPeriodName = this.ɵOptions.defaultPeriod;
         this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: POSITION }, { token: i1.DateValueProvider }, { token: DATE_TIME_PICKER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DateTimePickerComponent, selector: "date-time-picker", inputs: { value: "value", options: "options" }, outputs: { valueChange: "valueChange", valueSet: "valueSet" }, viewQueries: [{ propertyName: "pickerContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container #container></ng-container>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: POSITION }, { token: i1.DateValueProvider }, { token: DATE_TIME_PICKER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: DateTimePickerComponent, isStandalone: true, selector: "date-time-picker", inputs: { value: "value", options: "options" }, outputs: { valueChange: "valueChange", valueSet: "valueSet" }, viewQueries: [{ propertyName: "pickerContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container #container/>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DateTimePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DateTimePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'date-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #container></ng-container>" }]
+            args: [{ selector: 'date-time-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #container/>" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [POSITION]

package/es2022/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewChild, ViewContainerRef, Type, EventEmitter, Output, Input, OnChanges, SimpleChanges, Inject, Optional, OnDestroy, ComponentRef, OnInit} from '@angular/core';\nimport {Position, POSITION} from '@anglr/common';\nimport {extend, isBlank, nameof} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputValue} from '../../../../interfaces';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {DATE_TIME_PICKER_OPTIONS} from '../../misc/tokens';\nimport {DayPickerSAComponent} from '../dayPicker/dayPicker.component';\nimport {MonthPickerSAComponent} from '../monthPicker/monthPicker.component';\nimport {DateTimePickerOptions} from './dateTimePicker.interface';\nimport {YearPickerSAComponent} from '../yearPicker/yearPicker.component';\nimport {DateTimePicker} from '../../interfaces';\nimport {formatDateTime, getInternalValue} from '../../../../misc/utils';\nimport {DateTimeSADirective} from '../../../dateTime/directives';\nimport {DateValueProvider} from '../../../../services';\nimport {DateTimeValueFormat} from '../../../../misc/enums';\n\n//TODO: use mixin for set internal\n\n/**\n * Text to be displayed when configuration, options are corrupted\n */\nconst CORRUPTED_CONFIG_TEXT = 'DateTime: Corrupted configuration for DateTimePicker!';\n\n/**\n * Default options for date time picker\n */\nconst defaultOptions: DateTimePickerOptions = \n{\n    defaultPeriod: 'day',\n    periodsDefinition:\n    {\n        'day': DayPickerSAComponent,\n        'month': MonthPickerSAComponent,\n        'year': YearPickerSAComponent,\n    },\n};\n\n/**\n * Component used for displaying date time picker\n */\n@Component(\n{\n    selector: 'date-time-picker',\n    templateUrl: 'dateTimePicker.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimePickerComponent<TDate = unknown> extends DateTimeSADirective<TDate> implements DateTimeInputValue<TDate>, OnInit, OnChanges, OnDestroy\n{\n    //######################### protected properties #########################\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    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n    \n    /**\n     * Subscription for changes in date time period picker\n     */\n    protected periodChangesSubscription: Subscription|undefined|null;\n\n    /**\n     * Options for date time picker\n     */\n    protected ɵOptions: DateTimePickerOptions<TDate>;\n\n    /**\n     * Currently displayed period type\n     */\n    protected displayedPeriodType!: Type<DateTimePicker<TDate>>;\n\n    /**\n     * Name of period which is currently displayed\n     */\n    protected displayedPeriodName!: string;\n\n    /**\n     * Instance of created date time period picker\n     */\n    protected component: ComponentRef<DateTimePicker<TDate>>|undefined|null;\n    \n    //######################### protected properties - children #########################\n\n    /**\n     * Container used for displaying pickers for specific date time part\n     */\n    @ViewChild('container', {read: ViewContainerRef, static: true})\n    protected pickerContainer: ViewContainerRef|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Input()\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        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat, this.dataFormat);\n        this.valueSet.next();\n    }\n\n    /**\n     * Options for date time picker\n     */\n    @Input()\n    public get options(): Partial<DateTimePickerOptions<TDate>>\n    {\n        return this.ɵOptions;\n    }\n    public set options(value: Partial<DateTimePickerOptions<TDate>>)\n    {\n        this.ɵOptions = extend(true, {}, defaultOptions, value);\n\n        this.setOptions(value);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Output()\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    /**\n     * @inheritdoc\n     */\n    @Output()\n    public valueSet: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(@Inject(POSITION) protected position: Position,\n                protected valueProvider: DateValueProvider<TDate>,\n                @Inject(DATE_TIME_PICKER_OPTIONS) @Optional() options?: Partial<DateTimePickerOptions<TDate>>,)\n    {\n        super();\n\n        this.ɵOptions = extend(true, {}, defaultOptions, options);\n        \n        this.setOptions(options);\n\n        if(!this.displayedPeriodType)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        //empty value show now\n        if(isBlank(this.value))\n        {\n            const now = this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, now.value);\n        }\n        else\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, val.isValid() ? val.value : this.dateApi.now().value);\n        }\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(!this.component)\n        {\n            return;\n        }\n\n        const component = this.component.instance;\n        let invalidate: boolean = false;\n\n        if(nameof<DateTimePickerComponent>('maxDateTime') in changes)\n        {\n            component.maxDate = this.maxDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('minDateTime') in changes)\n        {\n            component.minDate = this.minDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('value') in changes)\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            component.display = val.isValid() ? val.value : this.dateApi.now().value;\n            component.value = this.internalValue;\n            invalidate = true;\n        }\n\n        if(this.component && invalidate)\n        {\n            this.component.instance.invalidateVisuals();\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.component?.destroy();\n        this.component = null;\n\n        this.periodChangesSubscription?.unsubscribe();\n        this.periodChangesSubscription = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = getInternalValue(value, this.dateApi, this, this.valueProvider);\n    }\n\n    /**\n     * Shows picker\n     * @param type - Type of period that should be displayed\n     * @param displayDate - Display date to be shown\n     */\n    protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void\n    {\n        if(!this.pickerContainer)\n        {\n            return;\n        }\n\n        //create new component and destroy previous one\n        if(!this.component || (this.component && type != this.displayedPeriodType))\n        {\n            this.displayedPeriodType = type;\n            this.periodChangesSubscription?.unsubscribe();\n            this.periodChangesSubscription = new Subscription();\n            this.component?.destroy();\n            this.component = this.pickerContainer.createComponent(type);\n\n            this.periodChangesSubscription.add(this.component.instance.valueChange.subscribe(() =>\n            {\n                const component = this.component?.instance;\n\n                if(!component)\n                {\n                    return;\n                }\n\n                if(!Array.isArray(component.value))\n                {\n                    this.setInternalValue(component.value?.value);\n                }\n                else\n                {\n                    //TODO: handle ranges\n                }\n\n                this.value = formatDateTime(this.internalValue, this.valueFormat, this.customFormat, this.dataFormat);\n                this.valueChange.emit();\n            }));\n\n            this.periodChangesSubscription.add(this.component.instance.scaleUp.subscribe(date => this.showPicker(this.getUpperType(), date)));\n            this.periodChangesSubscription.add(this.component.instance.scaleDown.subscribe(date => this.showPicker(this.getLowerType(), date)));\n        }\n\n        const component = this.component.instance;\n\n        component.ranged = this.valueFormat === DateTimeValueFormat.RangeOfDateInstances;\n        component.canScaleDown = this.canScaleDown(),\n        component.canScaleUp = this.canScaleUp();\n        component.display = displayDate;\n        component.maxDate = this.maxDateTime;\n        component.minDate = this.minDateTime;\n        component.value = this.internalValue;\n        component.invalidateVisuals();\n    }\n\n    /**\n     * Gets indication whether current period can be scaled down\n     * @param periods - Array of defined period names\n     * @param index - Index of displayed period\n     */\n    protected canScaleDown(periods?: string[], index?: number): boolean\n    {\n        periods ??= Object.keys(this.ɵOptions.periodsDefinition);\n        index ??= periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index <= 0)\n        {\n            return false;\n        }\n\n        return true;\n    }\n\n    /**\n     * Gets indication whether current period can be scaled up\n     * @param periods - Array of defined period names\n     * @param index - Index of displayed period\n     */\n    protected canScaleUp(periods?: string[], index?: number): boolean\n    {\n        periods ??= Object.keys(this.ɵOptions.periodsDefinition);\n        index ??= periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index + 1 >= periods.length)\n        {\n            return false;\n        }\n\n        return true;\n    }\n\n    /**\n     * Gets type that is above current period picker\n     */\n    protected getUpperType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(!this.canScaleUp(periods, index))\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index + 1];\n\n        return this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n\n    /**\n     * Gets type that is below current period picker\n     */\n    protected getLowerType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(!this.canScaleDown(periods, index))\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index - 1];\n\n        return this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n\n    /**\n     * Sets options and use them to set parameters of component\n     * @param options - Options to be set\n     */\n    protected setOptions(options: Partial<DateTimePickerOptions<TDate>> | undefined): void\n    {\n        if(options?.periodsDefinition)\n        {\n            this.ɵOptions.periodsDefinition = options.periodsDefinition;\n        }\n\n        this.displayedPeriodName = this.ɵOptions.defaultPeriod;\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n}","<ng-container #container></ng-container>"]}
+{"version":3,"file":"dateTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewChild, ViewContainerRef, Type, EventEmitter, Output, Input, OnChanges, SimpleChanges, Inject, Optional, OnDestroy, ComponentRef, OnInit} from '@angular/core';\nimport {Position, POSITION} from '@anglr/common';\nimport {extend, isBlank, nameof} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInputValue} from '../../../../interfaces';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {DATE_TIME_PICKER_OPTIONS} from '../../misc/tokens';\nimport {DayPickerComponent} from '../dayPicker/dayPicker.component';\nimport {MonthPickerComponent} from '../monthPicker/monthPicker.component';\nimport {DateTimePickerOptions} from './dateTimePicker.interface';\nimport {YearPickerComponent} from '../yearPicker/yearPicker.component';\nimport {DateTimePicker} from '../../interfaces';\nimport {formatDateTime, getInternalValue} from '../../../../misc/utils';\nimport {DateTimeDirective} from '../../../dateTime/directives';\nimport {DateValueProvider} from '../../../../services';\nimport {DateTimeValueFormat} from '../../../../misc/enums';\n\n//TODO: use mixin for set internal\n\n/**\n * Text to be displayed when configuration, options are corrupted\n */\nconst CORRUPTED_CONFIG_TEXT = 'DateTime: Corrupted configuration for DateTimePicker!';\n\n/**\n * Default options for date time picker\n */\nconst defaultOptions: DateTimePickerOptions = \n{\n    defaultPeriod: 'day',\n    periodsDefinition:\n    {\n        'day': DayPickerComponent,\n        'month': MonthPickerComponent,\n        'year': YearPickerComponent,\n    },\n};\n\n/**\n * Component used for displaying date time picker\n */\n@Component(\n{\n    selector: 'date-time-picker',\n    templateUrl: 'dateTimePicker.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnInit, OnChanges, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Current value of date time, could be string, timestamp, Date, TDate object, or ranged DateTimeValue\n     */\n    protected ɵValue: DateTimeInputOutputValue<TDate>|undefined|null;\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n    \n    /**\n     * Subscription for changes in date time period picker\n     */\n    protected periodChangesSubscription: Subscription|undefined|null;\n\n    /**\n     * Options for date time picker\n     */\n    protected ɵOptions: DateTimePickerOptions<TDate>;\n\n    /**\n     * Currently displayed period type\n     */\n    protected displayedPeriodType!: Type<DateTimePicker<TDate>>;\n\n    /**\n     * Name of period which is currently displayed\n     */\n    protected displayedPeriodName!: string;\n\n    /**\n     * Instance of created date time period picker\n     */\n    protected component: ComponentRef<DateTimePicker<TDate>>|undefined|null;\n    \n    //######################### protected properties - children #########################\n\n    /**\n     * Container used for displaying pickers for specific date time part\n     */\n    @ViewChild('container', {read: ViewContainerRef, static: true})\n    protected pickerContainer: ViewContainerRef|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Input()\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        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.valueFormat, this.customFormat, this.dataFormat);\n        this.valueSet.next();\n    }\n\n    /**\n     * Options for date time picker\n     */\n    @Input()\n    public get options(): Partial<DateTimePickerOptions<TDate>>\n    {\n        return this.ɵOptions;\n    }\n    public set options(value: Partial<DateTimePickerOptions<TDate>>)\n    {\n        this.ɵOptions = extend(true, {}, defaultOptions, value);\n\n        this.setOptions(value);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    @Output()\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    /**\n     * @inheritdoc\n     */\n    @Output()\n    public valueSet: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(@Inject(POSITION) protected position: Position,\n                protected valueProvider: DateValueProvider<TDate>,\n                @Inject(DATE_TIME_PICKER_OPTIONS) @Optional() options?: Partial<DateTimePickerOptions<TDate>>,)\n    {\n        super();\n\n        this.ɵOptions = extend(true, {}, defaultOptions, options);\n        \n        this.setOptions(options);\n\n        if(!this.displayedPeriodType)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        //empty value show now\n        if(isBlank(this.value))\n        {\n            const now = this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, now.value);\n        }\n        else\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            this.showPicker(this.displayedPeriodType, val.isValid() ? val.value : this.dateApi.now().value);\n        }\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(!this.component)\n        {\n            return;\n        }\n\n        const component = this.component.instance;\n        let invalidate: boolean = false;\n\n        if(nameof<DateTimePickerComponent>('maxDateTime') in changes)\n        {\n            component.maxDate = this.maxDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('minDateTime') in changes)\n        {\n            component.minDate = this.minDateTime;\n            invalidate = true;\n        }\n\n        if(nameof<DateTimePickerComponent>('value') in changes)\n        {\n            const val = (Array.isArray(this.internalValue) ? this.internalValue[0] : this.internalValue) ?? this.dateApi.now();\n\n            component.display = val.isValid() ? val.value : this.dateApi.now().value;\n            component.value = this.internalValue;\n            invalidate = true;\n        }\n\n        if(this.component && invalidate)\n        {\n            this.component.instance.invalidateVisuals();\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.component?.destroy();\n        this.component = null;\n\n        this.periodChangesSubscription?.unsubscribe();\n        this.periodChangesSubscription = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = getInternalValue(value, this.dateApi, this, this.valueProvider);\n    }\n\n    /**\n     * Shows picker\n     * @param type - Type of period that should be displayed\n     * @param displayDate - Display date to be shown\n     */\n    protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void\n    {\n        if(!this.pickerContainer)\n        {\n            return;\n        }\n\n        //create new component and destroy previous one\n        if(!this.component || (this.component && type != this.displayedPeriodType))\n        {\n            this.displayedPeriodType = type;\n            this.periodChangesSubscription?.unsubscribe();\n            this.periodChangesSubscription = new Subscription();\n            this.component?.destroy();\n            this.component = this.pickerContainer.createComponent(type);\n\n            this.periodChangesSubscription.add(this.component.instance.valueChange.subscribe(() =>\n            {\n                const component = this.component?.instance;\n\n                if(!component)\n                {\n                    return;\n                }\n\n                if(!Array.isArray(component.value))\n                {\n                    this.setInternalValue(component.value?.value);\n                }\n                else\n                {\n                    //TODO: handle ranges\n                }\n\n                this.value = formatDateTime(this.internalValue, this.valueFormat, this.customFormat, this.dataFormat);\n                this.valueChange.emit();\n            }));\n\n            this.periodChangesSubscription.add(this.component.instance.scaleUp.subscribe(date => this.showPicker(this.getUpperType(), date)));\n            this.periodChangesSubscription.add(this.component.instance.scaleDown.subscribe(date => this.showPicker(this.getLowerType(), date)));\n        }\n\n        const component = this.component.instance;\n\n        component.ranged = this.valueFormat === DateTimeValueFormat.RangeOfDateInstances;\n        component.canScaleDown = this.canScaleDown(),\n        component.canScaleUp = this.canScaleUp();\n        component.display = displayDate;\n        component.maxDate = this.maxDateTime;\n        component.minDate = this.minDateTime;\n        component.value = this.internalValue;\n        component.invalidateVisuals();\n    }\n\n    /**\n     * Gets indication whether current period can be scaled down\n     * @param periods - Array of defined period names\n     * @param index - Index of displayed period\n     */\n    protected canScaleDown(periods?: string[], index?: number): boolean\n    {\n        periods ??= Object.keys(this.ɵOptions.periodsDefinition);\n        index ??= periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index <= 0)\n        {\n            return false;\n        }\n\n        return true;\n    }\n\n    /**\n     * Gets indication whether current period can be scaled up\n     * @param periods - Array of defined period names\n     * @param index - Index of displayed period\n     */\n    protected canScaleUp(periods?: string[], index?: number): boolean\n    {\n        periods ??= Object.keys(this.ɵOptions.periodsDefinition);\n        index ??= periods.indexOf(this.displayedPeriodName);\n\n        if(index < 0)\n        {\n            throw new Error(CORRUPTED_CONFIG_TEXT);\n        }\n\n        if(index + 1 >= periods.length)\n        {\n            return false;\n        }\n\n        return true;\n    }\n\n    /**\n     * Gets type that is above current period picker\n     */\n    protected getUpperType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(!this.canScaleUp(periods, index))\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index + 1];\n\n        return this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n\n    /**\n     * Gets type that is below current period picker\n     */\n    protected getLowerType(): Type<DateTimePicker<TDate>>\n    {\n        const periods = Object.keys(this.ɵOptions.periodsDefinition);\n        const index = periods.indexOf(this.displayedPeriodName);\n\n        if(!this.canScaleDown(periods, index))\n        {\n            return this.displayedPeriodType;\n        }\n\n        this.displayedPeriodName = periods[index - 1];\n\n        return this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n\n    /**\n     * Sets options and use them to set parameters of component\n     * @param options - Options to be set\n     */\n    protected setOptions(options: Partial<DateTimePickerOptions<TDate>> | undefined): void\n    {\n        if(options?.periodsDefinition)\n        {\n            this.ɵOptions.periodsDefinition = options.periodsDefinition;\n        }\n\n        this.displayedPeriodName = this.ɵOptions.defaultPeriod;\n        this.displayedPeriodType = this.ɵOptions.periodsDefinition[this.displayedPeriodName];\n    }\n}","<ng-container #container/>"]}

package/es2022/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.js

@@ -8,20 +8,20 @@ import * as i2 from "../../../../pipes/dateFormat.pipe";
 /**
  * Component used for displaying day picker
  */
-export class DayPickerSAComponent extends DateTimePeriodPickerBase {
-    //######################### protected properties #########################
-    /**
-     * Stored this picker month data
-     */
-    thisMonthData = [];
-    //######################### protected properties - template bindings #########################
-    /**
-     * Names of days
-     */
-    weekdays = [];
+export class DayPickerComponent extends DateTimePeriodPickerBase {
     //######################### constructor #########################
     constructor() {
         super();
+        //######################### protected properties #########################
+        /**
+         * Stored this picker month data
+         */
+        this.thisMonthData = [];
+        //######################### protected properties - template bindings #########################
+        /**
+         * Names of days
+         */
+        this.weekdays = [];
         this.weekdays = this.dateApi.weekdaysShort();
     }
     //######################### protected methods - template bindings #########################
@@ -132,10 +132,10 @@ export class DayPickerSAComponent extends DateTimePeriodPickerBase {
     isSamePeriod(val, target) {
         return val.isSameDay(target);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DayPickerSAComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DayPickerSAComponent, isStandalone: true, selector: "day-picker", host: { properties: { "class.date-time-period": "true" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" *ngIf=\"canScaleDown\">\r\n    <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? scaleDownSubject.next(displayDate.value) : undefined\">{{singleValue?.isValid() ? (singleValue?.value | dateFormat: 'time') : '0:00'}}</div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DayPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: DayPickerComponent, isStandalone: true, selector: "day-picker", host: { properties: { "class.date-time-period": "true" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextMonth()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div class=\"weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</div>\r\n    <div *ngFor=\"let day of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.other-month]=\"day.otherMonth\"\r\n         [class.today]=\"day.today\"\r\n         [class.weekend]=\"day.weekend\"\r\n         [class.active]=\"day.active\"\r\n         [class.disabled]=\"day.disabled\"\r\n         (mousedown)=\"selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" *ngIf=\"canScaleDown\">\r\n    <div [class.clickable]=\"canScaleDown\" (mousedown)=\"displayDate ? scaleDownSubject.next(displayDate.value) : undefined\">{{singleValue?.isValid() ? (singleValue?.value | dateFormat: 'time') : '0:00'}}</div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DayPickerSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DayPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'day-picker', host: {
                         '[class.date-time-period]': 'true',