@datarailsshared/datarailsshared 1.3.42 → 1.3.45

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/material/core'), require('@angular/material-moment-adapter'), require('moment'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/button-toggle'), require('@ng-select/ng-select'), require('@angular/material/tooltip'), require('@angular/material/tabs')) :
     typeof define === 'function' && define.amd ? define('@datarailsshared/datarailsshared', ['exports', '@angular/core', '@angular/forms', '@angular/material/core', '@angular/material-moment-adapter', 'moment', '@angular/common', 'rxjs', 'rxjs/operators', '@angular/animations', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/button-toggle', '@ng-select/ng-select', '@angular/material/tooltip', '@angular/material/tabs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.datarailsshared = global.datarailsshared || {}, global.datarailsshared.datarailsshared = {}), global.ng.core, global.ng.forms, global.ng.material.core, global.ng.materialMomentAdapter, global.moment$7, global.ng.common, global.rxjs, global.rxjs.operators, global.ng.animations, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.datepicker, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.buttonToggle, global.ngSelect, global.ng.material.tooltip, global.ng.material.tabs));
-}(this, (function (exports, i0, forms, core, materialMomentAdapter, moment$7, common, rxjs, operators, animations, i1, portal, datepicker, formField, input, select, buttonToggle, ngSelect, tooltip, tabs) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.datarailsshared = global.datarailsshared || {}, global.datarailsshared.datarailsshared = {}), global.ng.core, global.ng.forms, global.ng.material.core, global.ng.materialMomentAdapter, global.momentImported, global.ng.common, global.rxjs, global.rxjs.operators, global.ng.animations, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.datepicker, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.buttonToggle, global.ngSelect, global.ng.material.tooltip, global.ng.material.tabs));
+}(this, (function (exports, i0, forms, core, materialMomentAdapter, momentImported, common, rxjs, operators, animations, i1, portal, datepicker, formField, input, select, buttonToggle, ngSelect, tooltip, tabs) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,7 +25,7 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var moment__namespace = /*#__PURE__*/_interopNamespace(moment$7);
+    var momentImported__namespace = /*#__PURE__*/_interopNamespace(momentImported);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     // import {*} from ""
@@ -419,7 +419,7 @@
     }
 
     // @ts-ignore
-    var moment$6 = require("moment");
+    var moment$9 = require("moment");
     var ForecastTagComponent = /** @class */ (function (_super) {
         __extends(ForecastTagComponent, _super);
         function ForecastTagComponent() {
@@ -441,10 +441,10 @@
                 { "value": 11, "label": "11+1" }
             ];
             _this.dateFilter = function (date) {
-                var forecastDate = moment$6.unix(date);
+                var forecastDate = moment$9.unix(date);
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var locked = moment$6.unix(timestamp);
+                    var locked = moment$9.unix(timestamp);
                     return status = !(locked.month() === forecastDate.month() && locked.year() === forecastDate.year());
                 });
                 return status;
@@ -461,7 +461,7 @@
             this.forecastValue = this.getFiscalMonthFromDate(dateVal, fiscal_year_starts_from) - 1;
             var 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();
         };
         ForecastTagComponent.prototype.updateLockedDate = function () {
@@ -470,7 +470,7 @@
             var _loop_1 = function (forecastTag) {
                 forecastTag.disable = false;
                 this_1.lockedDate.forEach(function (timestamp) {
-                    var locked = moment$6.unix(timestamp);
+                    var locked = moment$9.unix(timestamp);
                     if (locked.month() - 1 === forecastTag.value && +locked.year() + 1 === +_this.dateObj.date) {
                         forecastTag.disable = true;
                     }
@@ -579,7 +579,7 @@
     };
 
     // @ts-ignore
-    var moment$5 = require("moment");
+    var moment$8 = require("moment");
     var MONTH_FORMATS = {
         parse: {
             dateInput: "DD-MM-YYYY",
@@ -597,12 +597,12 @@
         function MonthTagComponent() {
             var _this = _super.call(this) || this;
             _this.lockedDate = [];
-            _this.date = new forms.FormControl(moment$5());
+            _this.date = new forms.FormControl(moment$8());
             _this.dateFilter = function (date) {
-                var calendarDate = moment$5(date);
+                var calendarDate = moment$8(date);
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var lockDate = moment$5.unix(timestamp);
+                    var lockDate = moment$8.unix(timestamp);
                     return status = !(lockDate.year() === calendarDate.year() && lockDate.month() === calendarDate.month());
                 });
                 return status;
@@ -611,11 +611,11 @@
         }
         MonthTagComponent.prototype.initDate = function () {
             if (this.defaultValue) {
-                this.dateObj.date = moment$5(this.defaultValue * 1000).utc().format("YYYY-MM");
-                this.date = new forms.FormControl(moment$5(this.defaultValue * 1000));
+                this.dateObj.date = moment$8(this.defaultValue * 1000).utc().format("YYYY-MM");
+                this.date = new forms.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");
             }
         };
         MonthTagComponent.prototype.initName = function () {
@@ -624,7 +624,7 @@
             }
         };
         MonthTagComponent.prototype.chosenTagHandler = function (value) {
-            var resultDate = moment$5.utc(value);
+            var resultDate = moment$8.utc(value);
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -663,7 +663,7 @@
     };
 
     // @ts-ignore
-    var moment$4 = require("moment");
+    var moment$7 = require("moment");
     var QuarterTagComponent = /** @class */ (function (_super) {
         __extends(QuarterTagComponent, _super);
         function QuarterTagComponent() {
@@ -674,8 +674,8 @@
             _this.dateFilter = function (date) {
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var lockDate = moment$4.unix(timestamp);
-                    var quarterDate = moment$4.unix(date.value);
+                    var lockDate = moment$7.unix(timestamp);
+                    var quarterDate = moment$7.unix(date.value);
                     if (lockDate.year() === quarterDate.year() && lockDate.month() === quarterDate.month()) {
                         date.disable = true;
                         status = false;
@@ -718,7 +718,7 @@
         };
         QuarterTagComponent.prototype.chosenTagHandler = function (value) {
             var date = new Date(value * 1000);
-            var resultDate = moment$4.utc(date);
+            var resultDate = moment$7.utc(date);
             var resultTag = {
                 name: this.name,
                 value: parseInt(resultDate.format("X"), 10),
@@ -776,7 +776,7 @@
     };
 
     // @ts-ignore
-    var moment$3 = require("moment");
+    var moment$6 = require("moment");
     var WEEK_FORMATS = {
         parse: {
             dateInput: "WW-YYYY",
@@ -794,13 +794,13 @@
         function WeekTagComponent() {
             var _this = _super.call(this) || this;
             _this.lockedDate = [];
-            _this.date = new forms.FormControl(moment$3());
+            _this.date = new forms.FormControl(moment$6());
             _this.selectedValue = "";
             _this.dateFilter = function (date) {
-                var calendarDate = moment$3(date);
+                var calendarDate = moment$6(date);
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var lockDate = moment$3.unix(timestamp);
+                    var lockDate = moment$6.unix(timestamp);
                     return status = !(lockDate.week() === calendarDate.week() && lockDate.year() === calendarDate.year());
                 });
                 return status;
@@ -831,7 +831,7 @@
             }
         };
         WeekTagComponent.prototype.chosenDateHandler = function (normalizedDay) {
-            var date = moment$3(normalizedDay).unix();
+            var date = moment$6(normalizedDay).unix();
             this.chosenTagHandler(date);
         };
         WeekTagComponent.prototype.chosenTagHandler = function (value) {
@@ -843,7 +843,7 @@
             else {
                 date = new Date(value * 1000);
             }
-            var resultDate = moment$3(date);
+            var resultDate = moment$6(date);
             var resultTag = {
                 name: this.name,
                 value: parseInt(resultDate.format("X"), 10),
@@ -854,8 +854,8 @@
             this.dateChange.emit(resultTag);
         };
         WeekTagComponent.prototype.getWeekLabel = function (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();
         };
         WeekTagComponent.prototype.getUTCTimestamp = function (date) {
             return Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), 12, 0, 0, 0);
@@ -868,7 +868,7 @@
             return date;
         };
         WeekTagComponent.prototype.getWeekNumberByDate = function (date) {
-            return this.pad(moment$3(date).isoWeek(), 2);
+            return this.pad(moment$6(date).isoWeek(), 2);
         };
         WeekTagComponent.prototype.pad = function (n, width, z) {
             if (z === void 0) { z = "0"; }
@@ -898,7 +898,7 @@
     };
 
     // @ts-ignore
-    var moment$2 = require("moment");
+    var moment$5 = require("moment");
     var YEAR_FORMATS = {
         parse: {
             dateInput: "YYYY",
@@ -916,12 +916,12 @@
         function YearTagComponent() {
             var _this = _super.call(this) || this;
             _this.lockedDate = [];
-            _this.date = new forms.FormControl(moment$2());
+            _this.date = new forms.FormControl(moment$5());
             _this.dateFilter = function (date) {
-                var calendarDateYear = moment$2(date).year();
+                var calendarDateYear = moment$5(date).year();
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
-                    var lockDate = moment$2.unix(timestamp);
+                    var lockDate = moment$5.unix(timestamp);
                     return status = !(lockDate.year() === calendarDateYear);
                 });
                 return status;
@@ -930,11 +930,11 @@
         }
         YearTagComponent.prototype.initDate = function () {
             if (this.defaultValue) {
-                this.dateObj.date = moment$2(new Date(this.defaultValue * 1000)).utc().format("YYYY");
-                this.date = new forms.FormControl(moment$2(this.defaultValue * 1000));
+                this.dateObj.date = moment$5(new Date(this.defaultValue * 1000)).utc().format("YYYY");
+                this.date = new forms.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");
             }
         };
         YearTagComponent.prototype.initName = function () {
@@ -944,10 +944,10 @@
         };
         YearTagComponent.prototype.chosenTagHandler = function (value) {
             var date = new Date();
-            var year = moment$2(value).year();
+            var year = moment$5(value).year();
             date.setTime(0);
             date.setFullYear(year, 0, 1);
-            var resultDate = moment$2.utc(date);
+            var resultDate = moment$5.utc(date);
             resultDate.hour(12);
             var resultTag = {
                 name: this.name,
@@ -1041,7 +1041,7 @@
         tagChange: [{ type: i0.Output }]
     };
 
-    var moment$1 = moment__namespace;
+    var moment$4 = momentImported__namespace;
     var ListTagComponent = /** @class */ (function () {
         function ListTagComponent() {
             this.defaultValue = "";
@@ -1082,7 +1082,7 @@
     };
 
     // @ts-ignore
-    var moment = require("moment");
+    var moment$3 = require("moment");
     var DAY_FORMATS = {
         parse: {
             dateInput: "DD-MM-YYYY",
@@ -1100,9 +1100,9 @@
         function DayTagComponent() {
             var _this = _super.call(this) || this;
             _this.lockedDate = [];
-            _this.date = new forms.FormControl(moment());
+            _this.date = new forms.FormControl(moment$3());
             _this.dateFilter = function (date) {
-                var calendarDate = moment(date).unix();
+                var calendarDate = moment$3(date).unix();
                 var status = true;
                 _this.lockedDate.forEach(function (timestamp) {
                     return status = !(timestamp === calendarDate);
@@ -1112,10 +1112,10 @@
             return _this;
         }
         DayTagComponent.prototype.initDate = function () {
-            var utcOffsetInMilliseconds = moment().utcOffset() * 60 * 1000;
-            this.dateObj.date = moment(moment().valueOf() + utcOffsetInMilliseconds);
+            var 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);
             }
         };
@@ -1125,11 +1125,11 @@
             }
         };
         DayTagComponent.prototype.chosenTagHandler = function (value) {
-            var date = moment(value).unix();
+            var date = moment$3(value).unix();
             var 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);
@@ -2427,6 +2427,7 @@
         return CustomDateFormat;
     }());
 
+    var moment$2 = require('moment');
     var DrDatePickerService = /** @class */ (function () {
         function DrDatePickerService() {
             this.timeframe = 'day';
@@ -2434,7 +2435,7 @@
             this.updatedQuater = new rxjs.Subject();
         }
         DrDatePickerService.prototype.getQuarterDisplay = function (value, format) {
-            return 'Q' + moment__namespace(value).quarter() + format.charAt(1) + moment__namespace(value).year();
+            return 'Q' + moment$2(value).quarter() + format.charAt(1) + moment$2(value).year();
         };
         DrDatePickerService.prototype.setTimeframe = function (format) {
             var lowerCaseFormat = format.toLowerCase();
@@ -2464,6 +2465,7 @@
                 },] }
     ];
 
+    var moment$1 = require('moment');
     var DrDatePickerCustomHeaderComponent = /** @class */ (function () {
         function DrDatePickerCustomHeaderComponent(_calendar, _dateAdapter, _dateFormats, cdr, datePickerService) {
             var _this = this;
@@ -2486,18 +2488,18 @@
                     title: 'Month',
                     value: 'year',
                     format: MONTH_YEAR_FORMAT,
-                    periodLabel: function () { return String(moment__namespace(_this._calendar.activeDate).year()); }
+                    periodLabel: function () { return String(moment$1(_this._calendar.activeDate).year()); }
                 }, {
                     title: 'Quarter',
                     value: 'none',
                     format: QUARTER_FORMAT,
-                    periodLabel: function () { return String(moment__namespace(_this._calendar.activeDate).year()); }
+                    periodLabel: function () { return String(moment$1(_this._calendar.activeDate).year()); }
                 }, {
                     title: 'Year',
                     value: 'multi-year',
                     format: YEAR_FORMAT,
                     periodLabel: function () {
-                        var currentYear = moment__namespace(_this._calendar.activeDate).year();
+                        var currentYear = moment$1(_this._calendar.activeDate).year();
                         var startPeriod = Math.floor(currentYear / 24) * 24;
                         return startPeriod + '-' + (startPeriod + 23);
                     }
@@ -2544,8 +2546,8 @@
             this.setPeriodLabels(chosenTimeframeOption);
             this.datePickerService.format.next(chosenTimeframeOption.format);
             this.datePickerService.setTimeframe(chosenTimeframeOption.format);
-            if (this.selectedTimeframe == null) {
-                this.selectedQuarter = moment__namespace(this._calendar.activeDate).quarter();
+            if (this.selectedTimeframe == 'none') {
+                this.selectedQuarter = moment$1(this._calendar.activeDate).quarter();
             }
         };
         Object.defineProperty(DrDatePickerCustomHeaderComponent.prototype, "currentViewIsQuater", {
@@ -2560,10 +2562,10 @@
         };
         DrDatePickerCustomHeaderComponent.prototype.onSelectQuater = function (quarterNumber) {
             var monthsInQuarter = 3;
-            this.selectedQuarter = moment__namespace(this._calendar.activeDate).quarter();
+            this.selectedQuarter = moment$1(this._calendar.activeDate).quarter();
             var unadaptedDate = this._dateAdapter.addCalendarMonths(this._calendar.activeDate, monthsInQuarter * (quarterNumber - this.selectedQuarter));
             this._calendar.activeDate = unadaptedDate;
-            this.datePickerService.updatedQuater.next(moment__namespace(unadaptedDate));
+            this.datePickerService.updatedQuater.next(moment$1(unadaptedDate));
             this.datePickerService.calendarInstance.close();
         };
         DrDatePickerCustomHeaderComponent.prototype.pagingClicked = function (forward) {
@@ -2593,6 +2595,7 @@
         { type: DrDatePickerService }
     ]; };
 
+    var moment = require('moment');
     var noop = function () { };
     var ɵ0$1 = noop;
     var DrDatePickerComponent = /** @class */ (function () {
@@ -2607,6 +2610,7 @@
             this.customHeader = DrDatePickerCustomHeaderComponent;
             this.onChangeFormat = new i0.EventEmitter();
             this.timeframeSelection = false;
+            this.takeEndOfPeriod = false;
             this.placeholder = 'Select';
             this.min = null;
             this.max = null;
@@ -2636,6 +2640,7 @@
                 .pipe(operators.takeUntil(this._destroyed))
                 .subscribe(function (value) {
                 _this.writeValue(value);
+                _this.value = moment(value).unix();
             });
         }
         Object.defineProperty(DrDatePickerComponent.prototype, "format", {
@@ -2688,13 +2693,13 @@
         DrDatePickerComponent.prototype.writeValue = function (value) {
             if (value !== this.innerValue) {
                 if (value && typeof value === 'number') {
-                    this.innerValue = moment__namespace.unix(value);
+                    this.innerValue = moment.unix(value);
                 }
                 else {
                     this.innerValue = value;
                 }
-                if (this.timeframeSelection) {
-                    moment__namespace(value).endOf(this.datePickerService.timeframe);
+                if (this.takeEndOfPeriod) {
+                    this.innerValue = moment(value).endOf(this.datePickerService.timeframe);
                 }
                 this.cdr.markForCheck();
             }
@@ -2756,7 +2761,7 @@
                     providers: [
                         { provide: forms.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 = function () { return [
@@ -2769,6 +2774,7 @@
         onChangeFormat: [{ type: i0.Output }],
         format: [{ type: i0.Input }],
         timeframeSelection: [{ type: i0.Input }],
+        takeEndOfPeriod: [{ type: i0.Input }],
         placeholder: [{ type: i0.Input }],
         min: [{ type: i0.Input }],
         max: [{ type: i0.Input }],
@@ -3234,7 +3240,7 @@
                     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: i0.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 = function () { return [