@anglr/datetime 5.0.0-beta.20221020100553 → 5.0.0-beta.20221020172624

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

@@ -1 +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"]}
+{"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;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './dateTimePeriodPickerBase';\nexport * from './dateTimePicker/dateTimePicker.component';\nexport * from './dateTimePicker/dateTimePicker.interface';\nexport * from './dayPicker/dayPicker.component';\nexport * from './monthPicker/monthPicker.component';\nexport * from './yearPicker/yearPicker.component';\n"]}

package/es2020/src/modules/dateTimePicker/components/monthPicker/monthPicker.component.js

@@ -0,0 +1,119 @@
+import { Component, ChangeDetectionStrategy, Inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { DatePipesModule } from '../../../datePipes.module';
+import { FORMAT_PROVIDER } from '../../../../misc/tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../pipes/dateFormat.pipe";
+/**
+ * Component used for displaying month picker
+ */
+export class MonthPickerSAComponent extends DateTimePeriodPickerBase {
+    //######################### constructor #########################
+    constructor(formatProvider) {
+        super();
+        this.formatProvider = formatProvider;
+    }
+    //######################### protected methods - template bindings #########################
+    /**
+     * Selects month as value of day time picker
+     * @param monthData - Month data that were selected
+     */
+    selectMonth(monthData) {
+        if (monthData.disabled) {
+            return;
+        }
+        //no value selected yet
+        if (!this.value) {
+            this.value = this.displayDate?.clone() ?? this.dateApi.getValue(this.display ?? new Date());
+        }
+        //single value
+        if (!Array.isArray(this.value)) {
+            this.value.year(monthData.dateObj.year());
+            this.value.month(monthData.dateObj.month());
+            this.value.updateOriginal();
+            this.valueChangeSubject.next();
+        }
+        else {
+            //TODO: range
+        }
+        this.render();
+        this.changeDetector.detectChanges();
+    }
+    /**
+     * Changes displayed year to next year
+     */
+    nextYear() {
+        this.displayDate?.addYears(1).updateOriginal();
+        this.render();
+    }
+    /**
+     * Changes displayed year to previous year
+     */
+    previousYear() {
+        this.displayDate?.subtractYears(1).updateOriginal();
+        this.render();
+    }
+    //######################### protected methods #########################
+    /**
+     * Renders current day picker data
+     */
+    render() {
+        //same year only data change
+        if (this.displayedDate && this.displayDate?.isSameYear(this.displayedDate)) {
+            this.setActive();
+            this.updateMinMax();
+            return;
+        }
+        this.displayedDate = this.displayDate?.value;
+        this.periodData = [];
+        if (!this.displayDate) {
+            return;
+        }
+        const monthOfYear = this.displayDate.startOfYear().updateOriginal();
+        for (let x = 0; x < 12; x++) {
+            this.periodData.push({
+                active: false,
+                disabled: false,
+                date: monthOfYear.value,
+                name: monthOfYear.format(this.dateApi.getFormat(this.formatProvider.monthNameShort)),
+                dateObj: monthOfYear.clone(),
+            });
+            monthOfYear.addMonths(1);
+        }
+        this.displayDate.resetOriginal();
+        this.setActive();
+        this.updateMinMax();
+    }
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    onRender() {
+        this.render();
+    }
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    isSamePeriod(val, target) {
+        return val.isSameMonth(target);
+    }
+}
+MonthPickerSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: MonthPickerSAComponent, deps: [{ token: FORMAT_PROVIDER }], target: i0.ɵɵFactoryTarget.Component });
+MonthPickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: MonthPickerSAComponent, isStandalone: true, selector: "month-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)=\"previousYear()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextYear()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let month of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"month.active\"\r\n         [class.disabled]=\"month.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(month.dateObj.value) : selectMonth(month)\">{{month.name}}</div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: MonthPickerSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'month-picker', host: {
+                        '[class.date-time-period]': 'true',
+                    }, standalone: true, imports: [
+                        CommonModule,
+                        DatePipesModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousYear()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextYear()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let month of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"month.active\"\r\n         [class.disabled]=\"month.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(month.dateObj.value) : selectMonth(month)\">{{month.name}}</div>\r\n</div>" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FORMAT_PROVIDER]
+                }] }]; } });
+//# sourceMappingURL=monthPicker.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/monthPicker/monthPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/monthPicker/monthPicker.component.html"],"names":[],"mappings":"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","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 {MonthData} from '../../../../legacy/picker/interfaces';\nimport {DateApiObject} from '../../../../services';\nimport {FORMAT_PROVIDER} from '../../../../misc/tokens';\nimport {FormatProvider} from '../../../../interfaces';\n\n/**\n * Component used for displaying month picker\n */\n@Component(\n{\n    selector: 'month-picker',\n    templateUrl: 'monthPicker.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 MonthPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<MonthData<TDate>, TDate> implements DateTimePicker<TDate>\n{\n    //######################### constructor #########################\n    constructor(@Inject(FORMAT_PROVIDER) protected formatProvider: FormatProvider,)\n    {\n        super();\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Selects month as value of day time picker\n     * @param monthData - Month data that were selected\n     */\n    protected selectMonth(monthData: MonthData<TDate>): void\n    {\n        if(monthData.disabled)\n        {\n            return;\n        }\n\n        //no value selected yet\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.year(monthData.dateObj.year());\n            this.value.month(monthData.dateObj.month());\n            this.value.updateOriginal();\n\n            this.valueChangeSubject.next();\n        }\n        else\n        {\n            //TODO: range\n        }\n\n        this.render();\n        this.changeDetector.detectChanges();\n    }\n\n    /**\n     * Changes displayed year to next year\n     */\n    protected nextYear(): void\n    {\n        this.displayDate?.addYears(1).updateOriginal();\n\n        this.render();\n    }\n\n    /**\n     * Changes displayed year to previous year\n     */\n    protected previousYear(): void\n    {\n        this.displayDate?.subtractYears(1).updateOriginal();\n\n        this.render();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders current day picker data\n     */\n    protected render(): void\n    {\n        //same year only data change\n        if(this.displayedDate && this.displayDate?.isSameYear(this.displayedDate))\n        {\n            this.setActive();\n            this.updateMinMax();\n\n            return;\n        }\n\n        this.displayedDate = this.displayDate?.value;\n        this.periodData = [];\n\n        if(!this.displayDate)\n        {\n            return;\n        }\n\n        const monthOfYear = this.displayDate.startOfYear().updateOriginal();\n\n        for(let x = 0; x < 12; x++)\n        {\n            this.periodData.push(\n            {\n                active: false,\n                disabled: false,\n                date: monthOfYear.value,\n                name: monthOfYear.format(this.dateApi.getFormat(this.formatProvider.monthNameShort)),\n                dateObj: monthOfYear.clone(),\n            });\n\n            monthOfYear.addMonths(1);\n        }\n\n        this.displayDate.resetOriginal();\n        \n        this.setActive();\n        this.updateMinMax();\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected onRender(): void\n    {\n        this.render();\n    }\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 isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean\n    {\n        return val.isSameMonth(target);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousYear()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'year'}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextYear()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let month of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"month.active\"\r\n         [class.disabled]=\"month.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(month.dateObj.value) : selectMonth(month)\">{{month.name}}</div>\r\n</div>"]}

