@datarailsshared/datarailsshared 1.3.25 → 1.3.26

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1636,6 +1636,7 @@
         readonly: [{ type: i0.Input }],
         clearable: [{ type: i0.Input }],
         min: [{ type: i0.Input }],
+        max: [{ type: i0.Input }],
         step: [{ type: i0.Input }],
         blur: [{ type: i0.Output }],
         elementClass: [{ type: i0.HostBinding, args: ['class',] }],
@@ -2356,6 +2357,12 @@
         Object.defineProperty(DrDatePickerComponent.prototype, "format", {
             set: function (value) {
                 if (value) {
+                    if (value.includes('d')) {
+                        value = value.replace(/d/g, 'D');
+                    }
+                    else if (value.includes('D')) {
+                        value = value.replace(/D/g, 'd');
+                    }
                     this._format = value;
                     this.cdr.markForCheck();
                 }
@@ -2404,7 +2411,12 @@
         };
         DrDatePickerComponent.prototype.writeValue = function (value) {
             if (value !== this.innerValue) {
-                this.innerValue = value;
+                if (value && typeof value === 'number') {
+                    this.innerValue = momentImported__namespace.unix(value);
+                }
+                else {
+                    this.innerValue = value;
+                }
                 this.cdr.markForCheck();
             }
         };
@@ -2426,13 +2438,13 @@
     }());
     DrDatePickerComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'new-dr-date-picker',
-                    template: " <dr-input\r\n    (click)=\"datePicker.open()\"\r\n    [(ngModel)]=\"value\"\r\n    [placeholder]=\"placeholder\"\r\n    [drDatePickerFormat]=\"_format\"\r\n    [readonly]=\"readonly\"\r\n  ></dr-input>\r\n  <mat-datepicker\r\n    #datePicker startView=\"{{_lastView}}\"\r\n    (yearSelected)=\"chosenYearHandler($event, datePicker)\"\r\n    (monthSelected)=\"chosenMonthHandler($event, datePicker)\">\r\n  </mat-datepicker>\r\n\r\n",
+                    selector: 'dr-date-picker',
+                    template: "<i class=\"dr-icon-schedule\"></i>\r\n<input [(ngModel)]=\"value\"\r\n       (click)=\"datePicker.open()\"\r\n       [matDatepicker]=\"datePicker\"\r\n       [placeholder]=\"placeholder\"\r\n       [drDatePickerFormat]=\"_format\"\r\n       [readonly]=\"readonly\"\r\n       [min]=\"min\"\r\n       [max]=\"max\"\r\n/>\r\n <mat-datepicker #datePicker\r\n                 startView=\"{{_lastView}}\"\r\n                 (yearSelected)=\"chosenYearHandler($event, datePicker)\"\r\n                 (monthSelected)=\"chosenMonthHandler($event, datePicker)\">\r\n </mat-datepicker>\r\n\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true }
                     ],
-                    styles: ["dr-input.ng-valid{border-color:#85889c!important}.mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}.mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}.mat-datepicker-content button[disabled]:hover{border:inherit}.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:#F3F7FF}.mat-calendar-body-selected{background-color:#579bf2}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}.mat-button-focus-overlay{background:#F3F7FF}.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)}.mat-calendar-controls .mat-calendar-period-button:hover{background:#F3F7FF;transition:background .2s cubic-bezier(.35,0,.25,1)}:host::ng-deep dr-input input{cursor:pointer}\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:#fff;border:1px solid #C3C4CE;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}: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:#999 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: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}::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:#F3F7FF}::ng-deep .mat-calendar-body-selected{background-color:#579bf2}::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)}\n"]
                 },] }
     ];
     DrDatePickerComponent.ctorParameters = function () { return [