@datarailsshared/datarailsshared 1.3.43 → 1.3.46

package/fesm2015/datarailsshared-datarailsshared.js

@@ -3,7 +3,7 @@ import { EventEmitter, Component, ViewEncapsulation, Input, Output, ChangeDetect
 import { FormControl, NG_VALUE_ACCESSOR, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatNativeDateModule } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MatMomentDateModule } from '@angular/material-moment-adapter';
-import * as moment$7 from 'moment';
+import * as momentImported from 'moment';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import { Subject, from, merge, fromEvent, noop as noop$1, BehaviorSubject } from 'rxjs';
 import { startWith, switchMap, takeUntil, filter, take, first } from 'rxjs/operators';
@@ -90,7 +90,7 @@ AnyTagComponent.propDecorators = {
 };
 
 // @ts-ignore
-const moment$6 = require("moment");
+const moment$9 = require("moment");
 class ForecastTagComponent extends AnyTagComponent {
     constructor() {
         super();
@@ -111,10 +111,10 @@ class ForecastTagComponent extends AnyTagComponent {
             { "value": 11, "label": "11+1" }
         ];
         this.dateFilter = (date) => {
-            const forecastDate = moment$6.unix(date);
+            const forecastDate = moment$9.unix(date);
             let status = true;
             this.lockedDate.forEach(timestamp => {
-                const locked = moment$6.unix(timestamp);
+                const locked = moment$9.unix(timestamp);
                 return status = !(locked.month() === forecastDate.month() && locked.year() === forecastDate.year());
             });
             return status;
@@ -130,14 +130,14 @@ class ForecastTagComponent extends AnyTagComponent {
         this.forecastValue = this.getFiscalMonthFromDate(dateVal, fiscal_year_starts_from) - 1;
         let fiscal_year = this.getFiscalYearFromDate(dateVal, fiscal_year_starts_from, fiscal_year_back);
         console.log("test", dateVal, fiscal_year_starts_from, this.forecastValue, fiscal_year);
-        this.dateObj.date = moment$6(new Date(fiscal_year, 0, 1)).format("YYYY");
+        this.dateObj.date = moment$9(new Date(fiscal_year, 0, 1)).format("YYYY");
         this.updateLockedDate();
     }
     updateLockedDate() {
         for (let forecastTag of this.forecastTags) {
             forecastTag.disable = false;
             this.lockedDate.forEach(timestamp => {
-                const locked = moment$6.unix(timestamp);
+                const locked = moment$9.unix(timestamp);
                 if (locked.month() - 1 === forecastTag.value && +locked.year() + 1 === +this.dateObj.date) {
                     forecastTag.disable = true;
                 }
@@ -231,7 +231,7 @@ ForecastTagComponent.propDecorators = {
 };
 
 // @ts-ignore
-const moment$5 = require("moment");
+const moment$8 = require("moment");
 const MONTH_FORMATS = {
     parse: {
         dateInput: "DD-MM-YYYY",
@@ -248,12 +248,12 @@ class MonthTagComponent extends AnyTagComponent {
     constructor() {
         super();
         this.lockedDate = [];
-        this.date = new FormControl(moment$5());
+        this.date = new FormControl(moment$8());
         this.dateFilter = (date) => {
-            const calendarDate = moment$5(date);
+            const calendarDate = moment$8(date);
             let status = true;
             this.lockedDate.forEach(timestamp => {
-                const lockDate = moment$5.unix(timestamp);
+                const lockDate = moment$8.unix(timestamp);
                 return status = !(lockDate.year() === calendarDate.year() && lockDate.month() === calendarDate.month());
             });
             return status;
@@ -261,11 +261,11 @@ class MonthTagComponent extends AnyTagComponent {
     }
     initDate() {
         if (this.defaultValue) {
-            this.dateObj.date = moment$5(this.defaultValue * 1000).utc().format("YYYY-MM");
-            this.date = new FormControl(moment$5(this.defaultValue * 1000));
+            this.dateObj.date = moment$8(this.defaultValue * 1000).utc().format("YYYY-MM");
+            this.date = new FormControl(moment$8(this.defaultValue * 1000));
         }
         else {
-            this.dateObj.date = moment$5(new Date()).format("YYYY-MM");
+            this.dateObj.date = moment$8(new Date()).format("YYYY-MM");
         }
     }
     initName() {
@@ -274,7 +274,7 @@ class MonthTagComponent extends AnyTagComponent {
         }
     }
     chosenTagHandler(value) {
-        const resultDate = moment$5.utc(value);
+        const resultDate = moment$8.utc(value);
         resultDate.hour(12);
         const resultTag = {
             name: this.name,
@@ -312,7 +312,7 @@ MonthTagComponent.propDecorators = {
 };
 
 // @ts-ignore
-const moment$4 = require("moment");
+const moment$7 = require("moment");
 class QuarterTagComponent extends AnyTagComponent {
     constructor() {
         super();
@@ -322,8 +322,8 @@ class QuarterTagComponent extends AnyTagComponent {
         this.dateFilter = (date) => {
             let status = true;
             this.lockedDate.forEach(timestamp => {
-                const lockDate = moment$4.unix(timestamp);
-                const quarterDate = moment$4.unix(date.value);
+                const lockDate = moment$7.unix(timestamp);
+                const quarterDate = moment$7.unix(date.value);
                 if (lockDate.year() === quarterDate.year() && lockDate.month() === quarterDate.month()) {
                     date.disable = true;
                     status = false;
@@ -354,7 +354,7 @@ class QuarterTagComponent extends AnyTagComponent {
     }
     chosenTagHandler(value) {
         const date = new Date(value * 1000);
-        const resultDate = moment$4.utc(date);
+        const resultDate = moment$7.utc(date);
         const resultTag = {
             name: this.name,
             value: parseInt(resultDate.format("X"), 10),
@@ -411,7 +411,7 @@ QuarterTagComponent.propDecorators = {
 };
 
 // @ts-ignore
-const moment$3 = require("moment");
+const moment$6 = require("moment");
 const WEEK_FORMATS = {
     parse: {
         dateInput: "WW-YYYY",
@@ -428,13 +428,13 @@ class WeekTagComponent extends AnyTagComponent {
     constructor() {
         super();
         this.lockedDate = [];
-        this.date = new FormControl(moment$3());
+        this.date = new FormControl(moment$6());
         this.selectedValue = "";
         this.dateFilter = (date) => {
-            const calendarDate = moment$3(date);
+            const calendarDate = moment$6(date);
             let status = true;
             this.lockedDate.forEach(timestamp => {
-                const lockDate = moment$3.unix(timestamp);
+                const lockDate = moment$6.unix(timestamp);
                 return status = !(lockDate.week() === calendarDate.week() && lockDate.year() === calendarDate.year());
             });
             return status;
@@ -464,7 +464,7 @@ class WeekTagComponent extends AnyTagComponent {
         }
     }
     chosenDateHandler(normalizedDay) {
-        const date = moment$3(normalizedDay).unix();
+        const date = moment$6(normalizedDay).unix();
         this.chosenTagHandler(date);
     }
     chosenTagHandler(value) {
@@ -476,7 +476,7 @@ class WeekTagComponent extends AnyTagComponent {
         else {
             date = new Date(value * 1000);
         }
-        const resultDate = moment$3(date);
+        const resultDate = moment$6(date);
         const resultTag = {
             name: this.name,
             value: parseInt(resultDate.format("X"), 10),
@@ -487,8 +487,8 @@ class WeekTagComponent extends AnyTagComponent {
         this.dateChange.emit(resultTag);
     }
     getWeekLabel(date) {
-        return "W" + this.pad(moment$3(date).isoWeek(), 2) +
-            " " + moment$3(date).year();
+        return "W" + this.pad(moment$6(date).isoWeek(), 2) +
+            " " + moment$6(date).year();
     }
     getUTCTimestamp(date) {
         return Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), 12, 0, 0, 0);
@@ -501,7 +501,7 @@ class WeekTagComponent extends AnyTagComponent {
         return date;
     }
     getWeekNumberByDate(date) {
-        return this.pad(moment$3(date).isoWeek(), 2);
+        return this.pad(moment$6(date).isoWeek(), 2);
     }
     pad(n, width, z = "0") {
         z = z || "0";
@@ -529,7 +529,7 @@ WeekTagComponent.propDecorators = {
 };
 
 // @ts-ignore
-const moment$2 = require("moment");
+const moment$5 = require("moment");
 const YEAR_FORMATS = {
     parse: {
         dateInput: "YYYY",
@@ -546,12 +546,12 @@ class YearTagComponent extends AnyTagComponent {
     constructor() {
         super();
         this.lockedDate = [];
-        this.date = new FormControl(moment$2());
+        this.date = new FormControl(moment$5());
         this.dateFilter = (date) => {
-            const calendarDateYear = moment$2(date).year();
+            const calendarDateYear = moment$5(date).year();
             let status = true;
             this.lockedDate.forEach(timestamp => {
-                const lockDate = moment$2.unix(timestamp);
+                const lockDate = moment$5.unix(timestamp);
                 return status = !(lockDate.year() === calendarDateYear);
             });
             return status;
@@ -559,11 +559,11 @@ class YearTagComponent extends AnyTagComponent {
     }
     initDate() {
         if (this.defaultValue) {
-            this.dateObj.date = moment$2(new Date(this.defaultValue * 1000)).utc().format("YYYY");
-            this.date = new FormControl(moment$2(this.defaultValue * 1000));
+            this.dateObj.date = moment$5(new Date(this.defaultValue * 1000)).utc().format("YYYY");
+            this.date = new FormControl(moment$5(this.defaultValue * 1000));
         }
         else {
-            this.dateObj.date = moment$2(new Date()).format("YYYY");
+            this.dateObj.date = moment$5(new Date()).format("YYYY");
         }
     }
     initName() {
@@ -573,10 +573,10 @@ class YearTagComponent extends AnyTagComponent {
     }
     chosenTagHandler(value) {
         const date = new Date();
-        const year = moment$2(value).year();
+        const year = moment$5(value).year();
         date.setTime(0);
         date.setFullYear(year, 0, 1);
-        const resultDate = moment$2.utc(date);
+        const resultDate = moment$5.utc(date);
         resultDate.hour(12);
         const resultTag = {
             name: this.name,
@@ -668,7 +668,7 @@ DrTagComponent.propDecorators = {
     tagChange: [{ type: Output }]
 };
 
-const moment$1 = moment$7;
+const moment$4 = momentImported;
 class ListTagComponent {
     constructor() {
         this.defaultValue = "";
@@ -708,7 +708,7 @@ ListTagComponent.propDecorators = {
 };
 
 // @ts-ignore
-const moment = require("moment");
+const moment$3 = require("moment");
 const DAY_FORMATS = {
     parse: {
         dateInput: "DD-MM-YYYY",
@@ -725,9 +725,9 @@ class DayTagComponent extends AnyTagComponent {
     constructor() {
         super();
         this.lockedDate = [];
-        this.date = new FormControl(moment());
+        this.date = new FormControl(moment$3());
         this.dateFilter = (date) => {
-            const calendarDate = moment(date).unix();
+            const calendarDate = moment$3(date).unix();
             let status = true;
             this.lockedDate.forEach(timestamp => {
                 return status = !(timestamp === calendarDate);
@@ -736,10 +736,10 @@ class DayTagComponent extends AnyTagComponent {
         };
     }
     initDate() {
-        const utcOffsetInMilliseconds = moment().utcOffset() * 60 * 1000;
-        this.dateObj.date = moment(moment().valueOf() + utcOffsetInMilliseconds);
+        const utcOffsetInMilliseconds = moment$3().utcOffset() * 60 * 1000;
+        this.dateObj.date = moment$3(moment$3().valueOf() + utcOffsetInMilliseconds);
         if (this.defaultValue) {
-            this.dateObj.date = moment(new Date(this.defaultValue * 1000)).utc();
+            this.dateObj.date = moment$3(new Date(this.defaultValue * 1000)).utc();
             this.date.setValue(this.dateObj.date);
         }
     }
@@ -749,11 +749,11 @@ class DayTagComponent extends AnyTagComponent {
         }
     }
     chosenTagHandler(value) {
-        const date = moment(value).unix();
+        const date = moment$3(value).unix();
         const resultTag = {
             name: this.name,
             value: date,
-            label: moment.unix(date).format("MM/DD/YYYY"),
+            label: moment$3.unix(date).format("MM/DD/YYYY"),
             locked: !this.dateFilter(value)
         };
         console.log("resultTag", resultTag);
@@ -1918,6 +1918,7 @@ class CustomDateFormat {
     }
 }
 
+const moment$2 = require('moment');
 class DrDatePickerService {
     constructor() {
         this.timeframe = 'day';
@@ -1925,7 +1926,7 @@ class DrDatePickerService {
         this.updatedQuater = new Subject();
     }
     getQuarterDisplay(value, format) {
-        return 'Q' + moment$7(value).quarter() + format.charAt(1) + moment$7(value).year();
+        return 'Q' + moment$2(value).quarter() + format.charAt(1) + moment$2(value).year();
     }
     setTimeframe(format) {
         const lowerCaseFormat = format.toLowerCase();
@@ -1954,6 +1955,7 @@ DrDatePickerService.decorators = [
             },] }
 ];
 
+const moment$1 = require('moment');
 class DrDatePickerCustomHeaderComponent {
     constructor(_calendar, _dateAdapter, _dateFormats, cdr, datePickerService) {
         this._calendar = _calendar;
@@ -1975,18 +1977,18 @@ class DrDatePickerCustomHeaderComponent {
                 title: 'Month',
                 value: 'year',
                 format: MONTH_YEAR_FORMAT,
-                periodLabel: () => String(moment$7(this._calendar.activeDate).year())
+                periodLabel: () => String(moment$1(this._calendar.activeDate).year())
             }, {
                 title: 'Quarter',
                 value: 'none',
                 format: QUARTER_FORMAT,
-                periodLabel: () => String(moment$7(this._calendar.activeDate).year())
+                periodLabel: () => String(moment$1(this._calendar.activeDate).year())
             }, {
                 title: 'Year',
                 value: 'multi-year',
                 format: YEAR_FORMAT,
                 periodLabel: () => {
-                    const currentYear = moment$7(this._calendar.activeDate).year();
+                    const currentYear = moment$1(this._calendar.activeDate).year();
                     const startPeriod = Math.floor(currentYear / 24) * 24;
                     return startPeriod + '-' + (startPeriod + 23);
                 }
@@ -2032,8 +2034,8 @@ class DrDatePickerCustomHeaderComponent {
         this.setPeriodLabels(chosenTimeframeOption);
         this.datePickerService.format.next(chosenTimeframeOption.format);
         this.datePickerService.setTimeframe(chosenTimeframeOption.format);
-        if (this.selectedTimeframe == null) {
-            this.selectedQuarter = moment$7(this._calendar.activeDate).quarter();
+        if (this.selectedTimeframe == 'none') {
+            this.selectedQuarter = moment$1(this._calendar.activeDate).quarter();
         }
     }
     get currentViewIsQuater() {
@@ -2044,10 +2046,10 @@ class DrDatePickerCustomHeaderComponent {
     }
     onSelectQuater(quarterNumber) {
         const monthsInQuarter = 3;
-        this.selectedQuarter = moment$7(this._calendar.activeDate).quarter();
+        this.selectedQuarter = moment$1(this._calendar.activeDate).quarter();
         const unadaptedDate = this._dateAdapter.addCalendarMonths(this._calendar.activeDate, monthsInQuarter * (quarterNumber - this.selectedQuarter));
         this._calendar.activeDate = unadaptedDate;
-        this.datePickerService.updatedQuater.next(moment$7(unadaptedDate));
+        this.datePickerService.updatedQuater.next(moment$1(unadaptedDate));
         this.datePickerService.calendarInstance.close();
     }
     pagingClicked(forward) {
@@ -2075,6 +2077,7 @@ DrDatePickerCustomHeaderComponent.ctorParameters = () => [
     { type: DrDatePickerService }
 ];
 
+const moment = require('moment');
 const noop = () => { };
 const ɵ0$1 = noop;
 class DrDatePickerComponent {
@@ -2088,6 +2091,7 @@ class DrDatePickerComponent {
         this.customHeader = DrDatePickerCustomHeaderComponent;
         this.onChangeFormat = new EventEmitter();
         this.timeframeSelection = false;
+        this.takeEndOfPeriod = false;
         this.placeholder = 'Select';
         this.min = null;
         this.max = null;
@@ -2117,6 +2121,7 @@ class DrDatePickerComponent {
             .pipe(takeUntil(this._destroyed))
             .subscribe((value) => {
             this.writeValue(value);
+            this.onChangeCallback(value);
         });
     }
     set format(value) {
@@ -2160,13 +2165,13 @@ class DrDatePickerComponent {
     writeValue(value) {
         if (value !== this.innerValue) {
             if (value && typeof value === 'number') {
-                this.innerValue = moment$7.unix(value);
+                this.innerValue = moment.unix(value);
             }
             else {
                 this.innerValue = value;
             }
-            if (this.timeframeSelection) {
-                moment$7(value).endOf(this.datePickerService.timeframe);
+            if (this.takeEndOfPeriod) {
+                this.innerValue = moment(value).endOf(this.datePickerService.timeframe);
             }
             this.cdr.markForCheck();
         }
@@ -2223,7 +2228,7 @@ DrDatePickerComponent.decorators = [
                 providers: [
                     { provide: NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true }
                 ],
-                styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #C3C4CE;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host.period-datepicker{border:none}:host:hover{border-color:#85889c}:host:focus-within{border-color:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#E5E6EA}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host:after,:host:before{position:absolute;display:flex;border-color:#999999 transparent transparent;color:#999}:host:after{content:\"\";height:0;width:0;border-style:solid;border-width:5px 5px 2.5px;right:11px;top:13px}:host i{position:absolute;color:#999;left:8px;top:3px}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#85889c;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host .dr-datepicker__with-timeframe-selection{display:flex;align-items:center}:host .dr-datepicker__with-timeframe-selection .dr-input-date-paging__flip-page-button{width:25px;height:25px;border-radius:16px;padding:0;background-color:#fff}:host .dr-datepicker__with-timeframe-selection .dr-input-date-paging__flip-page-button i{position:relative;color:#0c142b;top:unset;left:unset}:host .dr-datepicker__with-timeframe-selection .dr-input-date-paging__flip-page-button:hover{background-color:#f2f2fb;color:#4646ce}:host .dr-datepicker__with-timeframe-selection input{width:90px;padding:0;border-radius:5px;text-decoration:underline;text-align:center}:host .dr-datepicker__with-timeframe-selection input:hover{background-color:#f2f2fb;color:#4646ce}:host .dr-input-date-paging__quarter-display{width:90px;height:22px;padding-left:0;text-align:center;line-height:22px;color:#0c142b;-webkit-text-decoration-line:underline;text-decoration-line:underline}:host .dr-input-date-paging__quarter-display:hover{background-color:#f2f2fb;border-radius:5px;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#4646ce}::ng-deep .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#F2F2FB;color:#4646ce;font-weight:600}::ng-deep .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-button-focus-overlay{background:#F3F7FF}::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#F3F7FF;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-controls .mat-calendar-period-button:hover{background:#F3F7FF;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#19181a}::ng-deep .mat-calendar-table-header-divider{display:none}::ng-deep .mat-calendar-body-label{color:#fff;padding:0}\n"]
+                styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #C3C4CE;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host.period-datepicker{border:none}:host:hover{border-color:#85889c}:host:focus-within{border-color:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#E5E6EA}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host:after,:host:before{position:absolute;display:flex;border-color:#999999 transparent transparent;color:#999}:host:after{content:\"\";height:0;width:0;border-style:solid;border-width:5px 5px 2.5px;right:11px;top:13px}:host i{position:absolute;color:#999;left:8px;top:3px}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#85889c;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host .dr-datepicker__with-timeframe-selection{display:flex;align-items:center}:host .dr-datepicker__with-timeframe-selection .dr-input-date-paging__flip-page-button{width:25px;height:25px;border-radius:16px;padding:0;background-color:#fff}:host .dr-datepicker__with-timeframe-selection .dr-input-date-paging__flip-page-button i{position:relative;color:#0c142b;top:unset;left:unset}:host .dr-datepicker__with-timeframe-selection .dr-input-date-paging__flip-page-button:hover{background-color:#f2f2fb;color:#4646ce}:host .dr-datepicker__with-timeframe-selection input{width:90px;padding:0;border-radius:5px;text-decoration:underline;text-align:center}:host .dr-datepicker__with-timeframe-selection input:hover{background-color:#f2f2fb;color:#4646ce}:host .dr-input-date-paging__quarter-display{width:90px;height:22px;padding-left:0;text-align:center;line-height:22px;color:#0c142b;-webkit-text-decoration-line:underline;text-decoration-line:underline}:host .dr-input-date-paging__quarter-display:hover{background-color:#f2f2fb;border-radius:5px;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#4646ce}::ng-deep .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#F2F2FB;color:#4646ce;font-weight:600}::ng-deep .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-button-focus-overlay{background:#F3F7FF}::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#F3F7FF;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-controls .mat-calendar-period-button:hover{background:#F3F7FF;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#19181a}::ng-deep .mat-calendar-table-header-divider{display:none}::ng-deep .mat-calendar-body-label{color:#fff;padding:0}\n"]
             },] }
 ];
 DrDatePickerComponent.ctorParameters = () => [
@@ -2236,6 +2241,7 @@ DrDatePickerComponent.propDecorators = {
     onChangeFormat: [{ type: Output }],
     format: [{ type: Input }],
     timeframeSelection: [{ type: Input }],
+    takeEndOfPeriod: [{ type: Input }],
     placeholder: [{ type: Input }],
     min: [{ type: Input }],
     max: [{ type: Input }],
@@ -2677,7 +2683,7 @@ DrDropdownComponent.decorators = [
                 selector: 'dr-dropdown',
                 template: "<div #menuContainer\r\n     (mouseleave)=\"onMouseLeave()\"\r\n     (clickOutside)=\"onClickedOutside()\"\r\n     [drDropdownPosition]=\"option\"\r\n     #dropdownPosition=\"dropdownPosition\"\r\n     [position]=\"position\"\r\n     [class]=\"containerClass\"\r\n     class=\"dr-dropdown\">\r\n    <div class=\"dr-dropdown__container\">\r\n        <div *ngFor=\"let act of list | drDropdownItemShowPipe\"\r\n             (click)=\"action(act)\"\r\n             [drTooltip]=\"tooltipToShow(act)\"\r\n             [drTooltipPosition]=\"tooltipPosition(dropdownPosition.widthMoreRight)\"\r\n             [drTooltipOptions]=\"{ withoutArrow: true }\"\r\n             [drTooltipClass]=\"'dr-dropdown__tooltip'\"\r\n             class=\"dr-dropdown__container__item\"\r\n             [class.item-disabled]=\"disabled(act)\"\r\n             [class.item-selected]=\"selected(act)\">\r\n            <i *ngIf=\"act.icon\" [class]=\"act.icon\"></i>\r\n            <span class=\"dr-dropdown__container__item__text\">{{act.title}}</span>\r\n            <i *ngFor=\"let actionIcon of act.actionIcons\"\r\n               [class]=\"actionIcon.icon\"\r\n               [class.showOnHover]=\"actionIcon.showOnHover\"\r\n               (click)=\"onActionIconClick($event, actionIcon, act.data)\"></i>\r\n            <i *ngIf=\"act.children?.length\" class=\"dr-icon-arrow-right\"></i>\r\n            <dr-dropdown *ngIf=\"act.children?.length\" [options]=\"act.childOptions\"></dr-dropdown>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: ["::ng-deep .dr-dropdown__container__item .dr-dropdown{visibility:hidden}::ng-deep .dr-dropdown__container__item:hover>*>.dr-dropdown{visibility:visible}::ng-deep .dr-dropdown__tooltip>.default-content{max-width:300px;white-space:normal!important}.dr-dropdown{position:absolute;z-index:-1;top:0;left:0;width:auto}.dr-dropdown__container{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 4px 8px 1px #00000040;padding:8px 0;overflow-y:auto;max-height:60vh}.dr-dropdown__container__item{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}.dr-dropdown__container__item:hover{background-color:#f6f7f8}.dr-dropdown__container__item:hover .showOnHover{visibility:visible}.dr-dropdown__container__item.item-selected{background:#F3F7FF}.dr-dropdown__container__item.item-disabled,.dr-dropdown__container__item.item-disabled i,.dr-dropdown__container__item.item-disabled .dr-dropdown__container__item__text{color:#bcbcbc}.dr-dropdown__container__item i:first-child{margin-right:8px}.dr-dropdown__container__item__text{margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dr-dropdown__container__item i,.dr-dropdown__container__item__text{color:#151b3f}.dr-dropdown__container__item .showOnHover{visibility:hidden}.dr-dropdown.content-top{transform:translate(-50%,-100%)}.dr-dropdown.content-top-left{transform:translate(-100%,-100%)}.dr-dropdown.content-bottom{transform:translate(-50%,50%)}.dr-dropdown.content-bottom-left{transform:translate(-90%,35%)}.dr-dropdown.content-bottom-right{transform:translateY(45%)}.dr-dropdown.content-left{transform:translate(-100%)}.dr-dropdown.content-left-center{transform:translate(-100%,-50%)}.dr-dropdown.content-right{transform:translate(5%)}\n"]
+                styles: ["::ng-deep .dr-dropdown__container__item .dr-dropdown{visibility:hidden}::ng-deep .dr-dropdown__container__item:hover>*>.dr-dropdown{visibility:visible}::ng-deep .dr-dropdown__tooltip>.default-content{max-width:300px;white-space:normal!important}.dr-dropdown{position:absolute;z-index:-1;top:0;left:0;width:auto}.dr-dropdown__container{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 4px 8px 1px #00000040;padding:8px 0;overflow-y:auto;max-height:60vh}.dr-dropdown__container__item{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}.dr-dropdown__container__item:hover{background-color:#f9faff}.dr-dropdown__container__item:hover .showOnHover{visibility:visible}.dr-dropdown__container__item.item-selected{background:#F3F7FF}.dr-dropdown__container__item.item-disabled,.dr-dropdown__container__item.item-disabled i,.dr-dropdown__container__item.item-disabled .dr-dropdown__container__item__text{color:#bcbcbc}.dr-dropdown__container__item i:first-child{margin-right:8px}.dr-dropdown__container__item__text{margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dr-dropdown__container__item i,.dr-dropdown__container__item__text{color:#151b3f}.dr-dropdown__container__item i{color:#4e566c}.dr-dropdown__container__item i:hover{color:#4646ce}.dr-dropdown__container__item .showOnHover{visibility:hidden}.dr-dropdown.content-top{transform:translate(-50%,-100%)}.dr-dropdown.content-top-left{transform:translate(-100%,-100%)}.dr-dropdown.content-bottom{transform:translate(-50%,50%)}.dr-dropdown.content-bottom-left{transform:translate(-90%,35%)}.dr-dropdown.content-bottom-right{transform:translateY(15%)}.dr-dropdown.content-left{transform:translate(-100%)}.dr-dropdown.content-left-center{transform:translate(-100%,-50%)}.dr-dropdown.content-right{transform:translate(5%)}\n"]
             },] }
 ];
 DrDropdownComponent.ctorParameters = () => [