package/es2020/src/modules/dateTimePicker/components/yearPicker/yearPicker.component.js

@@ -0,0 +1,122 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { DatePipesModule } from '../../../datePipes.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Component used for displaying year picker
+ */
+export class YearPickerSAComponent extends DateTimePeriodPickerBase {
+    constructor() {
+        super(...arguments);
+        //######################### protected properties - template bindings #########################
+        /**
+         * Displayed decade period
+         */
+        this.period = '';
+    }
+    //######################### protected methods - template bindings #########################
+    /**
+     * Selects year as value of day time picker
+     * @param yearData - Year data that were selected
+     */
+    selectYear(yearData) {
+        if (yearData.disabled) {
+            return;
+        }
+        //no value selected yet
+        if (!this.value) {
+            this.value = this.displayDate?.clone() ?? this.dateApi.getValue(this.display ?? new Date());
+        }
+        //single value
+        if (!Array.isArray(this.value)) {
+            this.value.year(yearData.dateObj.year());
+            this.value.updateOriginal();
+            this.valueChangeSubject.next();
+        }
+        else {
+            //TODO: range
+        }
+        this.render();
+        this.changeDetector.detectChanges();
+    }
+    /**
+     * Changes displayed decade to next decade
+     */
+    nextDecade() {
+        this.displayDate?.addYears(10).updateOriginal();
+        this.render();
+    }
+    /**
+     * Changes displayed decade to previous decade
+     */
+    previousDecade() {
+        this.displayDate?.subtractYears(10).updateOriginal();
+        this.render();
+    }
+    //######################### protected methods #########################
+    /**
+     * Renders current day picker data
+     */
+    render() {
+        //same decade only data change
+        if (this.displayedDate && this.displayDate?.isSameDecade(this.displayedDate)) {
+            this.setActive();
+            this.updateMinMax();
+            return;
+        }
+        this.displayedDate = this.displayDate?.value;
+        this.periodData = [];
+        if (!this.displayDate) {
+            return;
+        }
+        let year = this.displayDate.startOfYear().year();
+        while (year % 10 !== 0) {
+            year--;
+        }
+        this.displayDate.year(year).updateOriginal();
+        for (let x = 0; x < 10; x++) {
+            this.periodData.push({
+                active: false,
+                disabled: false,
+                date: this.displayDate.value,
+                value: year,
+                dateObj: this.displayDate.clone(),
+            });
+            year++;
+            this.displayDate.addYears(1);
+        }
+        this.displayDate.resetOriginal();
+        this.period = `${this.displayDate.year()} - ${this.displayDate.year() + 10}`;
+        this.setActive();
+        this.updateMinMax();
+    }
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    onRender() {
+        this.render();
+    }
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    isSamePeriod(val, target) {
+        return val.isSameYear(target);
+    }
+}
+YearPickerSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: YearPickerSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+YearPickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: YearPickerSAComponent, isStandalone: true, selector: "year-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)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let year of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"year.active\"\r\n         [class.disabled]=\"year.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: DatePipesModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: YearPickerSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'year-picker', host: {
+                        '[class.date-time-period]': 'true',
+                    }, standalone: true, imports: [
+                        CommonModule,
+                        DatePipesModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let year of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"year.active\"\r\n         [class.disabled]=\"year.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n</div>" }]
+        }] });
+//# sourceMappingURL=yearPicker.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yearPicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/yearPicker/yearPicker.component.ts","../../../../../../src/modules/dateTimePicker/components/yearPicker/yearPicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DateTimePicker} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {YearData} from '../../../../legacy/picker/interfaces';\nimport {DateApiObject} from '../../../../services';\n\n/**\n * Component used for displaying year picker\n */\n@Component(\n{\n    selector: 'year-picker',\n    templateUrl: 'yearPicker.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 YearPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<YearData<TDate>, TDate> implements DateTimePicker<TDate>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Displayed decade period\n     */\n    protected period: string = '';\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Selects year as value of day time picker\n     * @param yearData - Year data that were selected\n     */\n    protected selectYear(yearData: YearData<TDate>): void\n    {\n        if(yearData.disabled)\n        {\n            return;\n        }\n\n        //no value selected yet\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.year(yearData.dateObj.year());\n            this.value.updateOriginal();\n\n            this.valueChangeSubject.next();\n        }\n        else\n        {\n            //TODO: range\n        }\n\n        this.render();\n        this.changeDetector.detectChanges();\n    }\n\n    /**\n     * Changes displayed decade to next decade\n     */\n    public nextDecade(): void\n    {\n        this.displayDate?.addYears(10).updateOriginal();\n\n        this.render();\n    }\n\n    /**\n     * Changes displayed decade to previous decade\n     */\n    public previousDecade(): void\n    {\n        this.displayDate?.subtractYears(10).updateOriginal();\n\n        this.render();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders current day picker data\n     */\n    protected render(): void\n    {\n        //same decade only data change\n        if(this.displayedDate && this.displayDate?.isSameDecade(this.displayedDate))\n        {\n            this.setActive();\n            this.updateMinMax();\n\n            return;\n        }\n\n        this.displayedDate = this.displayDate?.value;\n        this.periodData = [];\n\n        if(!this.displayDate)\n        {\n            return;\n        }\n\n        let year = this.displayDate.startOfYear().year();\n\n        while(year % 10 !== 0)\n        {\n            year--;\n        }\n\n        this.displayDate.year(year).updateOriginal();\n\n        for(let x = 0; x < 10; x++)\n        {\n            this.periodData.push(\n            {\n                active: false,\n                disabled: false,\n                date: this.displayDate.value,\n                value: year,\n                dateObj: this.displayDate.clone(),\n            });\n\n            year++;\n            this.displayDate.addYears(1);\n        }\n\n        this.displayDate.resetOriginal();\n        this.period = `${this.displayDate.year()} - ${this.displayDate.year() + 10}`;\n        \n        this.setActive();\n        this.updateMinMax();\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected onRender(): void\n    {\n        this.render();\n    }\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 isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean\n    {\n        return val.isSameYear(target);\n    }\n}","<div class=\"period\">\r\n    <div class=\"fas fa-angle-left clickable\" (mousedown)=\"previousDecade()\"></div>\r\n    <div class=\"period-value\" [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{period}}</div>\r\n    <div class=\"fas fa-angle-right clickable\" (mousedown)=\"nextDecade()\"></div>\r\n</div>\r\n\r\n<div class=\"period-data\">\r\n    <div *ngFor=\"let year of periodData\"\r\n         class=\"period-datum clickable\"\r\n         [class.active]=\"year.active\"\r\n         [class.disabled]=\"year.disabled\"\r\n         (mousedown)=\"canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)\">{{year.value}}</div>\r\n</div>"]}

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

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Invalidatable} from '@jscrpt/common';\nimport {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> extends Invalidatable\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}"]}
+{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Invalidatable} from '@jscrpt/common';\nimport {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> extends Invalidatable\n{\n    /**\n     * Value of date time picker\n     */\n    value: DateTimeObjectValue<TDate>|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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/datetime",
-    "version": "5.0.0-beta.20221020100553",
+    "version": "5.0.0-beta.20221020172624",
     "description": "Angular library for datetime manipulation components",
     "type": "module",
     "sideEffects": false,

package/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.d.ts

@@ -7,7 +7,7 @@ import { DateTimePicker } from '../interfaces';
 /**
  * Base abstract class for each date time period picker
  */
-export declare abstract class DateTimePeriodPickerBase<TPeriod extends PeriodData<TDate>, TDate = unknown, TOptions = unknown> implements DateTimePicker<TDate, TOptions> {
+export declare abstract class DateTimePeriodPickerBase<TPeriod extends PeriodData<TDate>, TDate = unknown> implements DateTimePicker<TDate> {
     /**
      * Array of period data to be displayed
      */
@@ -28,6 +28,10 @@ export declare abstract class DateTimePeriodPickerBase<TPeriod extends PeriodDat
      * Date api instance for displayed date
      */
     protected displayDate: DateApiObject<TDate> | undefined | null;
+    /**
+     * Currently displayed date
+     */
+    protected displayedDate: TDate | undefined | null;
     /**
      * Date api instance for max date
      */
@@ -48,10 +52,6 @@ export declare abstract class DateTimePeriodPickerBase<TPeriod extends PeriodDat
      * @inheritdoc
      */
     value: DateTimeObjectValue<TDate> | undefined | null;
-    /**
-     * @inheritdoc
-     */
-    options: TOptions | undefined | null;
     /**
      * @inheritdoc
      */
@@ -105,5 +105,9 @@ export declare abstract class DateTimePeriodPickerBase<TPeriod extends PeriodDat
      * Updates minimal and maximal value for picker
      */
     protected updateMinMax(): void;
+    /**
+     * Sets active date
+     */
+    protected setActive(): void;
 }
 //# sourceMappingURL=dateTimePeriodPickerBase.d.ts.map

package/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePeriodPickerBase.d.ts","sourceRoot":"","sources":["dateTimePeriodPickerBase.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dateTimePeriodPickerBase.d.ts","sourceRoot":"","sources":["dateTimePeriodPickerBase.ts"],"names":[],"mappings":"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"}

package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.d.ts

@@ -84,6 +84,18 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
      * @param displayDate - Display date to be shown
      */
     protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void;
+    /**
+     * Gets indication whether current period can be scaled down
+     * @param periods - Array of defined period names
+     * @param index - Index of displayed period
+     */
+    protected canScaleDown(periods?: string[], index?: number): boolean;
+    /**
+     * Gets indication whether current period can be scaled up
+     * @param periods - Array of defined period names
+     * @param index - Index of displayed period
+     */
+    protected canScaleUp(periods?: string[], index?: number): boolean;
     /**
      * Gets type that is above current period picker
      */

package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.component.d.ts","sourceRoot":"","sources":["dateTimePicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAiB,SAAS,EAAE,aAAa,EAAoB,SAAS,EAAE,YAAY,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAC9M,OAAO,EAAC,QAAQ,EAAW,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,wBAAwB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAGrF,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;;AAqBvD;;GAEG;AACH,qBAMa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,iBAAiB,CAAC,KAAK,CAAE,YAAW,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;IA2FvH,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC9C,SAAS,CAAC,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC;IAxF7D;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjE;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,yBAAyB,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjE;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAEtC;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAIxE;;OAEG;IAEH,SAAS,CAAC,eAAe,EAAE,gBAAgB,GAAC,SAAS,GAAC,IAAI,CAAC;IAI3D;;OAEG;IACH,IACW,KAAK,IAAI,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAGjE;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,EAKrE;IAED;;OAEG;IACH,IACW,OAAO,IAAI,OAAO,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAG1D;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAQ9D;IAID;;OAEG;IAEI,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,CAA4B;gBAG1B,QAAQ,EAAE,QAAQ,EACpC,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC,EACH,OAAO,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAsBhG;;OAEG;IACI,QAAQ,IAAI,IAAI;IAmBvB;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAuChD;;OAEG;IACa,WAAW,IAAI,IAAI;IAanC;;;OAGG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,GAAG,IAAI;IA6CvF;;;;OAIG;IACH,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI;IAqDjF;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAqBrD;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;yCAzU5C,uBAAuB;2CAAvB,uBAAuB;CA6VnC"}
+{"version":3,"file":"dateTimePicker.component.d.ts","sourceRoot":"","sources":["dateTimePicker.component.ts"],"names":[],"mappings":"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"}

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.d.ts

@@ -11,20 +11,16 @@ export declare class DayPickerSAComponent<TDate = unknown> extends DateTimePerio
      * Stored this picker month data
      */
     protected thisMonthData: DayData<TDate>[];
-    /**
-     * Currently displayed month
-     */
-    protected displayedMonth: TDate | undefined | null;
     /**
      * Names of days
      */
     protected weekdays: string[];
     constructor();
     /**
-     *
+     * Selects day as value of date time picker
      * @param dayData - Day data that were selected
      */
-    protected selectDay(dayData: DayData): void;
+    protected selectDay(dayData: DayData<TDate>): void;
     /**
      * Changes displayed month to next month
      */
@@ -37,10 +33,6 @@ export declare class DayPickerSAComponent<TDate = unknown> extends DateTimePerio
      * Renders current day picker data
      */
     protected render(): void;
-    /**
-     * Sets active date
-     */
-    protected setActive(): void;
     /**
      * @inheritdoc
      */

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAC,OAAO,EAAC,MAAM,sCAAsC,CAAC;AAC7D,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;;AAEnD;;GAEG;AACH,qBAgBa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAIvI;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;IAE/C;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAI/C;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAM;;IAYlC;;;OAGG;IACH,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAqC3C;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;IAO3B;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAS/B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IAgExB;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;IA+B3B;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;yCAhNhE,oBAAoB;2CAApB,oBAAoB;CAoNhC"}
+{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAC,OAAO,EAAC,MAAM,sCAAsC,CAAC;AAC7D,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;;AAEnD;;GAEG;AACH,qBAgBa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAIvI;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;IAI/C;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAM;;IAYlC;;;OAGG;IACH,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAwClD;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;IAO3B;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAS/B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IAmExB;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;yCA/KhE,oBAAoB;2CAApB,oBAAoB;CAmLhC"}

package/src/modules/dateTimePicker/components/index.d.ts

@@ -2,4 +2,6 @@ export * from './dateTimePeriodPickerBase';
 export * from './dateTimePicker/dateTimePicker.component';
 export * from './dateTimePicker/dateTimePicker.interface';
 export * from './dayPicker/dayPicker.component';
+export * from './monthPicker/monthPicker.component';
+export * from './yearPicker/yearPicker.component';
 //# sourceMappingURL=index.d.ts.map

package/src/modules/dateTimePicker/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}

package/src/modules/dateTimePicker/components/monthPicker/monthPicker.component.d.ts

@@ -0,0 +1,43 @@
+import { DateTimePicker } from '../../interfaces';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { MonthData } from '../../../../legacy/picker/interfaces';
+import { DateApiObject } from '../../../../services';
+import { FormatProvider } from '../../../../interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Component used for displaying month picker
+ */
+export declare class MonthPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<MonthData<TDate>, TDate> implements DateTimePicker<TDate> {
+    protected formatProvider: FormatProvider;
+    constructor(formatProvider: FormatProvider);
+    /**
+     * Selects month as value of day time picker
+     * @param monthData - Month data that were selected
+     */
+    protected selectMonth(monthData: MonthData<TDate>): void;
+    /**
+     * Changes displayed year to next year
+     */
+    protected nextYear(): void;
+    /**
+     * Changes displayed year to previous year
+     */
+    protected previousYear(): void;
+    /**
+     * Renders current day picker data
+     */
+    protected render(): void;
+    /**
+     * @inheritdoc
+     */
+    protected onRender(): void;
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    protected isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonthPickerSAComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthPickerSAComponent<any>, "month-picker", never, {}, {}, never, never, true>;
+}
+//# sourceMappingURL=monthPicker.component.d.ts.map

package/src/modules/dateTimePicker/components/monthPicker/monthPicker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthPicker.component.d.ts","sourceRoot":"","sources":["monthPicker.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;;AAEtD;;GAEG;AACH,qBAgBa,sBAAsB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAGtG,SAAS,CAAC,cAAc,EAAE,cAAc;gBAA9B,cAAc,EAAE,cAAc;IAO7E;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI;IA+BxD;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAO1B;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IA2CxB;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;yCA9HhE,sBAAsB;2CAAtB,sBAAsB;CAkIlC"}

package/src/modules/dateTimePicker/components/monthPicker/monthPicker.component.html

@@ -0,0 +1,13 @@
+<div class="period">
+    <div class="fas fa-angle-left clickable" (mousedown)="previousYear()"></div>
+    <div class="period-value" [class.clickable]="canScaleUp" (mousedown)="displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined">{{displayDate?.value | dateFormat: 'year'}}</div>
+    <div class="fas fa-angle-right clickable" (mousedown)="nextYear()"></div>
+</div>
+
+<div class="period-data">
+    <div *ngFor="let month of periodData"
+         class="period-datum clickable"
+         [class.active]="month.active"
+         [class.disabled]="month.disabled"
+         (mousedown)="canScaleDown && displayDate ? scaleDownSubject.next(month.dateObj.value) : selectMonth(month)">{{month.name}}</div>
+</div>

package/src/modules/dateTimePicker/components/yearPicker/yearPicker.component.d.ts

@@ -0,0 +1,44 @@
+import { DateTimePicker } from '../../interfaces';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { YearData } from '../../../../legacy/picker/interfaces';
+import { DateApiObject } from '../../../../services';
+import * as i0 from "@angular/core";
+/**
+ * Component used for displaying year picker
+ */
+export declare class YearPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<YearData<TDate>, TDate> implements DateTimePicker<TDate> {
+    /**
+     * Displayed decade period
+     */
+    protected period: string;
+    /**
+     * Selects year as value of day time picker
+     * @param yearData - Year data that were selected
+     */
+    protected selectYear(yearData: YearData<TDate>): void;
+    /**
+     * Changes displayed decade to next decade
+     */
+    nextDecade(): void;
+    /**
+     * Changes displayed decade to previous decade
+     */
+    previousDecade(): void;
+    /**
+     * Renders current day picker data
+     */
+    protected render(): void;
+    /**
+     * @inheritdoc
+     */
+    protected onRender(): void;
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    protected isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YearPickerSAComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YearPickerSAComponent<any>, "year-picker", never, {}, {}, never, never, true>;
+}
+//# sourceMappingURL=yearPicker.component.d.ts.map

package/src/modules/dateTimePicker/components/yearPicker/yearPicker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yearPicker.component.d.ts","sourceRoot":"","sources":["yearPicker.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAC,QAAQ,EAAC,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;;AAEnD;;GAEG;AACH,qBAgBa,qBAAqB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAIzI;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAM;IAI9B;;;OAGG;IACH,SAAS,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI;IA8BrD;;OAEG;IACI,UAAU,IAAI,IAAI;IAOzB;;OAEG;IACI,cAAc,IAAI,IAAI;IAS7B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IAoDxB;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;yCAvIhE,qBAAqB;2CAArB,qBAAqB;CA2IjC"}

package/src/modules/dateTimePicker/components/yearPicker/yearPicker.component.html

@@ -0,0 +1,13 @@
+<div class="period">
+    <div class="fas fa-angle-left clickable" (mousedown)="previousDecade()"></div>
+    <div class="period-value" [class.clickable]="canScaleUp" (mousedown)="displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined">{{period}}</div>
+    <div class="fas fa-angle-right clickable" (mousedown)="nextDecade()"></div>
+</div>
+
+<div class="period-data">
+    <div *ngFor="let year of periodData"
+         class="period-datum clickable"
+         [class.active]="year.active"
+         [class.disabled]="year.disabled"
+         (mousedown)="canScaleDown && displayDate ? scaleDownSubject.next(year.dateObj.value) : selectYear(year)">{{year.value}}</div>
+</div>

package/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.d.ts

@@ -4,15 +4,11 @@ import { DateTimeObjectValue } from '../../../../misc/types';
 /**
  * Describes date time picker API for each date time period
  */
-export interface DateTimePicker<TDate = unknown, TOptions = unknown> extends Invalidatable {
+export interface DateTimePicker<TDate = unknown> extends Invalidatable {
     /**
      * Value of date time picker
      */
     value: DateTimeObjectValue<TDate> | undefined | null;
-    /**
-     * Options for date time picker period
-     */
-    options: TOptions | undefined | null;
     /**
      * Date that describes which date should be displayed
      */

package/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;AAEhC,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAE,SAAQ,aAAa;IAEtF;;OAEG;IACH,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjD;;OAEG;IACH,OAAO,EAAE,QAAQ,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjC;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;CACzC"}
+{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;AAEhC,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,aAAa;IAElE;;OAEG;IACH,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjD;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;CACzC"}