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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"yearPicker.component.d.ts","sourceRoot":"","sources":["yearPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AAC/F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;;AAgB7D;;GAEG;AACH,qBAOa,2BAA2B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC;IAIxL;;;OAGG;IACI,MAAM,EAAE,MAAM,CAAM;gBAGG,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,UAAU,CAAC,KAAK,EAAE,KAAK;IAQ9B;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,KAAK;IAUlC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IA0CjD;;;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/H7D,2BAA2B;2CAA3B,2BAA2B;CAmIvC"}
+{"version":3,"file":"yearPicker.component.d.ts","sourceRoot":"","sources":["yearPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AAC/F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;;AAgB7D;;GAEG;AACH,qBAOa,2BAA2B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC;IAIxL;;;OAGG;IACI,MAAM,EAAE,MAAM,CAAM;gBAGG,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,UAAU,CAAC,KAAK,EAAE,KAAK;IAQ9B;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,KAAK;IAUlC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IA2CjD;;;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;yCAhI7D,2BAA2B;2CAA3B,2BAA2B;CAoIvC"}

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

@@ -146,6 +146,10 @@ export interface PeriodData<TDate = any> {
      * Date for this period item
      */
     date: TDate;
+    /**
+     * Date for this period item as date api object
+     */
+    dateObj: DateApiObject<TDate>;
 }
 /**
  * Data that represents day in date picker

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,11 +1,17 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
+import { PeriodData } from '../../../legacy/picker/interfaces';
 import { DateTimeObjectValue } from '../../../misc/types';
-import { DateApiObject } from '../../../services';
+import { DateApi, DateApiObject } from '../../../services';
 import { DateTimePicker } from '../interfaces';
 /**
  * Base abstract class for each date time period picker
  */
-export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions = unknown> implements DateTimePicker<TDate, TOptions> {
+export declare abstract class DateTimePeriodPickerBase<TPeriod extends PeriodData<TDate>, TDate = unknown, TOptions = unknown> implements DateTimePicker<TDate, TOptions> {
+    /**
+     * Array of period data to be displayed
+     */
+    protected periodData: TPeriod[];
     /**
      * Subject used for emitting of value changes
      */
@@ -22,6 +28,22 @@ export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions
      * Date api instance for displayed date
      */
     protected displayDate: DateApiObject<TDate> | undefined | null;
+    /**
+     * Date api instance for max date
+     */
+    protected maxDateObj: DateApiObject<TDate> | undefined | null;
+    /**
+     * Date api instance for min date
+     */
+    protected minDateObj: DateApiObject<TDate> | undefined | null;
+    /**
+     * Change detector instance
+     */
+    protected changeDetector: ChangeDetectorRef;
+    /**
+     * Instance of date api for manipulation with date time
+     */
+    protected dateApi: DateApi<TDate>;
     /**
      * @inheritdoc
      */
@@ -33,15 +55,18 @@ export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions
     /**
      * @inheritdoc
      */
-    display: TDate | undefined | null;
+    get display(): TDate | undefined | null;
+    set display(value: TDate | undefined | null);
     /**
      * @inheritdoc
      */
-    maxDate: TDate | undefined | null;
+    get maxDate(): TDate | undefined | null;
+    set maxDate(value: TDate | undefined | null);
     /**
      * @inheritdoc
      */
-    minDate: TDate | undefined | null;
+    get minDate(): TDate | undefined | null;
+    set minDate(value: TDate | undefined | null);
     /**
      * @inheritdoc
      */
@@ -62,5 +87,23 @@ export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions
      * @inheritdoc
      */
     get scaleDown(): Observable<TDate>;
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals(): void;
+    /**
+     * Method that is being called to render changes
+     */
+    protected abstract onRender(): void;
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    protected abstract isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;
+    /**
+     * Updates minimal and maximal value for picker
+     */
+    protected updateMinMax(): void;
 }
 //# sourceMappingURL=dateTimePeriodPickerBase.d.ts.map

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

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

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

@@ -1,17 +1,27 @@
-import { ViewContainerRef, Type, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ComponentRef } from '@angular/core';
+import { ViewContainerRef, Type, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ComponentRef, OnInit } from '@angular/core';
 import { Position } from '@anglr/common';
 import { Subscription } from 'rxjs';
 import { DateTimeInputValue } from '../../../../interfaces';
-import { DateTimeInputOutputValue } from '../../../../misc/types';
+import { DateTimeInputOutputValue, DateTimeObjectValue } from '../../../../misc/types';
 import { DateTimePickerOptions } from './dateTimePicker.interface';
 import { DateTimePicker } from '../../interfaces';
 import { DateTimeDirective } from '../../../dateTime/directives';
+import { DateValueProvider } from '../../../../services';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying date time picker
  */
-export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnChanges, OnDestroy {
+export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnInit, OnChanges, OnDestroy {
     protected position: Position;
+    protected valueProvider: DateValueProvider<TDate>;
+    /**
+     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue
+     */
+    protected ɵValue: DateTimeInputOutputValue<TDate> | undefined | null;
+    /**
+     * Internal representation of current date time value
+     */
+    protected internalValue: DateTimeObjectValue<TDate> | undefined | null;
     /**
      * Subscription for changes in date time period picker
      */
@@ -39,7 +49,8 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
     /**
      * @inheritdoc
      */
-    value: DateTimeInputOutputValue<TDate> | undefined | null;
+    get value(): DateTimeInputOutputValue<TDate> | undefined | null;
+    set value(value: DateTimeInputOutputValue<TDate> | undefined | null);
     /**
      * Options for date time picker
      */
@@ -49,7 +60,11 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
      * @inheritdoc
      */
     valueChange: EventEmitter<void>;
-    constructor(position: Position, options?: DateTimePickerOptions<TDate>);
+    constructor(position: Position, valueProvider: DateValueProvider<TDate>, options?: DateTimePickerOptions<TDate>);
+    /**
+     * Initialize component
+     */
+    ngOnInit(): void;
     /**
      * Called when input value changes
      */
@@ -58,6 +73,11 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
      * Called when component is destroyed
      */
     ngOnDestroy(): void;
+    /**
+     * Sets internal value and fix lowest time difference
+     * @param value - Value to be set
+     */
+    protected setInternalValue(value: DateTimeInputOutputValue<TDate> | undefined | null): void;
     /**
      * Shows picker
      * @param type - Type of period that should be displayed
@@ -72,7 +92,7 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
      * Gets type that is below current period picker
      */
     protected getLowerType(): Type<DateTimePicker<TDate>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent<any>, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent<any>, [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;AAGhD,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;;AAmB/D;;GAEG;AACH,qBAMa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,iBAAiB,CAAC,KAAK,CAAE,YAAW,kBAAkB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS;IAwE/G,SAAS,CAAC,QAAQ,EAAE,QAAQ;IApE1D;;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,EACA,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;yCA/M5C,uBAAuB;2CAAvB,uBAAuB;CAmOnC"}
+{"version":3,"file":"dateTimePicker.component.d.ts","sourceRoot":"","sources":["dateTimePicker.component.ts"],"names":[],"mappings":"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"}

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

@@ -1,34 +1,56 @@
 import { DateTimePicker } from '../../interfaces';
 import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
 import { DayData } from '../../../../legacy/picker/interfaces';
-import { DateApi } from '../../../../services';
+import { DateApiObject } 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>;
+export declare class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<DayData<TDate>, TDate> implements DateTimePicker<TDate> {
+    /**
+     * Stored this picker month data
+     */
+    protected thisMonthData: DayData<TDate>[];
+    /**
+     * Currently displayed month
+     */
+    protected displayedMonth: TDate | undefined | null;
     /**
      * Names of days
      */
     protected weekdays: string[];
+    constructor();
     /**
-     * Array of period data to be displayed
-     * @internal
+     *
+     * @param dayData - Day data that were selected
      */
-    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;
+    protected nextMonth(): void;
     /**
      * Changes displayed month to previous month
-     * @param event - Event that occured
      */
-    protected previousMonth(event: Event): void;
+    protected previousMonth(): void;
+    /**
+     * Renders current day picker data
+     */
+    protected render(): void;
+    /**
+     * Sets active date
+     */
+    protected setActive(): void;
+    /**
+     * @inheritdoc
+     */
+    protected onRender(): void;
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    protected isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<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":"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"}
+{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAC,OAAO,EAAC,MAAM,sCAAsC,CAAC;AAC7D,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;;AAEnD;;GAEG;AACH,qBAgBa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAIvI;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;IAE/C;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAI/C;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAM;;IAYlC;;;OAGG;IACH,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAqC3C;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;IAO3B;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAS/B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IAgExB;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;IA+B3B;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;yCAhNhE,oBAAoB;2CAApB,oBAAoB;CAoNhC"}

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

@@ -1,7 +1,7 @@
 <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 class="fas fa-angle-left clickable" (mousedown)="previousMonth()"></div>
+    <div class="period-value" [class.clickable]="canScaleUp" (mousedown)="displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>
+    <div class="fas fa-angle-right clickable" (mousedown)="nextMonth()"></div>
 </div>
 
 <div class="period-data">
@@ -13,9 +13,9 @@
          [class.weekend]="day.weekend"
          [class.active]="day.active"
          [class.disabled]="day.disabled"
-         (click)="$event.stopPropagation(); $event.preventDefault(); selectDay(day)">{{day.day}}</div>
+         (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)="$event.stopPropagation(); $event.preventDefault(); displayDate ? goDownSubject.next(displayDate.value) : undefined">{{timeValue?.from | dateFormat: 'time'}}</div> -->
+    <!-- <div [class.clickable]="canScaleDown" (mousedown)="displayDate ? goDownSubject.next(displayDate.value) : undefined">{{timeValue?.from | dateFormat: 'time'}}</div> -->
 </div>

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

@@ -3,12 +3,14 @@ import { Position } from '@anglr/common';
 import { Subscription } from 'rxjs';
 import { DateTimeInput } from '../../../../interfaces';
 import { DateTimePickerComponent } from '../../components';
+import { DateTimePickerOptions } from '../../components/dateTimePicker/dateTimePicker.interface';
 import { DateTimePickerDirectiveOptions } from './dateTimePicker.interface';
+import { DateTimeBase } from '../../../dateTime/directives';
 import * as i0 from "@angular/core";
 /**
  * Directive that is used for displaying and attaching date time picker
  */
-export declare class DateTimePickerDirective<TDate = unknown> implements OnInit, OnDestroy {
+export declare class DateTimePickerDirective<TDate = unknown> extends DateTimeBase<TDate> implements OnInit, OnDestroy {
     protected viewContainer: ViewContainerRef;
     protected element: ElementRef<HTMLElement>;
     protected input: DateTimeInput<TDate>;
@@ -22,10 +24,6 @@ export declare class DateTimePickerDirective<TDate = unknown> implements OnInit,
      * Options for date time picker directive
      */
     protected ɵWithPickerOptions: DateTimePickerDirectiveOptions;
-    /**
-     * Subscriptions created during initialization
-     */
-    protected initSubscriptions: Subscription;
     /**
      * Date time picker component reference
      */
@@ -47,6 +45,10 @@ export declare class DateTimePickerDirective<TDate = unknown> implements OnInit,
      */
     get withPickerOptions(): Partial<DateTimePickerDirectiveOptions>;
     set withPickerOptions(value: Partial<DateTimePickerDirectiveOptions>);
+    /**
+     * Options for date time picker component
+     */
+    pickerOptions: Partial<DateTimePickerOptions<TDate>> | undefined | null;
     constructor(viewContainer: ViewContainerRef, element: ElementRef<HTMLElement>, input: DateTimeInput<TDate>, document: Document, position: Position, options?: DateTimePickerDirectiveOptions);
     /**
      * Initialize component
@@ -73,7 +75,20 @@ export declare class DateTimePickerDirective<TDate = unknown> implements OnInit,
      * @param event - Event that occured
      */
     protected handleClickOutside(event: MouseEvent): void;
+    /**
+     * Handles clicking inside of picker element
+     * @param event - Event that occured
+     */
+    protected handleClickInside(event: MouseEvent): void;
+    /**
+     * @inheritdoc
+     */
+    protected onMaxDateTimeChange(): void;
+    /**
+     * @inheritdoc
+     */
+    protected onMinDateTimeChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerDirective<any>, [null, null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimePickerDirective<any>, "[dateTime][withPicker]", ["dateTimePicker"], { "withPickerOptions": "withPickerOptions"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimePickerDirective<any>, "[dateTime][withPicker]", ["dateTimePicker"], { "withPickerOptions": "withPickerOptions"; "pickerOptions": "pickerOptions"; }, {}, never, never, false>;
 }
 //# sourceMappingURL=dateTimePicker.directive.d.ts.map

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;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"}
+{"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,qBAAqB,EAAC,MAAM,0DAA0D,CAAC;AAC/F,OAAO,EAAC,8BAA8B,EAAC,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;;AAiB1D;;GAEG;AACH,qBAKa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,KAAK,CAAE,YAAW,MAAM,EAAE,SAAS;IAwD9F,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;IAxD1D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAS;IAE/C;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,8BAA8B,CAAC;IAE7D;;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;IAED;;OAEG;IAEI,aAAa,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;gBAGrD,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,EAEU,OAAO,CAAC,EAAE,8BAA8B;IAS5G;;OAEG;IACU,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAgCtC;;OAEG;IACa,WAAW,IAAI,IAAI;IAUnC;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAwDxC;;OAEG;IACI,UAAU,IAAI,IAAI;IAyBzB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC;;;OAGG;IAEH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAgBrD;;;OAGG;IAEH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAQpD;;OAEG;cACgB,mBAAmB,IAAI,IAAI;IAW9C;;OAEG;cACgB,mBAAmB,IAAI,IAAI;yCAjRrC,uBAAuB;2CAAvB,uBAAuB;CA2RnC"}

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

@@ -7,6 +7,10 @@ export interface DateTimePickerDirectiveOptions {
      * Indication whether close picker on value selection
      */
     closeOnValueSelect: boolean;
+    /**
+     * Indication whether close picker when date time input loses focus
+     */
+    closeOnBlur: boolean;
     /**
      * Indication whether display picker when date time input gets focus
      */
@@ -27,5 +31,9 @@ export interface DateTimePickerDirectiveOptions {
      * Position options that are used to position picker
      */
     positionOptions: Partial<PositionPlacement>;
+    /**
+     * Custom css class that is being added to picker component
+     */
+    pickerCssClass: string | undefined | null;
 }
 //# sourceMappingURL=dateTimePicker.interface.d.ts.map

package/src/modules/dateTimePicker/directives/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,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAE3C;;OAEG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAC/C"}
+{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAE3C;;OAEG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAE5C;;OAEG;IACH,cAAc,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC;CACzC"}

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

@@ -1,9 +1,10 @@
+import { Invalidatable } from '@jscrpt/common';
 import { Observable } from 'rxjs';
 import { DateTimeObjectValue } from '../../../../misc/types';
 /**
  * Describes date time picker API for each date time period
  */
-export interface DateTimePicker<TDate = unknown, TOptions = unknown> {
+export interface DateTimePicker<TDate = unknown, TOptions = unknown> extends Invalidatable {
     /**
      * Value of date time picker
      */

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

package/styles/components/_date-time-picker.scss

@@ -4,5 +4,134 @@
     {
         display: block;
         position: absolute;
+
+        background-color: #FFFFFF;
+        border: 1px solid #333333;
+        border-radius: 6px;
+        z-index: 123;
+        padding: 4px 8px;
+
+        .date-time-period
+        {
+            .period
+            {
+                display: grid;
+                grid-template-columns: auto 1fr auto;
+                grid-template-rows: auto;
+                align-items: center;
+            }
+
+            .period-value
+            {
+                font-weight: bold;
+                text-align: center;
+                border-radius: 4px;
+            }
+
+            .period-data
+            {
+                width: 280px;
+
+                display: grid;
+                grid-template-rows: auto;
+                justify-items: stretch;
+            }
+
+            .period-datum
+            {
+                text-align: center;
+                border-radius: 4px;
+                border-width: 1px;
+                border-style: solid;
+                border-color: transparent;
+            }
+
+            .active
+            {
+                border-color: transparent;
+            }
+
+            .fas
+            {
+                border-radius: 4px;
+                padding-left: 6px;
+                padding-right: 6px;
+                cursor: pointer;
+                font-weight: bold;
+            }
+
+            .clickable
+            {
+                transition: all 200ms;
+            }
+
+            .clickable:hover
+            {
+                border-color: transparent;
+                cursor: pointer;
+            }
+
+            .disabled
+            {
+                opacity: 0.4;
+                border-radius: 0;
+            }
+
+            .disabled:hover
+            {
+                cursor: not-allowed;
+            }
+
+            .today
+            {
+                border-color: #0077ff;
+            }
+
+            .active
+            {
+                background-color: #00c3ff;
+            }
+
+            .clickable:hover
+            {
+                background-color: #00e7ff;
+            }
+
+            .disabled:not(.active)
+            {
+                background-color: #CFCFCF;
+            }
+        }
+
+        day-picker
+        {
+            .period-data
+            {
+                grid-template-columns: repeat(7, 1fr);
+            }
+    
+            .weekday
+            {
+                text-align: center;
+                font-weight: bold;
+                opacity: 0.7;
+                margin-bottom: 6px;
+            }
+    
+            .period-datum:not(.other-month)
+            {
+                font-weight: bold;
+            }
+    
+            .other-month
+            {
+                opacity: 0.5;
+            }
+
+            .weekend
+            {
+                color: #850000;
+            }
+        }
     }
 }

package/version.bak

@@ -1 +1 @@
-5.0.0-beta.20221020045240 
+5.0.0-beta.20221020100553 

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

@@ -1,27 +0,0 @@
-:host
-{
-    position: absolute;
-}
-
-.period-data
-{
-    grid-template-columns: repeat(7, 1fr);
-}
-
-.weekday
-{
-    text-align: center;
-    font-weight: bold;
-    opacity: 0.7;
-    margin-bottom: 6px;
-}
-
-.period-datum:not(.other-month)
-{
-    font-weight: bold;
-}
-
-.other-month
-{
-    opacity: 0.5;
-}