@anglr/datetime 5.0.0-beta.20221018120203 → 5.0.0-beta.20221019112435

package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;;;;AAGjD;;GAEG;AAiBH,MAAM,OAAO,oBAAsC,SAAQ,wBAA+B;IAetF,iEAAiE;IACjE,YAAwC,OAAuB;QAE3D,KAAK,EAAE,CAAC;QAF4B,YAAO,GAAP,OAAO,CAAgB;QAd/D,8FAA8F;QAE9F;;WAEG;QACO,aAAQ,GAAa,EAAE,CAAC;QAElC;;;WAGG;QACI,eAAU,GAAqB,EAAE,CAAC;IAMzC,CAAC;IAED,2FAA2F;IAEjF,SAAS,CAAC,OAAgB;QAEhC,IAAG,CAAC,IAAI,CAAC,KAAK,EACd;YACI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;SAC/F;QAED,cAAc;QACd,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAC7B;YACI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAE5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;SAClC;IACL,CAAC;IAED;;;OAGG;IACO,SAAS,CAAC,KAAY;QAE5B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;QAE/B,kCAAkC;IACtC,CAAC;IAED;;;OAGG;IACO,aAAa,CAAC,KAAY;QAEhC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;QAEpC,mCAAmC;IACvC,CAAC;;iHAhEQ,oBAAoB,kBAgBT,QAAQ;qGAhBnB,oBAAoB,yJC7BjC,65CAoBM,2CDIE,YAAY,+PACZ,eAAe;2FAIV,oBAAoB;kBAhBhC,SAAS;+BAEI,YAAY,QAGtB;wBACI,0BAA0B,EAAE,MAAM;qBACrC,cACW,IAAI,WAEhB;wBACI,YAAY;wBACZ,eAAe;qBAClB,mBACgB,uBAAuB,CAAC,MAAM;;0BAkBlC,MAAM;2BAAC,QAAQ","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DateTimePicker} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {DayData} from '../../../../legacy/picker/interfaces';\nimport {DATE_API} from '../../../../misc/tokens';\nimport {DateApi} from '../../../../services';\n\n/**\n * Component used for displaying day picker\n */\n@Component(\n{\n    selector: 'day-picker',\n    templateUrl: 'dayPicker.component.html',\n    host:\n    {\n        '[class.date-time-period]': 'true',\n    },\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        DatePipesModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Names of days\n     */\n    protected weekdays: string[] = [];\n\n    /**\n     * Array of period data to be displayed\n     * @internal\n     */\n    public periodData: DayData<TDate>[] = [];\n\n    //######################### constructor #########################\n    constructor(@Inject(DATE_API) protected dateApi: DateApi<TDate>,)\n    {\n        super();\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    protected selectDay(dayData: DayData): void\n    {\n        if(!this.value)\n        {\n            this.value = this.displayDate?.clone() ?? this.dateApi.getValue(this.display ?? new Date());\n        }\n\n        //single value\n        if(!Array.isArray(this.value))\n        {\n            this.value.dayOfMonth(dayData.day);\n            this.value.updateOriginal();\n\n            this.valueChangeSubject.next();\n        }\n    }\n\n    /**\n     * Changes displayed month to next month\n     * @param event - Event that occured\n     */\n    protected nextMonth(event: Event): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n        this.displayDate?.addMonths(1);\n\n        // this.display(this.displayDate);\n    }\n\n    /**\n     * Changes displayed month to previous month\n     * @param event - Event that occured\n     */\n    protected previousMonth(event: Event): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n        this.displayDate?.subtractMonths(1);\n\n        // this.display(this.displayDate!);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousMonth($event)\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"$event.stopPropagation(); $event.preventDefault(); displayDate ? 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($event)\"></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         (click)=\"$event.stopPropagation(); $event.preventDefault(); selectDay(day)\">{{day.day}}</div>\r\n</div>\r\n\r\n<div class=\"go-down-button\" style=\"justify-content: center; border-top: 1px solid #FFF;\" *ngIf=\"canScaleDown\">\r\n    <!-- <div [class.clickable]=\"canScaleDown\" (mousedown)=\"$event.stopPropagation(); $event.preventDefault(); displayDate ? goDownSubject.next(displayDate.value) : undefined\">{{timeValue?.from | dateFormat: 'time'}}</div> -->\r\n</div>"]}

package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dayPicker.interfaces.js.map

package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayPicker.interfaces.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["import {CommonPickerCssClasses} from '../../../../legacy/picker/interfaces';\n\n/**\n * Specific css classes for day picker\n */\nexport interface DayPickerCssClasses extends CommonPickerCssClasses\n{\n    /**\n     * Element displaying weekday name\n     */\n    weekdayName?: string;\n}"]}

package/es2020/src/modules/dateTimePicker/components/index.js

@@ -0,0 +1,5 @@
+export * from './dateTimePeriodPickerBase';
+export * from './dateTimePicker/dateTimePicker.component';
+export * from './dateTimePicker/dateTimePicker.interface';
+export * from './dayPicker/dayPicker.component';
+//# sourceMappingURL=index.js.map

package/es2020/src/modules/dateTimePicker/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './dateTimePeriodPickerBase';\nexport * from './dateTimePicker/dateTimePicker.component';\nexport * from './dateTimePicker/dateTimePicker.interface';\nexport * from './dayPicker/dayPicker.component';\n"]}

package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js

@@ -0,0 +1,188 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, ElementRef, Inject, Input, Optional, ViewContainerRef } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { POSITION, applyPositionResult, PositionPlacement } from '@anglr/common';
+import { extend, nameof, isDescendant, BindThis } from '@jscrpt/common';
+import { lastValueFrom, Subscription } from 'rxjs';
+import { DATE_TIME_INPUT } from '../../../../misc/tokens';
+import { DateTimePickerComponent } from '../../components';
+import { DATE_TIME_PICKER_DIRECTIVE_OPTIONS } from '../../misc/tokens';
+import * as i0 from "@angular/core";
+/**
+ * Default options for date time picker directive
+ */
+const defaultOptions = {
+    absolute: true,
+    alwaysVisible: false,
+    closeOnValueSelect: true,
+    disabled: false,
+    positionOptions: PositionPlacement.BottomStart,
+    showOnFocus: true,
+};
+/**
+ * Directive that is used for displaying and attaching date time picker
+ */
+export class DateTimePickerDirective {
+    //######################### constructor #########################
+    constructor(viewContainer, element, input, document, position, options) {
+        this.viewContainer = viewContainer;
+        this.element = element;
+        this.input = input;
+        this.document = document;
+        this.position = position;
+        //######################### protected properties #########################
+        /**
+         * Indication whether is value changes disabled
+         */
+        this.valueChangeDisabled = false;
+        /**
+         * Subscriptions created during initialization
+         */
+        this.initSubscriptions = new Subscription();
+        this.ɵWithPickerOptions = extend(true, {}, defaultOptions, options);
+    }
+    //######################### public properties - inputs #########################
+    /**
+     * Gets or sets options for date time picker directive
+     */
+    get withPickerOptions() {
+        return this.ɵWithPickerOptions;
+    }
+    set withPickerOptions(value) {
+        this.ɵWithPickerOptions = extend(true, {}, this.ɵWithPickerOptions, value);
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    async ngOnInit() {
+        if (this.withPickerOptions.alwaysVisible) {
+            this.showPicker();
+        }
+        this.initSubscriptions.add(this.input.valueChange.subscribe(() => {
+            this.setPickerValue();
+            this.componentRef?.changeDetectorRef.detectChanges();
+        }));
+        this.initSubscriptions.add(this.input.focus.subscribe(() => {
+            if (this.withPickerOptions.showOnFocus) {
+                this.showPicker();
+            }
+        }));
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.hidePicker();
+        this.initSubscriptions.unsubscribe();
+    }
+    //######################### public methods #########################
+    /**
+     * Hides date time picker
+     */
+    async showPicker() {
+        if (this.withPickerOptions.disabled || this.componentRef) {
+            return;
+        }
+        this.componentRef = this.viewContainer.createComponent((DateTimePickerComponent));
+        this.componentElement = this.componentRef?.hostView.rootNodes[0];
+        this.component = this.componentRef.instance;
+        if (this.withPickerOptions.absolute) {
+            this.document.body.append(this.componentElement);
+        }
+        this.valueChangeSubscription = this.component.valueChange.subscribe(() => {
+            if (this.component) {
+                this.valueChangeDisabled = true;
+                this.input.value = this.component.value;
+                this.input.valueChange.emit();
+                this.valueChangeDisabled = false;
+            }
+        });
+        this.document.addEventListener('click', this.handleClickOutside);
+        const result = await lastValueFrom(this.position.placeElement(this.componentElement, this.element.nativeElement, {
+            placement: this.withPickerOptions.positionOptions,
+        }));
+        applyPositionResult(result);
+        this.setPickerValue();
+        // this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.input.);
+        // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);
+        // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);
+        this.componentRef.changeDetectorRef.detectChanges();
+    }
+    /**
+     * Shows date time picker
+     */
+    hidePicker() {
+        if (this.withPickerOptions.alwaysVisible) {
+            return;
+        }
+        this.valueChangeSubscription?.unsubscribe();
+        this.valueChangeSubscription = null;
+        this.component = null;
+        this.componentRef?.destroy();
+        this.componentRef = null;
+        this.componentElement?.remove();
+        this.componentElement = null;
+        this.document.removeEventListener('click', this.handleClickOutside);
+    }
+    //######################### protected methods #########################
+    /**
+     * Sets all picker value
+     */
+    setPickerValue() {
+        if (this.valueChangeDisabled) {
+            return;
+        }
+        if (this.componentRef) {
+            this.componentRef.setInput(nameof('value'), this.input.value);
+        }
+    }
+    /**
+     * Handles clicking outside of picker
+     * @param event - Event that occured
+     */
+    handleClickOutside(event) {
+        if (!this.componentElement) {
+            return;
+        }
+        if (this.componentElement != event.target &&
+            !isDescendant(this.componentElement, event.target) &&
+            (!this.input.element || (this.input.element != event.target &&
+                !isDescendant(this.input.element, event.target)))) {
+            this.hidePicker();
+        }
+    }
+}
+DateTimePickerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: DATE_TIME_INPUT }, { token: DOCUMENT }, { token: POSITION }, { token: DATE_TIME_PICKER_DIRECTIVE_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimePickerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: DateTimePickerDirective, selector: "[dateTime][withPicker]", inputs: { withPickerOptions: "withPickerOptions" }, exportAs: ["dateTimePicker"], ngImport: i0 });
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:returntype", void 0)
+], DateTimePickerDirective.prototype, "handleClickOutside", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimePickerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][withPicker]',
+                    exportAs: 'dateTimePicker'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_TIME_INPUT]
+                }] }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POSITION]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_TIME_PICKER_DIRECTIVE_OPTIONS]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { withPickerOptions: [{
+                type: Input
+            }], handleClickOutside: [] } });
+//# sourceMappingURL=dateTimePicker.directive.js.map

