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

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

@@ -59,7 +59,10 @@ export class DateTimePickerDirective {
         if (this.withPickerOptions.alwaysVisible) {
             this.showPicker();
         }
-        this.initSubscriptions.add(this.input.valueChange.subscribe(() => this.setPickerValue()));
+        this.initSubscriptions.add(this.input.valueChange.subscribe(() => {
+            this.setPickerValue();
+            this.componentRef?.changeDetectorRef.detectChanges();
+        }));
         this.initSubscriptions.add(this.input.focus.subscribe(() => {
             if (this.withPickerOptions.showOnFocus) {
                 this.showPicker();
@@ -102,6 +105,10 @@ export class DateTimePickerDirective {
         }));
         applyPositionResult(result);
         this.setPickerValue();
+        // this.componentRef.setInput(nameof<DateTimePickerComponent>('valueFormat'), this.input.);
+        // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);
+        // this.componentRef.setInput(nameof<DateTimePickerComponent>('value'), this.input.value);
+        this.componentRef.changeDetectorRef.detectChanges();
     }
     /**
      * Shows date time picker
@@ -129,8 +136,6 @@ export class DateTimePickerDirective {
         }
         if (this.componentRef) {
             this.componentRef.setInput(nameof('value'), this.input.value);
-            // this.componentRef.changeDetectorRef.markForCheck();
-            this.componentRef.changeDetectorRef.detectChanges();
         }
     }
     /**

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

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

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

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

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

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

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

package/package.json

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

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

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

package/src/legacy/picker/misc/datetimePicker.interface.d.ts

@@ -151,10 +151,6 @@ export interface PeriodData<TDate = any> {
  * Data that represents day in date picker
  */
 export interface DayData<TDate = any> extends PeriodData<TDate> {
-    /**
-     * Indication that range is selected and this day is between selected dates
-     */
-    betweenActive: boolean;
     /**
      * Indication that this day is out of currently selected month
      */

package/src/legacy/picker/misc/datetimePicker.interface.d.ts.map

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

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

@@ -1,5 +1,6 @@
 import { Observable, Subject } from 'rxjs';
 import { DateTimeObjectValue } from '../../../misc/types';
+import { DateApiObject } from '../../../services';
 import { DateTimePicker } from '../interfaces';
 /**
  * Base abstract class for each date time period picker
@@ -10,13 +11,17 @@ export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions
      */
     protected valueChangeSubject: Subject<void>;
     /**
-     * Subject used for emitting of go up
+     * Subject used for scaling up
      */
-    protected goUpSubject: Subject<TDate>;
+    protected scaleUpSubject: Subject<TDate>;
     /**
-     * Subject used for emitting of go down
+     * Subject used for scaling down
      */
-    protected goDownSubject: Subject<TDate>;
+    protected scaleDownSubject: Subject<TDate>;
+    /**
+     * Date api instance for displayed date
+     */
+    protected displayDate: DateApiObject<TDate> | undefined | null;
     /**
      * @inheritdoc
      */
@@ -32,11 +37,19 @@ export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions
     /**
      * @inheritdoc
      */
-    canGoUp: boolean;
+    maxDate: TDate | undefined | null;
+    /**
+     * @inheritdoc
+     */
+    minDate: TDate | undefined | null;
+    /**
+     * @inheritdoc
+     */
+    canScaleUp: boolean;
     /**
      * @inheritdoc
      */
-    canGoDown: boolean;
+    canScaleDown: boolean;
     /**
      * @inheritdoc
      */
@@ -44,10 +57,10 @@ export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions
     /**
      * @inheritdoc
      */
-    get goUp(): Observable<TDate>;
+    get scaleUp(): Observable<TDate>;
     /**
      * @inheritdoc
      */
-    get goDown(): Observable<TDate>;
+    get scaleDown(): Observable<TDate>;
 }
 //# 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":"AAAA,OAAO,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C;;GAEG;AACH,8BAAsB,wBAAwB,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC;IAI1H;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAuB;IAElE;;OAEG;IACH,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAE7D;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAI/D;;OAEG;IACI,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAExD;;OAEG;IACI,OAAO,EAAE,QAAQ,GAAC,SAAS,GAAC,IAAI,CAAC;IAExC;;OAEG;IACI,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAErC;;OAEG;IACI,OAAO,EAAE,OAAO,CAAS;IAEhC;;OAEG;IACI,SAAS,EAAE,OAAO,CAAS;IAElC;;OAEG;IACH,IAAW,WAAW,IAAI,UAAU,CAAC,IAAI,CAAC,CAGzC;IAED;;OAEG;IACH,IAAW,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,CAGnC;IAED;;OAEG;IACH,IAAW,MAAM,IAAI,UAAU,CAAC,KAAK,CAAC,CAGrC;CACJ"}
+{"version":3,"file":"dateTimePeriodPickerBase.d.ts","sourceRoot":"","sources":["dateTimePeriodPickerBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C;;GAEG;AACH,8BAAsB,wBAAwB,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC;IAI1H;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAuB;IAElE;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAEhE;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAElE;;OAEG;IACH,SAAS,CAAC,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAI3D;;OAEG;IACI,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAExD;;OAEG;IACI,OAAO,EAAE,QAAQ,GAAC,SAAS,GAAC,IAAI,CAAC;IAExC;;OAEG;IACI,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAErC;;OAEG;IACI,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAErC;;OAEG;IACI,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAErC;;OAEG;IACI,UAAU,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACI,YAAY,EAAE,OAAO,CAAS;IAErC;;OAEG;IACH,IAAW,WAAW,IAAI,UAAU,CAAC,IAAI,CAAC,CAGzC;IAED;;OAEG;IACH,IAAW,OAAO,IAAI,UAAU,CAAC,KAAK,CAAC,CAGtC;IAED;;OAEG;IACH,IAAW,SAAS,IAAI,UAAU,CAAC,KAAK,CAAC,CAGxC;CACJ"}

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

@@ -1,18 +1,18 @@
 import { ViewContainerRef, Type, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ComponentRef } from '@angular/core';
 import { Position } from '@anglr/common';
 import { Subscription } from 'rxjs';
-import { DateTimeInputValue } from '../../../../interfaces';
+import { DateTimeInputValue, FormatProvider } from '../../../../interfaces';
 import { DateTimeInputOutputValue } from '../../../../misc/types';
 import { DateTimePickerOptions } from './dateTimePicker.interface';
 import { DateTimePicker } from '../../interfaces';
 import { DateApi } from '../../../../services';
+import { DateTimeRestrictedBase } from '../../../dateTime/directives/dateTimeRestrictedBase';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying date time picker
  */
-export declare class DateTimePickerComponent<TDate = unknown> implements DateTimeInputValue<TDate>, OnChanges, OnDestroy {
+export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeRestrictedBase<TDate> implements DateTimeInputValue<TDate>, OnChanges, OnDestroy {
     protected position: Position;
-    protected dateApi: DateApi<TDate>;
     /**
      * Subscription for changes in date time period picker
      */
@@ -40,7 +40,8 @@ export declare class DateTimePickerComponent<TDate = unknown> implements DateTim
     /**
      * @inheritdoc
      */
-    value: DateTimeInputOutputValue<TDate> | undefined | null;
+    get value(): DateTimeInputOutputValue<TDate> | undefined | null;
+    set value(value: DateTimeInputOutputValue<TDate> | undefined | null);
     /**
      * Options for date time picker
      */
@@ -50,7 +51,7 @@ export declare class DateTimePickerComponent<TDate = unknown> implements DateTim
      * @inheritdoc
      */
     valueChange: EventEmitter<void>;
-    constructor(position: Position, dateApi: DateApi<TDate>, options?: DateTimePickerOptions<TDate>);
+    constructor(position: Position, dateApi: DateApi<TDate>, formatProvider: FormatProvider, options?: DateTimePickerOptions<TDate>);
     /**
      * Called when input value changes
      */
@@ -73,7 +74,7 @@ export declare class DateTimePickerComponent<TDate = unknown> implements DateTim
      * Gets type that is below current period picker
      */
     protected getLowerType(): Type<DateTimePicker<TDate>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent<any>, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent<any>, [null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent<any>, "date-time-picker", never, { "value": "value"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false>;
 }
 //# sourceMappingURL=dateTimePicker.component.d.ts.map

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,EAAC,MAAM,eAAe,CAAC;AACtM,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,EAAC,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;;AAsB7C;;GAEG;AACH,qBAMa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,kBAAkB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS;IAwE9E,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC5B,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IArE/D;;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;IAEI,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAE7D;;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,EAClB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACL,OAAO,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAoBhG;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAmBhD;;OAEG;IACI,WAAW,IAAI,IAAI;IAW1B;;;;OAIG;IACH,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI;IA0CjF;;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;yCA5M5C,uBAAuB;2CAAvB,uBAAuB;CAgOnC"}
+{"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,EAAC,MAAM,eAAe,CAAC;AACtM,OAAO,EAAC,QAAQ,EAAW,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,kBAAkB,EAAE,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAI7C,OAAO,EAAC,sBAAsB,EAAC,MAAM,qDAAqD,CAAC;;AAmB3F;;GAEG;AACH,qBAMa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,sBAAsB,CAAC,KAAK,CAAE,YAAW,kBAAkB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS;IA+EpH,SAAS,CAAC,QAAQ,EAAE,QAAQ;IA3E1D;;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,IACoB,KAAK,IAAI,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAG1E;IACD,IAAoB,KAAK,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,EAG9E;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;IAEa,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,CAA4B;gBAGnC,QAAQ,EAAE,QAAQ,EAC5B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EAChB,cAAc,EAAE,cAAc,EACT,OAAO,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAsBhG;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAmBhD;;OAEG;IACa,WAAW,IAAI,IAAI;IAanC;;;;OAIG;IACH,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI;IA0CjF;;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;yCAxN5C,uBAAuB;2CAAvB,uBAAuB;CA4OnC"}

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

@@ -1,10 +1,34 @@
 import { DateTimePicker } from '../../interfaces';
 import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { DayData } from '../../../../legacy/picker/interfaces';
+import { DateApi } from '../../../../services';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying day picker
  */
 export declare class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<TDate> implements DateTimePicker<TDate> {
+    protected dateApi: DateApi<TDate>;
+    /**
+     * Names of days
+     */
+    protected weekdays: string[];
+    /**
+     * Array of period data to be displayed
+     * @internal
+     */
+    periodData: DayData<TDate>[];
+    constructor(dateApi: DateApi<TDate>);
+    protected selectDay(dayData: DayData): void;
+    /**
+     * Changes displayed month to next month
+     * @param event - Event that occured
+     */
+    protected nextMonth(event: Event): void;
+    /**
+     * Changes displayed month to previous month
+     * @param event - Event that occured
+     */
+    protected previousMonth(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DayPickerSAComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DayPickerSAComponent<any>, "day-picker", never, {}, {}, never, never, true>;
 }

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":"AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;;AAErE;;GAEG;AACH,qBAWa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;yCAA9G,oBAAoB;2CAApB,oBAAoB;CAEhC"}
+{"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;AAE7D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;;AAE7C;;GAEG;AACH,qBAgBa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAgBzF,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IAZ/D;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAM;IAElC;;;OAGG;IACI,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;gBAGD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IAO/D,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAiB3C;;;OAGG;IACH,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IASvC;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAzDlC,oBAAoB;2CAApB,oBAAoB;CAiEhC"}

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

@@ -1,23 +1,21 @@
-<!-- <div [ngClass]="cssClasses.periodSelection | asRequired">
-    <div [ngClass]="cssClasses.previousPeriod | asRequired" (mousedown)="previousMonth($event)"></div>
-    <div [ngClass]="cssClasses.periodValue | asRequired | mergeCssClasses: [{'clickable': canGoUp}]" (mousedown)="goUp($event)">{{displayDate?.format('MMMM yyyy')}}</div>
-    <div [ngClass]="cssClasses.nextPeriod | asRequired" (mousedown)="nextMonth($event)"></div>
+<div class="period">
+    <div class="fas fa-angle-left clickable" (mousedown)="previousMonth($event)"></div>
+    <div class="period-value" [class.clickable]="canScaleUp" (mousedown)="$event.stopPropagation(); $event.preventDefault(); displayDate ? scaleUpSubject.next(displayDate.value) : undefined">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>
+    <div class="fas fa-angle-right clickable" (mousedown)="nextMonth($event)"></div>
 </div>
 
-<div [ngClass]="cssClasses.periodData | asRequired">
-    <div [ngClass]="cssClasses.weekdayName | asRequired" *ngFor="let weekday of weekdays">{{weekday}}</div>
+<div class="period-data">
+    <div class="weekday" *ngFor="let weekday of weekdays">{{weekday}}</div>
     <div *ngFor="let day of periodData"
-         [ngClass]="cssClasses.periodDatum | asRequired"
+         class="period-datum clickable"
          [class.other-month]="day.otherMonth"
          [class.today]="day.today"
          [class.weekend]="day.weekend"
          [class.active]="day.active"
          [class.disabled]="day.disabled"
-         (mousedown)="select($event, day)">{{day.day}}</div>
+         (click)="$event.stopPropagation(); $event.preventDefault(); selectDay(day)">{{day.day}}</div>
 </div>
 
-<div class="flex-row" style="justify-content: center; border-top: 1px solid #FFF;" *ngIf="canGoDown">
-    <div [class.clickable]="canGoDown" (mousedown)="goDown($event)">{{timeValue?.from | dateFormat: 'time'}}</div>
-</div> -->
-
-DAY
+<div class="go-down-button" style="justify-content: center; border-top: 1px solid #FFF;" *ngIf="canScaleDown">
+    <!-- <div [class.clickable]="canScaleDown" (mousedown)="$event.stopPropagation(); $event.preventDefault(); displayDate ? goDownSubject.next(displayDate.value) : undefined">{{timeValue?.from | dateFormat: 'time'}}</div> -->
+</div>

package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.directive.d.ts","sourceRoot":"","sources":["dateTimePicker.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAa,UAAU,EAAkC,SAAS,EAAE,MAAM,EAAY,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjJ,OAAO,EAAC,QAAQ,EAAmD,MAAM,eAAe,CAAC;AAEzF,OAAO,EAAgB,YAAY,EAAC,MAAM,MAAM,CAAC;AAEjD,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAC,8BAA8B,EAAC,MAAM,4BAA4B,CAAC;;AAgB1E;;GAEG;AACH,qBAKa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,MAAM,EAAE,SAAS;IAuDlE,SAAS,CAAC,aAAa,EAAE,gBAAgB;IACzC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IACjB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;IAC5C,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC5B,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAvD1D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAS;IAE/C;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,8BAA8B,CAAC;IAE7D;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,YAAY,CAAsB;IAE/D;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEpF;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,WAAW,GAAC,SAAS,GAAC,IAAI,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,uBAAuB,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAI/D;;OAEG;IACH,IACW,iBAAiB,IAAI,OAAO,CAAC,8BAA8B,CAAC,CAGtE;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,8BAA8B,CAAC,EAG1E;gBAGqB,aAAa,EAAE,gBAAgB,EAC/B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EACP,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EACU,OAAO,CAAC,EAAE,8BAA8B;IAO5G;;OAEG;IACU,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAoBtC;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAsCxC;;OAEG;IACI,UAAU,IAAI,IAAI;IAuBzB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAehC;;;OAGG;IAEH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCA/L5C,uBAAuB;2CAAvB,uBAAuB;CA8MnC"}
+{"version":3,"file":"dateTimePicker.directive.d.ts","sourceRoot":"","sources":["dateTimePicker.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAa,UAAU,EAAkC,SAAS,EAAE,MAAM,EAAY,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjJ,OAAO,EAAC,QAAQ,EAAmD,MAAM,eAAe,CAAC;AAEzF,OAAO,EAAgB,YAAY,EAAC,MAAM,MAAM,CAAC;AAEjD,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAC,8BAA8B,EAAC,MAAM,4BAA4B,CAAC;;AAgB1E;;GAEG;AACH,qBAKa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,MAAM,EAAE,SAAS;IAuDlE,SAAS,CAAC,aAAa,EAAE,gBAAgB;IACzC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IACjB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;IAC5C,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC5B,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAvD1D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAS;IAE/C;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,8BAA8B,CAAC;IAE7D;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,YAAY,CAAsB;IAE/D;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEpF;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,WAAW,GAAC,SAAS,GAAC,IAAI,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,uBAAuB,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAI/D;;OAEG;IACH,IACW,iBAAiB,IAAI,OAAO,CAAC,8BAA8B,CAAC,CAGtE;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,8BAA8B,CAAC,EAG1E;gBAGqB,aAAa,EAAE,gBAAgB,EAC/B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EACP,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EACU,OAAO,CAAC,EAAE,8BAA8B;IAO5G;;OAEG;IACU,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAwBtC;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA0CxC;;OAEG;IACI,UAAU,IAAI,IAAI;IAuBzB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC;;;OAGG;IAEH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCArM5C,uBAAuB;2CAAvB,uBAAuB;CAoNnC"}

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

@@ -17,24 +17,32 @@ export interface DateTimePicker<TDate = unknown, TOptions = unknown> {
      */
     display: TDate | undefined | null;
     /**
-     * Indication whether picker can display lower granularity picker
+     * Max allowed date
      */
-    canGoUp: boolean;
+    maxDate: TDate | undefined | null;
     /**
-     * Indication whether picker can display higher granularity picker
+     * Min allowed date to be selected
      */
-    canGoDown: boolean;
+    minDate: TDate | undefined | null;
+    /**
+     * Indication whether picker can display scale date time period up
+     */
+    canScaleUp: boolean;
+    /**
+     * Indication whether picker can display scale date time period down
+     */
+    canScaleDown: boolean;
     /**
      * Occurs when date time picker value changes
      */
     readonly valueChange: Observable<void>;
     /**
-     * Occurs when period with lower granularity should be displayed
+     * Occurs when period should be scaled up
      */
-    readonly goUp: Observable<TDate>;
+    readonly scaleUp: Observable<TDate>;
     /**
-     * Occurs when period with higher granularity should be displayed
+     * Occurs when period should be scaled down
      */
-    readonly goDown: Observable<TDate>;
+    readonly scaleDown: Observable<TDate>;
 }
 //# sourceMappingURL=dateTimePicker.interface.d.ts.map

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,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;IAE/D;;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,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;CACtC"}
+{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,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;IAE/D;;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"}

package/src/pipes/dateFormat.pipe.d.ts

@@ -9,13 +9,39 @@ export declare class DateFormatPipe<TDate = any> implements PipeTransform {
     private _formatProvider;
     private _dateApi;
     constructor(_formatProvider: FormatProvider, _dateApi: DateApi<TDate>);
+    /**
+     * Formats provided date into formatted string, with default format 'date'
+     * @param value - value to be transformed
+     */
+    transform(value: TDate | DateValue): string;
+    /**
+     * Formats provided date into formatted string
+     * @param value - value to be transformed
+     * @param format - predefined format that is used for formatting, one of 'FormatProvider' keys
+     */
+    transform(value: TDate | DateValue, format: keyof FormatProvider): string;
+    /**
+     * Formats provided date into formatted string
+     * @param value - value to be transformed
+     * @param format - predefined format that is used for formatting, one of 'FormatProvider' keys
+     * @param parseFormat - format used for parsing string date
+     */
+    transform(value: TDate | DateValue, format: keyof FormatProvider, parseFormat: string): string;
+    /**
+     * Formats provided date into formatted string
+     * @param value - value to be transformed
+     * @param format - format that is used for formatting
+     * @param customFormat - indication that custom format is used
+     */
+    transform(value: TDate | DateValue, format: string, customFormat: true): string;
     /**
      * Formats provided date into formatted string
      * @param value - value to be transformed
-     * @param format - Format that is used for formatting, can be also 'FormatProvider' key
+     * @param format - format that is used for formatting
      * @param parseFormat - format used for parsing string date
+     * @param customFormat - indication that custom format is used
      */
-    transform(value: TDate | DateValue, format?: string | keyof FormatProvider, parseFormat?: string): string;
+    transform(value: TDate | DateValue, format: string, parseFormat: string, customFormat: true): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateFormatPipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<DateFormatPipe<any>, "dateFormat", false>;
 }

package/src/pipes/dateFormat.pipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateFormat.pipe.d.ts","sourceRoot":"","sources":["dateFormat.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAAC,MAAM,eAAe,CAAC;AAG1D,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;;AAE/C;;GAEG;AACH,qBACa,cAAc,CAAC,KAAK,GAAG,GAAG,CAAE,YAAW,aAAa;IAGxB,OAAO,CAAC,eAAe;IAC9B,OAAO,CAAC,QAAQ;gBADD,eAAe,EAAE,cAAc,EACtC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC;IAM9D;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,GAAE,MAAM,GAAC,MAAM,cAA+C,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM;yCAhBnI,cAAc;uCAAd,cAAc;CAiC1B"}
+{"version":3,"file":"dateFormat.pipe.d.ts","sourceRoot":"","sources":["dateFormat.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAAC,MAAM,eAAe,CAAC;AAG1D,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;;AAE/C;;GAEG;AACH,qBACa,cAAc,CAAC,KAAK,GAAG,GAAG,CAAE,YAAW,aAAa;IAGxB,OAAO,CAAC,eAAe;IAC9B,OAAO,CAAC,QAAQ;gBADD,eAAe,EAAE,cAAc,EACtC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC;IAM9D;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,GAAG,MAAM;IAChD;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,GAAG,MAAM;IAC9E;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM;IACnG;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM;IACpF;;;;;;OAMG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM;yCA1ChG,cAAc;uCAAd,cAAc;CA8D1B"}

package/version.bak

@@ -1 +1 @@
-5.0.0-beta.20221019093146 
+5.0.0-beta.20221019112435