npm - @anglr/datetime - Versions diffs - 5.0.0-beta.20221020191430 → 5.0.0-beta.20221021074029 - Mend

@anglr/datetime 5.0.0-beta.20221020191430 → 5.0.0-beta.20221021074029

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

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

@@ -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 ADDED Viewed

@@ -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/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Directive, ElementRef, Inject, Input, Optional, ViewContainerRef } from
 import { DOCUMENT } from '@angular/common';
 import { POSITION, applyPositionResult, PositionPlacement } from '@anglr/common';
 import { extend, nameof, isDescendant, BindThis } from '@jscrpt/common';
-import { lastValueFrom } from 'rxjs';
+import { Subscription } from 'rxjs';
 import { DATE_TIME_INPUT } from '../../../../misc/tokens';
 import { DateTimePickerComponent } from '../../components';
 import { DATE_TIME_PICKER_DIRECTIVE_OPTIONS } from '../../misc/tokens';
@@ -15,7 +15,7 @@ import * as i0 from "@angular/core";
 const defaultOptions = {
     absolute: true,
     alwaysVisible: false,
-    closeOnValueSelect: true,
+    closeOnValueSelect: false,
     closeOnBlur: true,
     disabled: false,
     positionOptions: PositionPlacement.BottomStart,
@@ -97,7 +97,8 @@ export class DateTimePickerDirective extends DateTimeBase {
         if (this.withPickerOptions.absolute) {
             this.document.body.append(this.componentElement);
         }
-        this.valueChangeSubscription = this.component.valueChange.subscribe(() => {
+        this.pickerChangesSubscription = new Subscription();
+        this.pickerChangesSubscription.add(this.component.valueChange.subscribe(() => {
             if (this.component) {
                 this.valueChangeDisabled = true;
                 this.input.value = this.component.value;
@@ -107,23 +108,21 @@ export class DateTimePickerDirective extends DateTimeBase {
                     this.hidePicker();
                 }
             }
-        });
+        }));
         this.document.addEventListener('click', this.handleClickOutside);
         this.componentElement.addEventListener('mousedown', this.handleClickInside);
+        this.componentElement.style.position = 'absolute';
         if (this.ɵWithPickerOptions.pickerCssClass) {
             this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);
         }
-        const result = await lastValueFrom(this.position.placeElement(this.componentElement, this.element.nativeElement, {
-            placement: this.withPickerOptions.positionOptions,
-        }));
-        applyPositionResult(result);
-        this.setPickerValue();
+        this.pickerChangesSubscription.add(this.positionPicker(this.componentElement, true).subscribe(result => applyPositionResult(result)));
         this.componentRef.setInput(nameof('options'), this.pickerOptions);
         this.componentRef.setInput(nameof('valueFormat'), this.dateTimeData.valueFormat);
         this.componentRef.setInput(nameof('format'), this.dateTimeData.format);
         this.componentRef.setInput(nameof('customFormat'), this.dateTimeData.customFormat);
         this.componentRef.setInput(nameof('minDateTime'), this.dateTimeData.minDateTime);
         this.componentRef.setInput(nameof('maxDateTime'), this.dateTimeData.maxDateTime);
+        this.setPickerValue();
         this.componentRef.changeDetectorRef.detectChanges();
     }
     /**
@@ -134,8 +133,8 @@ export class DateTimePickerDirective extends DateTimeBase {
             return;
         }
         this.componentElement?.removeEventListener('mousedown', this.handleClickInside);
-        this.valueChangeSubscription?.unsubscribe();
-        this.valueChangeSubscription = null;
+        this.pickerChangesSubscription?.unsubscribe();
+        this.pickerChangesSubscription = null;
         this.component = null;
         this.componentRef?.destroy();
         this.componentRef = null;
@@ -178,6 +177,18 @@ export class DateTimePickerDirective extends DateTimeBase {
         event.preventDefault();
         event.stopPropagation();
     }
+    /**
+     * Runs placement of picker component
+     * @param componentElement - Element to be positioned
+     * @param watch - Indication whether watch for changes and update position
+     */
+    positionPicker(componentElement, watch) {
+        return this.position.placeElement(componentElement, this.element.nativeElement, {
+            flip: true,
+            placement: this.withPickerOptions.positionOptions,
+            autoUpdate: watch,
+        });
+    }
     //######################### protected methods - overrides #########################
     /**
      * @inheritdoc

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

	@@ -1 +1 @@
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 {DateTimePickerOptions} from '../../components/dateTimePicker/dateTimePicker.interface';\nimport {DateTimePickerDirectiveOptions} from './dateTimePicker.interface';\nimport {DATE_TIME_PICKER_DIRECTIVE_OPTIONS} from '../../misc/tokens';\nimport {DateTimeBase} from '../../../dateTime/directives';\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 closeOnBlur: true,\n disabled: false,\n positionOptions: PositionPlacement.BottomStart,\n showOnFocus: true,\n pickerCssClass: null,\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> extends DateTimeBase<TDate> 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 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 /\n Options for date time picker component\n /\n @Input()\n public pickerOptions: Partial<DateTimePickerOptions<TDate>>\|undefined\|null;\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\n @Inject(DATE_TIME_PICKER_DIRECTIVE_OPTIONS) @Optional() options?: DateTimePickerDirectiveOptions,)\n {\n super();\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 this.initSubscriptions.add(this.input.blur.subscribe(() =>\n {\n if(this.withPickerOptions.closeOnBlur)\n {\n this.hidePicker();\n }\n }));\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n Called when component is destroyed\n /\n public override ngOnDestroy(): void\n {\n super.ngOnDestroy();\n\n this.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 if(this.ɵWithPickerOptions.closeOnValueSelect)\n {\n this.hidePicker();\n }\n }\n });\n\n this.document.addEventListener('click', this.handleClickOutside);\n this.componentElement.addEventListener('mousedown', this.handleClickInside);\n\n if(this.ɵWithPickerOptions.pickerCssClass)\n {\n this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);\n }\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>('options'), this.pickerOptions);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.dateTimeData.valueFormat);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('format'), this.dateTimeData.format);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('customFormat'), this.dateTimeData.customFormat);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\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.componentElement?.removeEventListener('mousedown', this.handleClickInside);\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\n /\n Handles clicking inside of picker element\n * @param event - Event that occured\n /\n @BindThis\n protected handleClickInside(event: MouseEvent): void\n {\n event.preventDefault();\n event.stopPropagation();\n }\n\n //######################### protected methods - overrides #########################\n\n /\n @inheritdoc\n /\n protected override onMaxDateTimeChange(): void\n {\n if(!this.componentRef)\n {\n return;\n }\n\n this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n this.componentRef.changeDetectorRef.detectChanges();\n }\n\n /\n @inheritdoc\n */\n protected override onMinDateTimeChange(): void\n {\n if(!this.componentRef)\n {\n return;\n }\n\n this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n this.componentRef.changeDetectorRef.detectChanges();\n }\n}"]}
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, PositionResult} from '@anglr/common';\nimport {extend, nameof, isDescendant, BindThis} from '@jscrpt/common';\nimport {Observable, Subscription} from 'rxjs';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimePickerComponent} from '../../components';\nimport {DateTimePickerOptions} from '../../components/dateTimePicker/dateTimePicker.interface';\nimport {DateTimePickerDirectiveOptions} from './dateTimePicker.interface';\nimport {DATE_TIME_PICKER_DIRECTIVE_OPTIONS} from '../../misc/tokens';\nimport {DateTimeBase} from '../../../dateTime/directives';\n\n/*\n Default options for date time picker directive\n /\nconst defaultOptions: DateTimePickerDirectiveOptions =\n{\n absolute: true,\n alwaysVisible: false,\n closeOnValueSelect: false,\n closeOnBlur: true,\n disabled: false,\n positionOptions: PositionPlacement.BottomStart,\n showOnFocus: true,\n pickerCssClass: null,\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> extends DateTimeBase<TDate> 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 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 changes in picker\n /\n protected pickerChangesSubscription: 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 /\n Options for date time picker component\n /\n @Input()\n public pickerOptions: Partial<DateTimePickerOptions<TDate>>\|undefined\|null;\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\n @Inject(DATE_TIME_PICKER_DIRECTIVE_OPTIONS) @Optional() options?: DateTimePickerDirectiveOptions,)\n {\n super();\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 this.initSubscriptions.add(this.input.blur.subscribe(() =>\n {\n if(this.withPickerOptions.closeOnBlur)\n {\n this.hidePicker();\n }\n }));\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n Called when component is destroyed\n /\n public override ngOnDestroy(): void\n {\n super.ngOnDestroy();\n\n this.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.pickerChangesSubscription = new Subscription();\n this.pickerChangesSubscription.add(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 if(this.ɵWithPickerOptions.closeOnValueSelect)\n {\n this.hidePicker();\n }\n }\n }));\n\n this.document.addEventListener('click', this.handleClickOutside);\n this.componentElement.addEventListener('mousedown', this.handleClickInside);\n this.componentElement.style.position = 'absolute';\n\n if(this.ɵWithPickerOptions.pickerCssClass)\n {\n this.componentElement.classList.add(this.ɵWithPickerOptions.pickerCssClass);\n }\n\n this.pickerChangesSubscription.add(this.positionPicker(this.componentElement, true).subscribe(result => applyPositionResult(result)));\n\n this.componentRef.setInput(nameof<DateTimePickerComponent>('options'), this.pickerOptions);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.dateTimeData.valueFormat);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('format'), this.dateTimeData.format);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('customFormat'), this.dateTimeData.customFormat);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n this.setPickerValue();\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.componentElement?.removeEventListener('mousedown', this.handleClickInside);\n \n this.pickerChangesSubscription?.unsubscribe();\n this.pickerChangesSubscription = 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\n /\n Handles clicking inside of picker element\n * @param event - Event that occured\n /\n @BindThis\n protected handleClickInside(event: MouseEvent): void\n {\n event.preventDefault();\n event.stopPropagation();\n }\n\n /\n Runs placement of picker component\n * @param componentElement - Element to be positioned\n * @param watch - Indication whether watch for changes and update position\n /\n protected positionPicker(componentElement: HTMLElement, watch: boolean): Observable<PositionResult<HTMLElement>>\n {\n return this.position.placeElement(componentElement, this.element.nativeElement,\n {\n flip: true,\n placement: this.withPickerOptions.positionOptions,\n autoUpdate: watch,\n });\n }\n\n //######################### protected methods - overrides #########################\n\n /\n @inheritdoc\n /\n protected override onMaxDateTimeChange(): void\n {\n if(!this.componentRef)\n {\n return;\n }\n\n this.componentRef.setInput(nameof<DateTimePickerComponent>('maxDateTime'), this.dateTimeData.maxDateTime);\n this.componentRef.changeDetectorRef.detectChanges();\n }\n\n /\n @inheritdoc\n */\n protected override onMinDateTimeChange(): void\n {\n if(!this.componentRef)\n {\n return;\n }\n\n this.componentRef.setInput(nameof<DateTimePickerComponent>('minDateTime'), this.dateTimeData.minDateTime);\n this.componentRef.changeDetectorRef.detectChanges();\n }\n}"]}