package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ComponentRef, Directive, ElementRef, EmbeddedViewRef, Inject, Input, OnDestroy, OnInit, Optional, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Position, POSITION, applyPositionResult, PositionPlacement} from '@anglr/common';\nimport {extend, nameof, isDescendant, BindThis} from '@jscrpt/common';\nimport {lastValueFrom, Subscription} from 'rxjs';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimePickerComponent} from '../../components';\nimport {DateTimePickerDirectiveOptions} from './dateTimePicker.interface';\nimport {DATE_TIME_PICKER_DIRECTIVE_OPTIONS} from '../../misc/tokens';\n\n/**\n * Default options for date time picker directive\n */\nconst defaultOptions: DateTimePickerDirectiveOptions =\n{\n    absolute: true,\n    alwaysVisible: false,\n    closeOnValueSelect: true,\n    disabled: false,\n    positionOptions: PositionPlacement.BottomStart,\n    showOnFocus: true,\n};\n\n/**\n * Directive that is used for displaying and attaching date time picker\n */\n@Directive(\n{\n    selector: '[dateTime][withPicker]',\n    exportAs: 'dateTimePicker'\n})\nexport class DateTimePickerDirective<TDate = unknown> implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Indication whether is value changes disabled\n     */\n    protected valueChangeDisabled: boolean = false;\n\n    /**\n     * Options for date time picker directive\n     */\n    protected ɵWithPickerOptions: DateTimePickerDirectiveOptions;\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected initSubscriptions: Subscription = new Subscription();\n\n    /**\n     * Date time picker component reference\n     */\n    protected componentRef: ComponentRef<DateTimePickerComponent<TDate>>|undefined|null;\n\n    /**\n     * Instance of date time picker component\n     */\n    protected component: DateTimePickerComponent<TDate>|undefined|null;\n\n    /**\n     * Instance of date time picker element\n     */\n    protected componentElement: HTMLElement|undefined|null;\n\n    /**\n     * Subscription for value changes in picker\n     */\n    protected valueChangeSubscription: Subscription|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets options for date time picker directive\n     */\n    @Input()\n    public get withPickerOptions(): Partial<DateTimePickerDirectiveOptions>\n    {\n        return this.ɵWithPickerOptions;\n    }\n    public set withPickerOptions(value: Partial<DateTimePickerDirectiveOptions>)\n    {\n        this.ɵWithPickerOptions = extend(true, {}, this.ɵWithPickerOptions, value);\n    }\n\n    //######################### constructor #########################\n    constructor(protected viewContainer: ViewContainerRef,\n                protected element: ElementRef<HTMLElement>,\n                @Inject(DATE_TIME_INPUT) protected input: DateTimeInput<TDate>,\n                @Inject(DOCUMENT) protected document: Document,\n                @Inject(POSITION) protected position: Position,\n                @Inject(DATE_TIME_PICKER_DIRECTIVE_OPTIONS) @Optional() options?: DateTimePickerDirectiveOptions,)\n    {\n        this.ɵWithPickerOptions = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public async ngOnInit(): Promise<void>\n    {\n        if(this.withPickerOptions.alwaysVisible)\n        {\n            this.showPicker();\n        }\n\n        this.initSubscriptions.add(this.input.valueChange.subscribe(() =>\n        {\n            this.setPickerValue();\n            this.componentRef?.changeDetectorRef.detectChanges();\n        }));\n\n        this.initSubscriptions.add(this.input.focus.subscribe(() =>\n        {\n            if(this.withPickerOptions.showOnFocus)\n            {\n                this.showPicker();\n            }\n        }));\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.hidePicker();\n        this.initSubscriptions.unsubscribe();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Hides date time picker\n     */\n    public async showPicker(): Promise<void>\n    {\n        if(this.withPickerOptions.disabled || this.componentRef)\n        {\n            return;\n        }\n\n        this.componentRef = this.viewContainer.createComponent(DateTimePickerComponent<TDate>);\n        this.componentElement = (this.componentRef?.hostView as EmbeddedViewRef<DateTimePickerComponent<TDate>>).rootNodes[0] as HTMLElement;\n        this.component = this.componentRef.instance;\n\n        if(this.withPickerOptions.absolute)\n        {\n            this.document.body.append(this.componentElement);\n        }\n\n        this.valueChangeSubscription = this.component.valueChange.subscribe(() =>\n        {\n            if(this.component)\n            {\n                this.valueChangeDisabled = true;\n                this.input.value = this.component.value;\n                this.input.valueChange.emit();\n                this.valueChangeDisabled = false;\n            }\n        });\n\n        this.document.addEventListener('click', this.handleClickOutside);\n\n        const result = await lastValueFrom(this.position.placeElement(this.componentElement, this.element.nativeElement,\n        {\n            placement: this.withPickerOptions.positionOptions,\n        }));\n\n        applyPositionResult(result);\n        this.setPickerValue();\n        // this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.input.);\n        // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);\n        // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);\n        this.componentRef.changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * Shows date time picker\n     */\n    public hidePicker(): void\n    {\n        if(this.withPickerOptions.alwaysVisible)\n        {\n            return;\n        }\n\n        this.valueChangeSubscription?.unsubscribe();\n        this.valueChangeSubscription = null;\n\n        this.component = null;\n\n        this.componentRef?.destroy();\n        this.componentRef = null;\n\n        this.componentElement?.remove();\n        this.componentElement = null;\n\n        this.document.removeEventListener('click', this.handleClickOutside);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets all picker value\n     */\n    protected setPickerValue(): void\n    {\n        if(this.valueChangeDisabled)\n        {\n            return;\n        }\n\n        if(this.componentRef)\n        {\n            this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);\n        }\n    }\n\n    /**\n     * Handles clicking outside of picker\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleClickOutside(event: MouseEvent): void\n    {\n        if(!this.componentElement)\n        {\n            return;\n        }\n\n        if(this.componentElement != event.target &&\n           !isDescendant(this.componentElement, event.target as HTMLElement) &&\n           (!this.input.element || (this.input.element != event.target &&\n                                    !isDescendant(this.input.element, event.target as HTMLElement))))\n        {\n            this.hidePicker();\n        }\n    }\n}"]}

