@anglr/datetime 5.0.0-beta.20221020182702 → 5.0.0-beta.20221021035527

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

@@ -0,0 +1,132 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ClickOutsideModule } from '@anglr/common';
+import { DatePipesModule } from '../../../datePipes.module';
+import { hours, minutes } from './rollerTimePicker.data';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { DateTimeLegacyPickerModule } from '../../../../legacy/picker/modules/picker.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../pipes/dateFormat.pipe";
+import * as i3 from "@anglr/common";
+import * as i4 from "../../../../legacy/picker/directives/loopScrollData/loopScrollData.directive";
+import * as i5 from "../../../../legacy/picker/directives/loopScroll/loopScroll.directive";
+/**
+ * Component used for rendering roller time picker
+ */
+export class RollerTimePickerSAComponent extends DateTimePeriodPickerBase {
+    constructor() {
+        super(...arguments);
+        //######################### protected properties - template bindings #########################
+        /**
+         * Array of available hours
+         */
+        this.hours = hours;
+        /**
+         * Array of available minutes
+         */
+        this.minutes = minutes;
+        /**
+         * Indication whether are minutes open
+         */
+        this.minutesOpen = false;
+        /**
+         * Indication whether are hours open
+         */
+        this.hoursOpen = false;
+    }
+    /**
+     * Current value of hour
+     */
+    get hour() {
+        return this.singleValue?.hour() ?? 0;
+    }
+    set hour(value) {
+        //no value selected yet
+        if (!this.singleValue?.isValid()) {
+            this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());
+        }
+        this.singleValue?.hour(value);
+    }
+    /**
+     * Current value of minute
+     */
+    get minute() {
+        return this.singleValue?.minute() ?? 0;
+    }
+    set minute(value) {
+        //no value selected yet
+        if (!this.singleValue?.isValid()) {
+            this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());
+        }
+        this.singleValue?.minute(value);
+    }
+    //######################### protected methods - template bindings #########################
+    /**
+     * Sets hour
+     * @param event - Mouse event that was triggered
+     * @param value - Value to be set as hour
+     * @returns
+     */
+    setHour(event, value) {
+        if (!this.hoursOpen && event) {
+            return;
+        }
+        if (this.hour == value) {
+            this.hoursOpen = false;
+            return;
+        }
+        this.hour = value;
+        if (event) {
+            this.hoursOpen = false;
+        }
+        this.singleValue?.updateOriginal();
+        this.valueChangeSubject.next();
+    }
+    /**
+     * Sets minute
+     * @param event - Mouse event that was triggered
+     * @param value - Value to be set as minute
+     * @returns
+     */
+    setMinute(event, value) {
+        if (!this.minutesOpen && event) {
+            return;
+        }
+        if (this.minute == value) {
+            return;
+        }
+        this.minute = value;
+        if (event) {
+            this.minutesOpen = false;
+        }
+        this.singleValue?.updateOriginal();
+        this.valueChangeSubject.next();
+    }
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    onRender() {
+    }
+    /**
+     * Tests whether provided value is in same period target value
+     */
+    isSamePeriod() {
+        return false;
+    }
+}
+RollerTimePickerSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: RollerTimePickerSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RollerTimePickerSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: RollerTimePickerSAComponent, isStandalone: true, selector: "roller-time-picker", host: { properties: { "class.date-time-period": "true" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (mousedown)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (mousedown)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: DatePipesModule }, { kind: "pipe", type: i2.DateFormatPipe, name: "dateFormat" }, { kind: "ngmodule", type: ClickOutsideModule }, { kind: "directive", type: i3.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "clickOutsideElement"], outputs: ["clickOutsideChange"] }, { kind: "ngmodule", type: DateTimeLegacyPickerModule }, { kind: "directive", type: i4.LoopScrollDataDirective, selector: "[loopScrollData]", inputs: ["loopScrollData", "clone"] }, { kind: "directive", type: i5.LoopScrollDirective, selector: "[loopScroll]", inputs: ["loopScroll", "open"], outputs: ["loopScrollChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: RollerTimePickerSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'roller-time-picker', host: {
+                        '[class.date-time-period]': 'true',
+                    }, standalone: true, imports: [
+                        CommonModule,
+                        DatePipesModule,
+                        ClickOutsideModule,
+                        DateTimeLegacyPickerModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (mousedown)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (mousedown)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=rollerTimePicker.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollerTimePicker.component.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.component.ts","../../../../../../src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ClickOutsideModule} from '@anglr/common';\n\nimport {DatePipesModule} from '../../../datePipes.module';\nimport {hours, minutes} from './rollerTimePicker.data';\nimport {DateTimePicker} from '../../interfaces';\nimport {DateTimePeriodPickerBase} from '../dateTimePeriodPickerBase';\nimport {PeriodData} from '../../../../legacy/picker/interfaces';\nimport {LoopScrollData} from '../../../../legacy/picker/directives';\nimport {DateTimeLegacyPickerModule} from '../../../../legacy/picker/modules/picker.module';\n\n/**\n * Component used for rendering roller time picker\n */\n@Component(\n{\n    selector: 'roller-time-picker',\n    templateUrl: 'rollerTimePicker.component.html',\n    host:\n    {\n        '[class.date-time-period]': 'true',\n    },\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        DatePipesModule,\n        ClickOutsideModule,\n        DateTimeLegacyPickerModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RollerTimePickerSAComponent<TDate = any> extends DateTimePeriodPickerBase<PeriodData<TDate>, TDate>  implements DateTimePicker<TDate>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Array of available hours\n     */\n    protected hours: LoopScrollData[] = hours;\n\n    /**\n     * Array of available minutes\n     */\n    protected minutes: LoopScrollData[] = minutes;\n\n    /**\n     * Indication whether are minutes open\n     */\n    protected minutesOpen: boolean = false;\n\n    /**\n     * Indication whether are hours open\n     */\n    protected hoursOpen: boolean = false;\n\n    /**\n     * Current value of hour\n     */\n    protected get hour(): number\n    {\n        return this.singleValue?.hour() ?? 0;\n    }\n    protected set hour(value: number)\n    {\n        //no value selected yet\n        if(!this.singleValue?.isValid())\n        {\n            this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());\n        }\n\n        this.singleValue?.hour(value);\n    }\n\n    /**\n     * Current value of minute\n     */\n    protected get minute(): number\n    {\n        return this.singleValue?.minute() ?? 0;\n    }\n    protected set minute(value: number)\n    {\n        //no value selected yet\n        if(!this.singleValue?.isValid())\n        {\n            this.singleValue = this.displayDate?.clone() ?? this.dateApi.getValue(new Date());\n        }\n\n        this.singleValue?.minute(value);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Sets hour\n     * @param event - Mouse event that was triggered\n     * @param value - Value to be set as hour\n     * @returns \n     */\n    protected setHour<TData = any>(event: MouseEvent|null, value: TData): void\n    {\n        if(!this.hoursOpen && event)\n        {\n            return;\n        }\n\n        if(this.hour == value as unknown as number)\n        {\n            this.hoursOpen = false;\n\n            return;\n        }\n\n        this.hour = value as unknown as number;\n        \n        if(event)\n        {\n            this.hoursOpen = false;\n        }\n\n        this.singleValue?.updateOriginal();\n        this.valueChangeSubject.next();\n    }\n\n    /**\n     * Sets minute\n     * @param event - Mouse event that was triggered\n     * @param value - Value to be set as minute\n     * @returns \n     */\n    protected setMinute<TData = any>(event: MouseEvent|null, value: TData): void\n    {\n        if(!this.minutesOpen && event)\n        {\n            return;\n        }\n\n        if(this.minute == value as unknown as number)\n        {\n            return;\n        }\n\n        this.minute = value as unknown as number;\n        \n        if(event)\n        {\n            this.minutesOpen = false;\n        }\n\n        this.singleValue?.updateOriginal();\n        this.valueChangeSubject.next();\n    }\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected onRender(): void\n    {\n    }\n\n    /**\n     * Tests whether provided value is in same period target value\n     */\n    protected isSamePeriod(): boolean\n    {\n        return false;\n    }\n}","<div class=\"flex-row\" style=\"justify-content: center;\">\n     <div [class.clickable]=\"canScaleUp\" (mousedown)=\"displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined\">{{displayDate?.value | dateFormat: 'date'}}</div>\n</div>\n\n<div class=\"time-area\">\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"hoursOpen = false\"\n         [clickOutsideElement]=\"hoursScroll\">\n        <div #hoursScroll\n             class=\"roller-scroll\"\n             [class.open]=\"hoursOpen\"\n             [loopScroll]=\"hour\"\n             [open]=\"hoursOpen\"\n             (loopScrollChange)=\"setHour(null, $event)\"\n             (mousedown)=\"hoursOpen = !hoursOpen\">\n            <div *ngFor=\"let hour of hours | slice: -14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours\"\n                 [loopScrollData]=\"hour?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n\n            <div *ngFor=\"let hour of hours | slice: 0: 14\"\n                 [loopScrollData]=\"hour?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setHour($event, hour?.data)\">{{hour?.displayText}}</div>\n        </div>\n    </div>\n\n    <div class=\"minute-second-separator\">:</div>\n\n    <div class=\"value-container\"\n         [clickOutside]=\"true\"\n         (clickOutsideChange)=\"minutesOpen = false\"\n         [clickOutsideElement]=\"minutesScroll\">\n        <div #minutesScroll\n             class=\"roller-scroll\"\n             [class.open]=\"minutesOpen\"\n             [loopScroll]=\"minute\"\n             [open]=\"minutesOpen\"\n             (loopScrollChange)=\"setMinute(null, $event)\"\n             (mousedown)=\"minutesOpen = !minutesOpen\">\n            <div *ngFor=\"let minute of minutes | slice: -14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes\"\n                 [loopScrollData]=\"minute?.data\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n\n            <div *ngFor=\"let minute of minutes | slice: 0: 14\"\n                 [loopScrollData]=\"minute?.data\"\n                 [clone]=\"true\"\n                 class=\"roller-item\"\n                 (mousedown)=\"setMinute($event, minute?.data)\">{{minute?.displayText}}</div>\n        </div>\n    </div>\n</div>\n"]}

package/es2020/src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.data.js

@@ -0,0 +1,347 @@
+/**
+ * Loop scroll hours data
+ */
+export const hours = [
+    {
+        displayText: '00',
+        data: 0
+    },
+    {
+        displayText: '01',
+        data: 1
+    },
+    {
+        displayText: '02',
+        data: 2
+    },
+    {
+        displayText: '03',
+        data: 3
+    },
+    {
+        displayText: '04',
+        data: 4
+    },
+    {
+        displayText: '05',
+        data: 5
+    },
+    {
+        displayText: '06',
+        data: 6
+    },
+    {
+        displayText: '07',
+        data: 7
+    },
+    {
+        displayText: '08',
+        data: 8
+    },
+    {
+        displayText: '09',
+        data: 9
+    },
+    {
+        displayText: '10',
+        data: 10
+    },
+    {
+        displayText: '11',
+        data: 11
+    },
+    {
+        displayText: '12',
+        data: 12
+    },
+    {
+        displayText: '13',
+        data: 13
+    },
+    {
+        displayText: '14',
+        data: 14
+    },
+    {
+        displayText: '15',
+        data: 15
+    },
+    {
+        displayText: '16',
+        data: 16
+    },
+    {
+        displayText: '17',
+        data: 17
+    },
+    {
+        displayText: '18',
+        data: 18
+    },
+    {
+        displayText: '19',
+        data: 19
+    },
+    {
+        displayText: '20',
+        data: 20
+    },
+    {
+        displayText: '21',
+        data: 21
+    },
+    {
+        displayText: '22',
+        data: 22
+    },
+    {
+        displayText: '23',
+        data: 23
+    }
+];
+/**
+ * Loop scroll minutes data
+ */
+export const minutes = [
+    {
+        displayText: '00',
+        data: 0
+    },
+    {
+        displayText: '01',
+        data: 1
+    },
+    {
+        displayText: '02',
+        data: 2
+    },
+    {
+        displayText: '03',
+        data: 3
+    },
+    {
+        displayText: '04',
+        data: 4
+    },
+    {
+        displayText: '05',
+        data: 5
+    },
+    {
+        displayText: '06',
+        data: 6
+    },
+    {
+        displayText: '07',
+        data: 7
+    },
+    {
+        displayText: '08',
+        data: 8
+    },
+    {
+        displayText: '09',
+        data: 9
+    },
+    {
+        displayText: '10',
+        data: 10
+    },
+    {
+        displayText: '11',
+        data: 11
+    },
+    {
+        displayText: '12',
+        data: 12
+    },
+    {
+        displayText: '13',
+        data: 13
+    },
+    {
+        displayText: '14',
+        data: 14
+    },
+    {
+        displayText: '15',
+        data: 15
+    },
+    {
+        displayText: '16',
+        data: 16
+    },
+    {
+        displayText: '17',
+        data: 17
+    },
+    {
+        displayText: '18',
+        data: 18
+    },
+    {
+        displayText: '19',
+        data: 19
+    },
+    {
+        displayText: '20',
+        data: 20
+    },
+    {
+        displayText: '21',
+        data: 21
+    },
+    {
+        displayText: '22',
+        data: 22
+    },
+    {
+        displayText: '23',
+        data: 23
+    },
+    {
+        displayText: '24',
+        data: 24
+    },
+    {
+        displayText: '25',
+        data: 25
+    },
+    {
+        displayText: '26',
+        data: 26
+    },
+    {
+        displayText: '27',
+        data: 27
+    },
+    {
+        displayText: '28',
+        data: 28
+    },
+    {
+        displayText: '29',
+        data: 29
+    },
+    {
+        displayText: '30',
+        data: 30
+    },
+    {
+        displayText: '31',
+        data: 31
+    },
+    {
+        displayText: '32',
+        data: 32
+    },
+    {
+        displayText: '33',
+        data: 33
+    },
+    {
+        displayText: '34',
+        data: 34
+    },
+    {
+        displayText: '35',
+        data: 35
+    },
+    {
+        displayText: '36',
+        data: 36
+    },
+    {
+        displayText: '37',
+        data: 37
+    },
+    {
+        displayText: '38',
+        data: 38
+    },
+    {
+        displayText: '39',
+        data: 39
+    },
+    {
+        displayText: '40',
+        data: 40
+    },
+    {
+        displayText: '41',
+        data: 41
+    },
+    {
+        displayText: '42',
+        data: 42
+    },
+    {
+        displayText: '43',
+        data: 43
+    },
+    {
+        displayText: '44',
+        data: 44
+    },
+    {
+        displayText: '45',
+        data: 45
+    },
+    {
+        displayText: '46',
+        data: 46
+    },
+    {
+        displayText: '47',
+        data: 47
+    },
+    {
+        displayText: '48',
+        data: 48
+    },
+    {
+        displayText: '49',
+        data: 49
+    },
+    {
+        displayText: '50',
+        data: 50
+    },
+    {
+        displayText: '51',
+        data: 51
+    },
+    {
+        displayText: '52',
+        data: 52
+    },
+    {
+        displayText: '53',
+        data: 53
+    },
+    {
+        displayText: '54',
+        data: 54
+    },
+    {
+        displayText: '55',
+        data: 55
+    },
+    {
+        displayText: '56',
+        data: 56
+    },
+    {
+        displayText: '57',
+        data: 57
+    },
+    {
+        displayText: '58',
+        data: 58
+    },
+    {
+        displayText: '59',
+        data: 59
+    },
+];
+//# sourceMappingURL=rollerTimePicker.data.js.map

package/es2020/src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollerTimePicker.data.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/components/rollerTimePicker/rollerTimePicker.data.ts"],"names":[],"mappings":"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AAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;IACD;QACI,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,EAAE;KACX;CACJ,CAAC","sourcesContent":["import {LoopScrollData} from '../../../../legacy/picker/directives/loopScroll/loopScroll.interface';\n\n/**\n * Loop scroll hours data\n */\nexport const hours: LoopScrollData[] =\n[\n    {\n        displayText: '00',\n        data: 0\n    },\n    {\n        displayText: '01',\n        data: 1\n    },\n    {\n        displayText: '02',\n        data: 2\n    },\n    {\n        displayText: '03',\n        data: 3\n    },\n    {\n        displayText: '04',\n        data: 4\n    },\n    {\n        displayText: '05',\n        data: 5\n    },\n    {\n        displayText: '06',\n        data: 6\n    },\n    {\n        displayText: '07',\n        data: 7\n    },\n    {\n        displayText: '08',\n        data: 8\n    },\n    {\n        displayText: '09',\n        data: 9\n    },\n    {\n        displayText: '10',\n        data: 10\n    },\n    {\n        displayText: '11',\n        data: 11\n    },\n    {\n        displayText: '12',\n        data: 12\n    },\n    {\n        displayText: '13',\n        data: 13\n    },\n    {\n        displayText: '14',\n        data: 14\n    },\n    {\n        displayText: '15',\n        data: 15\n    },\n    {\n        displayText: '16',\n        data: 16\n    },\n    {\n        displayText: '17',\n        data: 17\n    },\n    {\n        displayText: '18',\n        data: 18\n    },\n    {\n        displayText: '19',\n        data: 19\n    },\n    {\n        displayText: '20',\n        data: 20\n    },\n    {\n        displayText: '21',\n        data: 21\n    },\n    {\n        displayText: '22',\n        data: 22\n    },\n    {\n        displayText: '23',\n        data: 23\n    }\n];\n\n/**\n * Loop scroll minutes data\n */\nexport const minutes: LoopScrollData[] =\n[\n    {\n        displayText: '00',\n        data: 0\n    },\n    {\n        displayText: '01',\n        data: 1\n    },\n    {\n        displayText: '02',\n        data: 2\n    },\n    {\n        displayText: '03',\n        data: 3\n    },\n    {\n        displayText: '04',\n        data: 4\n    },\n    {\n        displayText: '05',\n        data: 5\n    },\n    {\n        displayText: '06',\n        data: 6\n    },\n    {\n        displayText: '07',\n        data: 7\n    },\n    {\n        displayText: '08',\n        data: 8\n    },\n    {\n        displayText: '09',\n        data: 9\n    },\n    {\n        displayText: '10',\n        data: 10\n    },\n    {\n        displayText: '11',\n        data: 11\n    },\n    {\n        displayText: '12',\n        data: 12\n    },\n    {\n        displayText: '13',\n        data: 13\n    },\n    {\n        displayText: '14',\n        data: 14\n    },\n    {\n        displayText: '15',\n        data: 15\n    },\n    {\n        displayText: '16',\n        data: 16\n    },\n    {\n        displayText: '17',\n        data: 17\n    },\n    {\n        displayText: '18',\n        data: 18\n    },\n    {\n        displayText: '19',\n        data: 19\n    },\n    {\n        displayText: '20',\n        data: 20\n    },\n    {\n        displayText: '21',\n        data: 21\n    },\n    {\n        displayText: '22',\n        data: 22\n    },\n    {\n        displayText: '23',\n        data: 23\n    },\n    {\n        displayText: '24',\n        data: 24\n    },\n    {\n        displayText: '25',\n        data: 25\n    },\n    {\n        displayText: '26',\n        data: 26\n    },\n    {\n        displayText: '27',\n        data: 27\n    },\n    {\n        displayText: '28',\n        data: 28\n    },\n    {\n        displayText: '29',\n        data: 29\n    },\n    {\n        displayText: '30',\n        data: 30\n    },\n    {\n        displayText: '31',\n        data: 31\n    },\n    {\n        displayText: '32',\n        data: 32\n    },\n    {\n        displayText: '33',\n        data: 33\n    },\n    {\n        displayText: '34',\n        data: 34\n    },\n    {\n        displayText: '35',\n        data: 35\n    },\n    {\n        displayText: '36',\n        data: 36\n    },\n    {\n        displayText: '37',\n        data: 37\n    },\n    {\n        displayText: '38',\n        data: 38\n    },\n    {\n        displayText: '39',\n        data: 39\n    },\n    {\n        displayText: '40',\n        data: 40\n    },\n    {\n        displayText: '41',\n        data: 41\n    },\n    {\n        displayText: '42',\n        data: 42\n    },\n    {\n        displayText: '43',\n        data: 43\n    },\n    {\n        displayText: '44',\n        data: 44\n    },\n    {\n        displayText: '45',\n        data: 45\n    },\n    {\n        displayText: '46',\n        data: 46\n    },\n    {\n        displayText: '47',\n        data: 47\n    },\n    {\n        displayText: '48',\n        data: 48\n    },\n    {\n        displayText: '49',\n        data: 49\n    },\n    {\n        displayText: '50',\n        data: 50\n    },\n    {\n        displayText: '51',\n        data: 51\n    },\n    {\n        displayText: '52',\n        data: 52\n    },\n    {\n        displayText: '53',\n        data: 53\n    },\n    {\n        displayText: '54',\n        data: 54\n    },\n    {\n        displayText: '55',\n        data: 55\n    },\n    {\n        displayText: '56',\n        data: 56\n    },\n    {\n        displayText: '57',\n        data: 57\n    },\n    {\n        displayText: '58',\n        data: 58\n    },\n    {\n        displayText: '59',\n        data: 59\n    },\n];"]}

package/package.json

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

package/src/legacy/picker/modules/picker.module.d.ts

@@ -14,7 +14,7 @@ import * as i10 from "../../../modules/datePipes.module";
  */
 export declare class DateTimeLegacyPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeLegacyPickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimeLegacyPickerModule, [typeof i1.DateTimePickerLegacyComponent, typeof i2.DateTimeRollerTimePickerComponent, typeof i3.DateTimeDayPickerComponent, typeof i4.DateTimeMonthPickerComponent, typeof i5.DateTimeYearPickerComponent, typeof i6.LoopScrollDataDirective, typeof i7.LoopScrollDirective], [typeof i8.CommonModule, typeof i9.CommonDynamicModule, typeof i9.CommonUtilsModule, typeof i10.DatePipesModule, typeof i9.CastPipesModule, typeof i9.ClickOutsideModule], [typeof i1.DateTimePickerLegacyComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimeLegacyPickerModule, [typeof i1.DateTimePickerLegacyComponent, typeof i2.DateTimeRollerTimePickerComponent, typeof i3.DateTimeDayPickerComponent, typeof i4.DateTimeMonthPickerComponent, typeof i5.DateTimeYearPickerComponent, typeof i6.LoopScrollDataDirective, typeof i7.LoopScrollDirective], [typeof i8.CommonModule, typeof i9.CommonDynamicModule, typeof i9.CommonUtilsModule, typeof i10.DatePipesModule, typeof i9.CastPipesModule, typeof i9.ClickOutsideModule], [typeof i1.DateTimePickerLegacyComponent, typeof i6.LoopScrollDataDirective, typeof i7.LoopScrollDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DateTimeLegacyPickerModule>;
 }
 //# sourceMappingURL=picker.module.d.ts.map

package/src/legacy/picker/modules/picker.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"picker.module.d.ts","sourceRoot":"","sources":["picker.module.ts"],"names":[],"mappings":";;;;;;;;;;;AAYA;;GAEG;AACH,qBA0Ba,0BAA0B;yCAA1B,0BAA0B;0CAA1B,0BAA0B;0CAA1B,0BAA0B;CAEtC"}
+{"version":3,"file":"picker.module.d.ts","sourceRoot":"","sources":["picker.module.ts"],"names":[],"mappings":";;;;;;;;;;;AAYA;;GAEG;AACH,qBA4Ba,0BAA0B;yCAA1B,0BAA0B;0CAA1B,0BAA0B;0CAA1B,0BAA0B;CAEtC"}

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":"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"}
+{"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.html

@@ -16,6 +16,6 @@
          (mousedown)="selectDay(day)">{{day.day}}</div>
 </div>
 
-<div class="go-down-button" style="justify-content: center; border-top: 1px solid #FFF;" *ngIf="canScaleDown">
-    <!-- <div [class.clickable]="canScaleDown" (mousedown)="displayDate ? goDownSubject.next(displayDate.value) : undefined">{{timeValue?.from | dateFormat: 'time'}}</div> -->
+<div class="go-down-button" *ngIf="canScaleDown">
+    <div [class.clickable]="canScaleDown" (mousedown)="displayDate ? scaleDownSubject.next(displayDate.value) : undefined">{{singleValue ? (singleValue.value | dateFormat: 'time') : '0:00'}}</div>
 </div>

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

@@ -3,5 +3,7 @@ export * from './dateTimePicker/dateTimePicker.component';
 export * from './dateTimePicker/dateTimePicker.interface';
 export * from './dayPicker/dayPicker.component';
 export * from './monthPicker/monthPicker.component';
+export * from './rollerTimePicker/rollerTimePicker.component';
+export * from './rollerTimePicker/rollerTimePicker.data';
 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;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,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,+CAA+C,CAAC;AAC9D,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC"}

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

@@ -0,0 +1,61 @@
+import { DateTimePicker } from '../../interfaces';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { PeriodData } from '../../../../legacy/picker/interfaces';
+import { LoopScrollData } from '../../../../legacy/picker/directives';
+import * as i0 from "@angular/core";
+/**
+ * Component used for rendering roller time picker
+ */
+export declare class RollerTimePickerSAComponent<TDate = any> extends DateTimePeriodPickerBase<PeriodData<TDate>, TDate> implements DateTimePicker<TDate> {
+    /**
+     * Array of available hours
+     */
+    protected hours: LoopScrollData[];
+    /**
+     * Array of available minutes
+     */
+    protected minutes: LoopScrollData[];
+    /**
+     * Indication whether are minutes open
+     */
+    protected minutesOpen: boolean;
+    /**
+     * Indication whether are hours open
+     */
+    protected hoursOpen: boolean;
+    /**
+     * Current value of hour
+     */
+    protected get hour(): number;
+    protected set hour(value: number);
+    /**
+     * Current value of minute
+     */
+    protected get minute(): number;
+    protected set minute(value: number);
+    /**
+     * Sets hour
+     * @param event - Mouse event that was triggered
+     * @param value - Value to be set as hour
+     * @returns
+     */
+    protected setHour<TData = any>(event: MouseEvent | null, value: TData): void;
+    /**
+     * Sets minute
+     * @param event - Mouse event that was triggered
+     * @param value - Value to be set as minute
+     * @returns
+     */
+    protected setMinute<TData = any>(event: MouseEvent | null, value: TData): void;
+    /**
+     * @inheritdoc
+     */
+    protected onRender(): void;
+    /**
+     * Tests whether provided value is in same period target value
+     */
+    protected isSamePeriod(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RollerTimePickerSAComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RollerTimePickerSAComponent<any>, "roller-time-picker", never, {}, {}, never, never, true>;
+}
+//# sourceMappingURL=rollerTimePicker.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollerTimePicker.component.d.ts","sourceRoot":"","sources":["rollerTimePicker.component.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;;AAGpE;;GAEG;AACH,qBAkBa,2BAA2B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,wBAAwB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,CAAG,YAAW,cAAc,CAAC,KAAK,CAAC;IAI9I;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,cAAc,EAAE,CAAS;IAE1C;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,CAAW;IAE9C;;OAEG;IACH,SAAS,CAAC,WAAW,EAAE,OAAO,CAAS;IAEvC;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,OAAO,CAAS;IAErC;;OAEG;IACH,SAAS,KAAK,IAAI,IAAI,MAAM,CAG3B;IACD,SAAS,KAAK,IAAI,CAAC,KAAK,EAAE,MAAM,EAS/B;IAED;;OAEG;IACH,SAAS,KAAK,MAAM,IAAI,MAAM,CAG7B;IACD,SAAS,KAAK,MAAM,CAAC,KAAK,EAAE,MAAM,EASjC;IAID;;;;;OAKG;IACH,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,UAAU,GAAC,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAyB1E;;;;;OAKG;IACH,SAAS,CAAC,SAAS,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,UAAU,GAAC,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAyB5E;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAI1B;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,OAAO;yCAtIxB,2BAA2B;2CAA3B,2BAA2B;CA0IvC"}