package/package.json CHANGED Viewed

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

package/src/directives/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './withTime/withTime.directive';
+export * from './withToday/withToday.directive';
+//# sourceMappingURL=index.d.ts.map

package/src/directives/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC"}

package/src/directives/withTime/withTime.directive.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { DateTimePickerDirective, DateTimeDirective } from '../../modules';
+import * as i0 from "@angular/core";
+/**
+ * Directive that sets up usage of date time picker to use time format and time picker
+ */
+export declare class WithTimeSADirective<TDate = unknown> {
+    constructor(picker: DateTimePickerDirective<TDate>, dateTime: DateTimeDirective<TDate>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<WithTimeSADirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WithTimeSADirective<any>, "[dateTime][withPicker][withTime]", never, {}, {}, never, never, true>;
+}
+//# sourceMappingURL=withTime.directive.d.ts.map

package/src/directives/withTime/withTime.directive.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"withTime.directive.d.ts","sourceRoot":"","sources":["withTime.directive.ts"],"names":[],"mappings":"AAEA,OAAO,EAA8B,uBAAuB,EAAuE,iBAAiB,EAAC,MAAM,eAAe,CAAC;;AAE3K;;GAEG;AACH,qBAKa,mBAAmB,CAAC,KAAK,GAAG,OAAO;gBAGhC,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACtC,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAAC;yCAJrC,mBAAmB;2CAAnB,mBAAmB;CAmB/B"}