package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dateTimePicker.interface.js.map

package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {PositionPlacement} from '@anglr/common';\n\n/**\n * Defintion of date time picker directive options\n */\nexport interface DateTimePickerDirectiveOptions\n{\n    /**\n     * Indication whether close picker on value selection\n     */\n    closeOnValueSelect: boolean;\n\n    /**\n     * Indication whether display picker when date time input gets focus\n     */\n    showOnFocus: boolean;\n\n    /**\n     * Indication whether is picker always visible, mostly used for debugging\n     */\n    alwaysVisible: boolean;\n\n    /**\n     * Indication whether picker is disabled, if true, you cant display picker\n     */\n    disabled: boolean;\n\n    /**\n     * Indication whether use absolute global positioning of picker\n     */\n    absolute: boolean;\n\n    /**\n     * Position options that are used to position picker\n     */\n    positionOptions: Partial<PositionPlacement>;\n}"]}

package/es2020/src/modules/dateTimePicker/directives/index.js

@@ -0,0 +1,3 @@
+export * from './dateTimePicker/dateTimePicker.directive';
+export * from './dateTimePicker/dateTimePicker.interface';
+//# sourceMappingURL=index.js.map

package/es2020/src/modules/dateTimePicker/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './dateTimePicker/dateTimePicker.directive';\nexport * from './dateTimePicker/dateTimePicker.interface';\n"]}

package/es2020/src/modules/dateTimePicker/index.js

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './directives';
+export * from './interfaces';
+export * from './misc/tokens';
+export * from './modules';
+//# sourceMappingURL=index.js.map

package/es2020/src/modules/dateTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/dateTimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC","sourcesContent":["export * from './components';\nexport * from './directives';\nexport * from './interfaces';\nexport * from './misc/tokens';\nexport * from './modules';\n"]}

package/es2020/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dateTimePicker.interface.js.map

package/es2020/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Observable} from 'rxjs';\n\nimport {DateTimeObjectValue} from '../../../../misc/types';\n\n/**\n * Describes date time picker API for each date time period\n */\nexport interface DateTimePicker<TDate = unknown, TOptions = unknown>\n{\n    /**\n     * Value of date time picker\n     */\n    value: DateTimeObjectValue<TDate>|undefined|null;\n\n    /**\n     * Options for date time picker period\n     */\n    options: TOptions|undefined|null;\n\n    /**\n     * Date that describes which date should be displayed\n     */\n    display: TDate|undefined|null;\n\n    /**\n     * Max allowed date\n     */\n    maxDate: TDate|undefined|null;\n\n    /**\n     * Min allowed date to be selected\n     */\n    minDate: TDate|undefined|null;\n\n    /**\n     * Indication whether picker can display scale date time period up\n     */\n    canScaleUp: boolean;\n\n    /**\n     * Indication whether picker can display scale date time period down\n     */\n    canScaleDown: boolean;\n\n    /**\n     * Occurs when date time picker value changes\n     */\n    readonly valueChange: Observable<void>;    \n\n    /**\n     * Occurs when period should be scaled up\n     */\n    readonly scaleUp: Observable<TDate>;\n\n    /**\n     * Occurs when period should be scaled down\n     */\n    readonly scaleDown: Observable<TDate>;\n}"]}

package/es2020/src/modules/dateTimePicker/interfaces/index.js

@@ -0,0 +1,2 @@
+export * from './dateTimePicker/dateTimePicker.interface';
+//# sourceMappingURL=index.js.map

package/es2020/src/modules/dateTimePicker/interfaces/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './dateTimePicker/dateTimePicker.interface';\n"]}

package/es2020/src/modules/dateTimePicker/misc/tokens.js

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Injection token for global options for date time picker directive
+ */
+export const DATE_TIME_PICKER_DIRECTIVE_OPTIONS = new InjectionToken('DATE_TIME_PICKER_DIRECTIVE_OPTIONS');
+/**
+ * Injection token for global options for date time picker component
+ */
+export const DATE_TIME_PICKER_OPTIONS = new InjectionToken('DATE_TIME_PICKER_OPTIONS');
+//# sourceMappingURL=tokens.js.map

package/es2020/src/modules/dateTimePicker/misc/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/misc/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAK7C;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAA4D,IAAI,cAAc,CAA0C,oCAAoC,CAAC,CAAC;AAE7M;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAmD,IAAI,cAAc,CAAiC,0BAA0B,CAAC,CAAC","sourcesContent":["import {InjectionToken} from '@angular/core';\n\nimport {DateTimePickerOptions} from '../components/dateTimePicker/dateTimePicker.interface';\nimport {DateTimePickerDirectiveOptions} from '../directives/dateTimePicker/dateTimePicker.interface';\n\n/**\n * Injection token for global options for date time picker directive\n */\nexport const DATE_TIME_PICKER_DIRECTIVE_OPTIONS: InjectionToken<Partial<DateTimePickerDirectiveOptions>> = new InjectionToken<Partial<DateTimePickerDirectiveOptions>>('DATE_TIME_PICKER_DIRECTIVE_OPTIONS');\n\n/**\n * Injection token for global options for date time picker component\n */\nexport const DATE_TIME_PICKER_OPTIONS: InjectionToken<Partial<DateTimePickerOptions>> = new InjectionToken<Partial<DateTimePickerOptions>>('DATE_TIME_PICKER_OPTIONS');"]}