package/src/directives/withToday/withToday.directive.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { OnDestroy } from '@angular/core';
+import { DateTimeInputDirective } from '../../modules';
+import { DateApi } from '../../services';
+import * as i0 from "@angular/core";
+/**
+ * Directive that sets today as day for empty date time on focus
+ */
+export declare class WithTodaySADirective<TDate = unknown> implements OnDestroy {
+    /**
+     * Subscriptions created during initialization
+     */
+    private _initSubscriptions;
+    constructor(input: DateTimeInputDirective<TDate>, dateApi: DateApi<TDate>);
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WithTodaySADirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WithTodaySADirective<any>, "[dateTime][withToday]", never, {}, {}, never, never, true>;
+}
+//# sourceMappingURL=withToday.directive.d.ts.map

package/src/directives/withToday/withToday.directive.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withToday.directive.d.ts","sourceRoot":"","sources":["withToday.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAC,MAAM,eAAe,CAAC;AAI3D,OAAO,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;;AAEvC;;GAEG;AACH,qBAKa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,SAAS;IAInE;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAoC;gBAGlD,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAClB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IAarD;;OAEG;IACI,WAAW,IAAI,IAAI;yCA3BjB,oBAAoB;2CAApB,oBAAoB;CA+BhC"}

package/src/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+export * from './directives';
 export * from './interfaces';
 export * from './legacy/picker/directives';
 export * from './legacy/picker/interfaces';

package/src/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

	@@ -1 +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;AAIrF,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;;~~AAyBvD~~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"}
1	+ {"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 CHANGED Viewed

@@ -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?.isValid() ? (singleValue?.value | dateFormat: 'time') : '0:00'}}</div>
 </div>