package/es2020/src/modules/dateTimePicker/modules/dateTimePicker.module.js

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { DateTimePickerComponent } from '../components';
+import { DateTimePickerDirective } from '../directives';
+import * as i0 from "@angular/core";
+/**
+ * Module for components that are used as date time picker
+ */
+export class DateTimePickerModule {
+}
+DateTimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DateTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: DateTimePickerModule, declarations: [DateTimePickerComponent,
+        DateTimePickerDirective], exports: [DateTimePickerComponent,
+        DateTimePickerDirective] });
+DateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimePickerModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: DateTimePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DateTimePickerComponent,
+                        DateTimePickerDirective,
+                    ],
+                    exports: [
+                        DateTimePickerComponent,
+                        DateTimePickerDirective,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=dateTimePicker.module.js.map

package/es2020/src/modules/dateTimePicker/modules/dateTimePicker.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.module.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/modules/dateTimePicker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAC;;AAEtD;;GAEG;AAcH,MAAM,OAAO,oBAAoB;;iHAApB,oBAAoB;kHAApB,oBAAoB,iBATzB,uBAAuB;QACvB,uBAAuB,aAIvB,uBAAuB;QACvB,uBAAuB;kHAGlB,oBAAoB;2FAApB,oBAAoB;kBAbhC,QAAQ;mBACT;oBACI,YAAY,EACZ;wBACI,uBAAuB;wBACvB,uBAAuB;qBAC1B;oBACD,OAAO,EACP;wBACI,uBAAuB;wBACvB,uBAAuB;qBAC1B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {DateTimePickerComponent} from '../components';\nimport {DateTimePickerDirective} from '../directives';\n\n/**\n * Module for components that are used as date time picker\n */\n@NgModule(\n{\n    declarations:\n    [\n        DateTimePickerComponent,\n        DateTimePickerDirective,\n    ],\n    exports:\n    [\n        DateTimePickerComponent,\n        DateTimePickerDirective,\n    ],\n})\nexport class DateTimePickerModule\n{\n}"]}

package/es2020/src/modules/dateTimePicker/modules/index.js

@@ -0,0 +1,2 @@
+export * from './dateTimePicker.module';
+//# sourceMappingURL=index.js.map

package/es2020/src/modules/dateTimePicker/modules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/dateTimePicker/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './dateTimePicker.module';\n"]}

package/es2020/src/modules/index.js

@@ -1,3 +1,4 @@
 export * from './datePipes.module';
 export * from './dateTime';
+export * from './dateTimePicker';
 //# sourceMappingURL=index.js.map

package/es2020/src/modules/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC","sourcesContent":["export * from './datePipes.module';\nexport * from './dateTime';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './datePipes.module';\nexport * from './dateTime';\nexport * from './dateTimePicker';\n"]}

package/es2020/src/pipes/dateFormat.pipe.js

@@ -1,5 +1,5 @@
 import { Inject, Pipe } from '@angular/core';
-import { nameof } from '@jscrpt/common';
+import { isString, nameof } from '@jscrpt/common';
 import { DATE_API, FORMAT_PROVIDER } from '../misc/tokens';
 import * as i0 from "@angular/core";
 /**
@@ -11,14 +11,8 @@ export class DateFormatPipe {
         this._formatProvider = _formatProvider;
         this._dateApi = _dateApi;
     }
-    //######################### public methods - implementation of PipeTransform #########################
-    /**
-     * Formats provided date into formatted string
-     * @param value - value to be transformed
-     * @param format - Format that is used for formatting, can be also 'FormatProvider' key
-     * @param parseFormat - format used for parsing string date
-     */
-    transform(value, format = nameof('date'), parseFormat) {
+    transform(value, format = nameof('date'), parseFormatOrCustomFormat, _customFormat) {
+        const parseFormat = isString(parseFormatOrCustomFormat) ? parseFormatOrCustomFormat : undefined;
         //format provider value
         if (format in this._formatProvider) {
             format = this._formatProvider[format];

package/es2020/src/pipes/dateFormat.pipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateFormat.pipe.js","sourceRoot":"","sources":["../../../src/pipes/dateFormat.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGtC,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;;AAGzD;;GAEG;AAEH,MAAM,OAAO,cAAc;IAEvB,kEAAkE;IAClE,YAA6C,eAA+B,EACtC,QAAwB;QADjB,oBAAe,GAAf,eAAe,CAAgB;QACtC,aAAQ,GAAR,QAAQ,CAAgB;IAE9D,CAAC;IAED,sGAAsG;IAEtG;;;;;OAKG;IACI,SAAS,CAAC,KAAsB,EAAE,SAAsC,MAAM,CAAiB,MAAM,CAAC,EAAE,WAAoB;QAE/H,uBAAuB;QACvB,IAAG,MAAM,IAAI,IAAI,CAAC,eAAe,EACjC;YACI,MAAM,GAAS,IAAI,CAAC,eAAgB,CAAC,MAAM,CAAC,CAAC;SAChD;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAE3D,IAAG,OAAO,CAAC,OAAO,EAAE,EACpB;YACI,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;SAC1D;QAED,OAAO,EAAE,CAAC;IACd,CAAC;;2GAhCQ,cAAc,kBAGH,eAAe,aACf,QAAQ;yGAJnB,cAAc;2FAAd,cAAc;kBAD1B,IAAI;mBAAC,EAAC,IAAI,EAAE,YAAY,EAAC;;0BAIT,MAAM;2BAAC,eAAe;;0BACtB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Inject, Pipe, PipeTransform} from '@angular/core';\nimport {nameof} from '@jscrpt/common';\n\nimport {FormatProvider} from '../interfaces';\nimport {DATE_API, FORMAT_PROVIDER} from '../misc/tokens';\nimport {DateApi, DateValue} from '../services';\n\n/**\n * Pipe that is used for formatting date\n */\n@Pipe({name: 'dateFormat'})\nexport class DateFormatPipe<TDate = any> implements PipeTransform\n{\n    //######################### constructors #########################\n    constructor(@Inject(FORMAT_PROVIDER) private _formatProvider: FormatProvider,\n                @Inject(DATE_API) private _dateApi: DateApi<TDate>)\n    {\n    }\n\n    //######################### public methods - implementation of PipeTransform #########################\n\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - Format that is used for formatting, can be also 'FormatProvider' key\n     * @param parseFormat - format used for parsing string date\n     */\n    public transform(value: TDate|DateValue, format: string|keyof FormatProvider = nameof<FormatProvider>('date'), parseFormat?: string): string\n    {\n        //format provider value\n        if(format in this._formatProvider)\n        {\n            format = (<any>this._formatProvider)[format];\n        }\n\n        const dateObj = this._dateApi.getValue(value, parseFormat);\n\n        if(dateObj.isValid())\n        {\n            return dateObj.format(this._dateApi.getFormat(format));\n        }\n\n        return '';\n    }\n}"]}
+{"version":3,"file":"dateFormat.pipe.js","sourceRoot":"","sources":["../../../src/pipes/dateFormat.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGhD,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;;AAGzD;;GAEG;AAEH,MAAM,OAAO,cAAc;IAEvB,kEAAkE;IAClE,YAA6C,eAA+B,EACtC,QAAwB;QADjB,oBAAe,GAAf,eAAe,CAAgB;QACtC,aAAQ,GAAR,QAAQ,CAAgB;IAE9D,CAAC;IAqCM,SAAS,CAAC,KAAsB,EAAE,SAAsC,MAAM,CAAiB,MAAM,CAAC,EAAE,yBAA0C,EAAE,aAAuB;QAE9K,MAAM,WAAW,GAAqB,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC;QAElH,uBAAuB;QACvB,IAAG,MAAM,IAAI,IAAI,CAAC,eAAe,EACjC;YACI,MAAM,GAAS,IAAI,CAAC,eAAgB,CAAC,MAAM,CAAC,CAAC;SAChD;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAE3D,IAAG,OAAO,CAAC,OAAO,EAAE,EACpB;YACI,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;SAC1D;QAED,OAAO,EAAE,CAAC;IACd,CAAC;;2GA7DQ,cAAc,kBAGH,eAAe,aACf,QAAQ;yGAJnB,cAAc;2FAAd,cAAc;kBAD1B,IAAI;mBAAC,EAAC,IAAI,EAAE,YAAY,EAAC;;0BAIT,MAAM;2BAAC,eAAe;;0BACtB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Inject, Pipe, PipeTransform} from '@angular/core';\nimport {isString, nameof} from '@jscrpt/common';\n\nimport {FormatProvider} from '../interfaces';\nimport {DATE_API, FORMAT_PROVIDER} from '../misc/tokens';\nimport {DateApi, DateValue} from '../services';\n\n/**\n * Pipe that is used for formatting date\n */\n@Pipe({name: 'dateFormat'})\nexport class DateFormatPipe<TDate = any> implements PipeTransform\n{\n    //######################### constructors #########################\n    constructor(@Inject(FORMAT_PROVIDER) private _formatProvider: FormatProvider,\n                @Inject(DATE_API) private _dateApi: DateApi<TDate>)\n    {\n    }\n\n    //######################### public methods - implementation of PipeTransform #########################\n\n    /**\n     * Formats provided date into formatted string, with default format 'date'\n     * @param value - value to be transformed\n     */\n    public transform(value: TDate|DateValue): string\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - predefined format that is used for formatting, one of 'FormatProvider' keys\n     */\n    public transform(value: TDate|DateValue, format: keyof FormatProvider): string\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - predefined format that is used for formatting, one of 'FormatProvider' keys\n     * @param parseFormat - format used for parsing string date\n     */\n    public transform(value: TDate|DateValue, format: keyof FormatProvider, parseFormat: string): string\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - format that is used for formatting\n     * @param customFormat - indication that custom format is used\n     */\n    public transform(value: TDate|DateValue, format: string, customFormat: true): string\n    /**\n     * Formats provided date into formatted string\n     * @param value - value to be transformed\n     * @param format - format that is used for formatting\n     * @param parseFormat - format used for parsing string date\n     * @param customFormat - indication that custom format is used\n     */\n    public transform(value: TDate|DateValue, format: string, parseFormat: string, customFormat: true): string\n    public transform(value: TDate|DateValue, format: string|keyof FormatProvider = nameof<FormatProvider>('date'), parseFormatOrCustomFormat?: string|boolean, _customFormat?: boolean): string\n    {\n        const parseFormat: string|undefined = isString(parseFormatOrCustomFormat) ? parseFormatOrCustomFormat : undefined;\n        \n        //format provider value\n        if(format in this._formatProvider)\n        {\n            format = (<any>this._formatProvider)[format];\n        }\n\n        const dateObj = this._dateApi.getValue(value, parseFormat);\n\n        if(dateObj.isValid())\n        {\n            return dateObj.format(this._dateApi.getFormat(format));\n        }\n\n        return '';\n    }\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/datetime",
-    "version": "5.0.0-beta.20221018120203",
+    "version": "5.0.0-beta.20221019112435",
     "description": "Angular library for datetime manipulation components",
     "type": "module",
     "sideEffects": false,
@@ -119,6 +119,12 @@
         "./package.json": {
             "default": "./package.json"
         },
+        "./styles": {
+            "sass": "./styles/index.scss"
+        },
+        "./styles/themes/*": {
+            "sass": "./styles/themes/*.scss"
+        },
         "./src/theme.scss": {
             "sass": "./src/theme.scss"
         },

package/src/interfaces/dateTimeInput/dateTimeInput.interface.d.ts

@@ -11,7 +11,7 @@ export interface DateTimeInputValue<TDate = unknown> {
     /**
      * Occurs when value changes
      */
-    valueChange: EventEmitter<void>;
+    readonly valueChange: EventEmitter<void>;
 }
 /**
  * Defines date time input and communication API for it
@@ -20,7 +20,7 @@ export interface DateTimeInput<TDate = unknown> extends DateTimeInputValue<TDate
     /**
      * Value of date time, raw string value which is visible to user
      */
-    rawValue: string | undefined | null;
+    readonly rawValue: string | undefined | null;
     /**
      * Indication whether is date time disabled
      */
@@ -28,10 +28,14 @@ export interface DateTimeInput<TDate = unknown> extends DateTimeInputValue<TDate
     /**
      * Occurs when input gains focus
      */
-    focus: EventEmitter<FocusEvent>;
+    readonly focus: EventEmitter<FocusEvent>;
     /**
      * Occurs when input loses focus
      */
-    blur: EventEmitter<FocusEvent>;
+    readonly blur: EventEmitter<FocusEvent>;
+    /**
+     * Html element that represents input itself
+     */
+    readonly element: HTMLElement;
 }
 //# sourceMappingURL=dateTimeInput.interface.d.ts.map

package/src/interfaces/dateTimeInput/dateTimeInput.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimeInput.interface.d.ts","sourceRoot":"","sources":["dateTimeInput.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,KAAK,GAAG,OAAO;IAE/C;;OAEG;IACH,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEtD;;OAEG;IACH,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;CACnC;AACD;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,kBAAkB,CAAC,KAAK,CAAC;IAE7E;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC;IAEhC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEhC;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAClC"}
+{"version":3,"file":"dateTimeInput.interface.d.ts","sourceRoot":"","sources":["dateTimeInput.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,KAAK,GAAG,OAAO;IAE/C;;OAEG;IACH,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEtD;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;CAC5C;AACD;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,kBAAkB,CAAC,KAAK,CAAC;IAE7E;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC;IAEzC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAExC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;CACjC"}

package/src/legacy/picker/components/dayPicker/dayPicker.component.d.ts

@@ -1,14 +1,14 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { DateTimeValue } from '../../../../interfaces/dateTime/datetime.interface';
 import { DateApi, DateApiObject } from '../../../../services/dateApi/dateApi.interface';
-import { DateTimePicker, DayData, PeriodData } from '../../misc/datetimePicker.interface';
+import { DateTimeLegacyPicker, DayData, PeriodData } from '../../misc/datetimePicker.interface';
 import { PickerBaseComponent } from '../pickerBase.component';
 import { DayPickerCssClasses } from './dayPicker.interfaces';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying day picker
  */
-export declare class DateTimeDayPickerComponent<TDate = any> extends PickerBaseComponent<TDate, DayData<TDate>, DayPickerCssClasses> implements DateTimePicker<TDate, DayPickerCssClasses> {
+export declare class DateTimeDayPickerComponent<TDate = any> extends PickerBaseComponent<TDate, DayData<TDate>, DayPickerCssClasses> implements DateTimeLegacyPicker<TDate, DayPickerCssClasses> {
     /**
      * Stored this picker month data
      */

package/src/legacy/picker/components/dayPicker/dayPicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAG5F,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AAEjF,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,cAAc,EAAE,OAAO,EAAE,UAAU,EAAC,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;;AAiB3D;;GAEG;AACH,qBAOa,0BAA0B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,mBAAmB,CAAC;IAI9K;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;IAIhD;;;OAGG;IACI,QAAQ,EAAE,MAAM,EAAE,CAAM;IAE/B;;OAEG;IACH,IAAW,SAAS,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI,CAGlD;gBAG6B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAU7C;;;;OAIG;IACI,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAejC;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQpC;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQxC;;;;;OAKG;IACa,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAkD/D;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAgEjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA/O7D,0BAA0B;2CAA1B,0BAA0B;CAmPtC"}
+{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAG5F,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AAEjF,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,OAAO,EAAE,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;;AAiB3D;;GAEG;AACH,qBAOa,0BAA0B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,CAAC;IAIpL;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;IAIhD;;;OAGG;IACI,QAAQ,EAAE,MAAM,EAAE,CAAM;IAE/B;;OAEG;IACH,IAAW,SAAS,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI,CAGlD;gBAG6B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAU7C;;;;OAIG;IACI,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAejC;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQpC;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQxC;;;;;OAKG;IACa,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAkD/D;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IA+DjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA9O7D,0BAA0B;2CAA1B,0BAA0B;CAkPtC"}

package/src/legacy/picker/components/monthPicker/monthPicker.component.d.ts

@@ -1,13 +1,13 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { DateApi, DateApiObject } from '../../../../services/dateApi/dateApi.interface';
-import { DateTimePicker, MonthData, PeriodData } from '../../misc/datetimePicker.interface';
+import { DateTimeLegacyPicker, MonthData, PeriodData } from '../../misc/datetimePicker.interface';
 import { PickerBaseComponent } from '../pickerBase.component';
 import { MonthPickerCssClasses } from './monthPicker.interfaces';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying month picker
  */
-export declare class DateTimeMonthPickerComponent<TDate = any> extends PickerBaseComponent<TDate, MonthData<TDate>, MonthPickerCssClasses> implements DateTimePicker<TDate, MonthPickerCssClasses> {
+export declare class DateTimeMonthPickerComponent<TDate = any> extends PickerBaseComponent<TDate, MonthData<TDate>, MonthPickerCssClasses> implements DateTimeLegacyPicker<TDate, MonthPickerCssClasses> {
     constructor(dateApi: DateApi<TDate>, changeDetector: ChangeDetectorRef);
     /**
      * Changes displayed year to next year

package/src/legacy/picker/components/monthPicker/monthPicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"monthPicker.component.d.ts","sourceRoot":"","sources":["monthPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,cAAc,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAC1F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;;AAgB/D;;GAEG;AACH,qBAOa,4BAA4B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,qBAAqB,CAAC;gBAGxJ,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,QAAQ,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;;OAIG;IACI,YAAY,CAAC,KAAK,EAAE,KAAK;IAUhC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAgCjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA7G7D,4BAA4B;2CAA5B,4BAA4B;CAiHxC"}
+{"version":3,"file":"monthPicker.component.d.ts","sourceRoot":"","sources":["monthPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAChG,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;;AAgB/D;;GAEG;AACH,qBAOa,4BAA4B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,CAAC;gBAG9J,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,QAAQ,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;;OAIG;IACI,YAAY,CAAC,KAAK,EAAE,KAAK;IAUhC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAgCjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA7G7D,4BAA4B;2CAA5B,4BAA4B;CAiHxC"}

package/src/legacy/picker/components/picker/picker.component.d.ts

@@ -2,18 +2,18 @@ import { Type, OnInit, EventEmitter, ChangeDetectorRef, OnDestroy } from '@angul
 import { Subscription } from 'rxjs';
 import { DateTimeValue } from '../../../../interfaces/dateTime/datetime.interface';
 import { DateApi } from '../../../../services';
-import { DateTimePicker, DateTimePickerOptions } from '../../misc/datetimePicker.interface';
+import { DateTimeLegacyPicker, DateTimePickerLegacyOptions } from '../../misc/datetimePicker.interface';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying date time picker
  */
-export declare class DateTimePickerComponent<TDate = any> implements OnInit, OnDestroy {
+export declare class DateTimePickerLegacyComponent<TDate = any> implements OnInit, OnDestroy {
     protected _dateApi: DateApi<TDate>;
     protected _changeDetector: ChangeDetectorRef;
     /**
      * Instance of active date time picker
      */
-    protected _activePicker?: DateTimePicker<TDate>;
+    protected _activePicker?: DateTimeLegacyPicker<TDate>;
     /**
      * Name, id of displayed picker
      */
@@ -45,12 +45,12 @@ export declare class DateTimePickerComponent<TDate = any> implements OnInit, OnD
     /**
      * Current options used by picker
      */
-    protected _options: DateTimePickerOptions<DateTimePicker<TDate>>;
+    protected _options: DateTimePickerLegacyOptions<DateTimeLegacyPicker<TDate>>;
     /**
      * Currently active date time picker component type
      * @internal
      */
-    activePickerComponent?: Type<DateTimePicker<TDate>>;
+    activePickerComponent?: Type<DateTimeLegacyPicker<TDate>>;
     /**
      * Active picker index
      * @internal
@@ -59,8 +59,8 @@ export declare class DateTimePickerComponent<TDate = any> implements OnInit, OnD
     /**
      * Current options used by picker
      */
-    get options(): Partial<DateTimePickerOptions<DateTimePicker<TDate>>>;
-    set options(value: Partial<DateTimePickerOptions<DateTimePicker<TDate>>>);
+    get options(): Partial<DateTimePickerLegacyOptions<DateTimeLegacyPicker<TDate>>>;
+    set options(value: Partial<DateTimePickerLegacyOptions<DateTimeLegacyPicker<TDate>>>);
     /**
      * Current selected value
      */
@@ -80,7 +80,7 @@ export declare class DateTimePickerComponent<TDate = any> implements OnInit, OnD
      * Occurs when value changes
      */
     valueChange: EventEmitter<DateTimeValue<TDate>>;
-    constructor(configuration: Partial<DateTimePickerOptions<DateTimePicker<TDate>>>, _dateApi: DateApi<TDate>, _changeDetector: ChangeDetectorRef);
+    constructor(configuration: Partial<DateTimePickerLegacyOptions<DateTimeLegacyPicker<TDate>>>, _dateApi: DateApi<TDate>, _changeDetector: ChangeDetectorRef);
     /**
      * Initialize component
      */
@@ -94,12 +94,12 @@ export declare class DateTimePickerComponent<TDate = any> implements OnInit, OnD
      * @param picker - Instance of picker or null
      * @internal
      */
-    pickerCreated(picker: DateTimePicker<TDate>): void;
+    pickerCreated(picker: DateTimeLegacyPicker<TDate>): void;
     /**
      * Sets picker css classes
      */
     protected _setPickerCssClasses(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent<any>, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent<any>, "date-time-picker", never, { "options": "options"; "value": "value"; "minValue": "minValue"; "maxValue": "maxValue"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerLegacyComponent<any>, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerLegacyComponent<any>, "date-time-picker", never, { "options": "options"; "value": "value"; "minValue": "minValue"; "maxValue": "maxValue"; }, { "valueChange": "valueChange"; }, never, never, false>;
 }
 //# sourceMappingURL=picker.component.d.ts.map