myrta-ui 17.1.35 → 17.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -9700,6 +9700,9 @@ const formattingFromModels = (dateModel, timeModel, timepicker) => {
|
|
|
9700
9700
|
dayjs.extend(utc);
|
|
9701
9701
|
dayjs.extend(tz);
|
|
9702
9702
|
class InputDateTimeComponent {
|
|
9703
|
+
_detector;
|
|
9704
|
+
_maxDate = '';
|
|
9705
|
+
_minDate = '';
|
|
9703
9706
|
dt;
|
|
9704
9707
|
value = '';
|
|
9705
9708
|
dateModel = dateModelConstant;
|
|
@@ -9720,8 +9723,6 @@ class InputDateTimeComponent {
|
|
|
9720
9723
|
required = false;
|
|
9721
9724
|
timepicker = false;
|
|
9722
9725
|
range = false;
|
|
9723
|
-
minDate = '';
|
|
9724
|
-
maxDate = '';
|
|
9725
9726
|
timezone = 'default';
|
|
9726
9727
|
inline = false;
|
|
9727
9728
|
isManualInput = true;
|
|
@@ -9735,52 +9736,23 @@ class InputDateTimeComponent {
|
|
|
9735
9736
|
invalid = false;
|
|
9736
9737
|
invalidMessage = '';
|
|
9737
9738
|
checkInvalid = null;
|
|
9739
|
+
set minDate(value) {
|
|
9740
|
+
this._minDate = this._getDateFromTimezone(value);
|
|
9741
|
+
this._detector.markForCheck();
|
|
9742
|
+
}
|
|
9743
|
+
;
|
|
9744
|
+
set maxDate(value) {
|
|
9745
|
+
this._maxDate = this._getDateFromTimezone(value);
|
|
9746
|
+
this._detector.markForCheck();
|
|
9747
|
+
}
|
|
9748
|
+
;
|
|
9738
9749
|
dateInput;
|
|
9739
9750
|
timeInput;
|
|
9740
9751
|
changed = new EventEmitter();
|
|
9741
9752
|
modelChange = new EventEmitter();
|
|
9742
9753
|
blurred = new EventEmitter();
|
|
9743
|
-
constructor() {
|
|
9744
|
-
|
|
9745
|
-
get _getMaxDateFromTimezone() {
|
|
9746
|
-
if (!this.maxDate) {
|
|
9747
|
-
return this.maxDate;
|
|
9748
|
-
}
|
|
9749
|
-
if (this.timezone !== 'default') {
|
|
9750
|
-
const utcTime = dayjs.utc(this.maxDate);
|
|
9751
|
-
const localOffsetMinutes = dayjs().utcOffset();
|
|
9752
|
-
const moscowOffsetMinutes = dayjs().tz(this.timezone).utcOffset();
|
|
9753
|
-
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
9754
|
-
if (offsetDifferenceMinutes >= 0) {
|
|
9755
|
-
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
9756
|
-
}
|
|
9757
|
-
else {
|
|
9758
|
-
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
9759
|
-
}
|
|
9760
|
-
}
|
|
9761
|
-
else {
|
|
9762
|
-
return this.maxDate;
|
|
9763
|
-
}
|
|
9764
|
-
}
|
|
9765
|
-
get _getMinDateFromTimezone() {
|
|
9766
|
-
if (!this.minDate) {
|
|
9767
|
-
return this.minDate;
|
|
9768
|
-
}
|
|
9769
|
-
if (this.timezone !== 'default') {
|
|
9770
|
-
const utcTime = dayjs.utc(this.minDate);
|
|
9771
|
-
const localOffsetMinutes = dayjs().utcOffset();
|
|
9772
|
-
const moscowOffsetMinutes = dayjs().tz(this.timezone).utcOffset();
|
|
9773
|
-
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
9774
|
-
if (offsetDifferenceMinutes >= 0) {
|
|
9775
|
-
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
9776
|
-
}
|
|
9777
|
-
else {
|
|
9778
|
-
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
9779
|
-
}
|
|
9780
|
-
}
|
|
9781
|
-
else {
|
|
9782
|
-
return this.minDate;
|
|
9783
|
-
}
|
|
9754
|
+
constructor(_detector) {
|
|
9755
|
+
this._detector = _detector;
|
|
9784
9756
|
}
|
|
9785
9757
|
ngAfterViewInit() {
|
|
9786
9758
|
this.dt = new AirDatepicker(this.dateInput.nativeElement, {
|
|
@@ -9793,8 +9765,8 @@ class InputDateTimeComponent {
|
|
|
9793
9765
|
range: this.range,
|
|
9794
9766
|
multipleDatesSeparator: ' - ',
|
|
9795
9767
|
timepicker: this.timepicker,
|
|
9796
|
-
minDate: this.
|
|
9797
|
-
maxDate: this.
|
|
9768
|
+
minDate: this.minDate,
|
|
9769
|
+
maxDate: this.maxDate,
|
|
9798
9770
|
inline: this.inline,
|
|
9799
9771
|
position({ $datepicker, $target, $pointer, done }) {
|
|
9800
9772
|
let popper = createPopper($target, $datepicker, {
|
|
@@ -9845,11 +9817,11 @@ class InputDateTimeComponent {
|
|
|
9845
9817
|
ngOnChanges(changes) {
|
|
9846
9818
|
if (this.dt) {
|
|
9847
9819
|
if (changes['maxDate']) {
|
|
9848
|
-
this.dt.update({ maxDate: this.
|
|
9820
|
+
this.dt.update({ maxDate: this.maxDate });
|
|
9849
9821
|
this.value && this.dt.selectDate(dayjs(this.value).toDate(), { updateTime: this.timepicker, silent: true });
|
|
9850
9822
|
if (!this.disableValidate) {
|
|
9851
9823
|
const invalid = this.innerInvalid;
|
|
9852
|
-
const isValid = this.checkingInvalid(this.value, this.
|
|
9824
|
+
const isValid = this.checkingInvalid(this.value, this.maxDate, this.minDate);
|
|
9853
9825
|
if (invalid && isValid) {
|
|
9854
9826
|
setTimeout(() => {
|
|
9855
9827
|
this.updateValueModel(this.dateModel, this.timeModel);
|
|
@@ -9858,11 +9830,11 @@ class InputDateTimeComponent {
|
|
|
9858
9830
|
}
|
|
9859
9831
|
}
|
|
9860
9832
|
if (changes['minDate']) {
|
|
9861
|
-
this.dt.update({ minDate: this.
|
|
9833
|
+
this.dt.update({ minDate: this.minDate });
|
|
9862
9834
|
this.value && this.dt.selectDate(dayjs(this.value).toDate(), { updateTime: this.timepicker, silent: true });
|
|
9863
9835
|
if (!this.disableValidate) {
|
|
9864
9836
|
const invalid = this.innerInvalid;
|
|
9865
|
-
const isValid = this.checkingInvalid(this.value, this.
|
|
9837
|
+
const isValid = this.checkingInvalid(this.value, this.maxDate, this.minDate);
|
|
9866
9838
|
if (invalid && isValid) {
|
|
9867
9839
|
setTimeout(() => {
|
|
9868
9840
|
this.updateValueModel(this.dateModel, this.timeModel);
|
|
@@ -9872,6 +9844,12 @@ class InputDateTimeComponent {
|
|
|
9872
9844
|
}
|
|
9873
9845
|
}
|
|
9874
9846
|
}
|
|
9847
|
+
get minDate() {
|
|
9848
|
+
return this._minDate;
|
|
9849
|
+
}
|
|
9850
|
+
get maxDate() {
|
|
9851
|
+
return this._maxDate;
|
|
9852
|
+
}
|
|
9875
9853
|
get getDateValue() {
|
|
9876
9854
|
return `${this.dateModel.view}${this.timeModel.view ? ' ' + this.timeModel.view : ''}`;
|
|
9877
9855
|
}
|
|
@@ -9892,6 +9870,26 @@ class InputDateTimeComponent {
|
|
|
9892
9870
|
return this.checkInvalid === false ? 'mrx-input-checked-success' : this.checkInvalid === true ? 'mrx-input-checked-error' : '';
|
|
9893
9871
|
}
|
|
9894
9872
|
}
|
|
9873
|
+
_getDateFromTimezone(date) {
|
|
9874
|
+
if (!date) {
|
|
9875
|
+
return date;
|
|
9876
|
+
}
|
|
9877
|
+
if (this.timezone !== 'default') {
|
|
9878
|
+
const utcTime = dayjs.utc(date);
|
|
9879
|
+
const localOffsetMinutes = dayjs().utcOffset();
|
|
9880
|
+
const moscowOffsetMinutes = dayjs().tz(this.timezone).utcOffset();
|
|
9881
|
+
const offsetDifferenceMinutes = localOffsetMinutes - moscowOffsetMinutes;
|
|
9882
|
+
if (offsetDifferenceMinutes >= 0) {
|
|
9883
|
+
return utcTime.subtract(offsetDifferenceMinutes, 'minute').toISOString();
|
|
9884
|
+
}
|
|
9885
|
+
else {
|
|
9886
|
+
return utcTime.add(Math.abs(offsetDifferenceMinutes), 'minute').toISOString();
|
|
9887
|
+
}
|
|
9888
|
+
}
|
|
9889
|
+
else {
|
|
9890
|
+
return date;
|
|
9891
|
+
}
|
|
9892
|
+
}
|
|
9895
9893
|
_checkExtraTime() {
|
|
9896
9894
|
if (this.addMaxTime && !this.timepicker) {
|
|
9897
9895
|
this.timeModel.hour = '23';
|
|
@@ -10074,8 +10072,8 @@ class InputDateTimeComponent {
|
|
|
10074
10072
|
this.blurred.emit({ value: this.value, id: this.uuid });
|
|
10075
10073
|
});
|
|
10076
10074
|
}
|
|
10077
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10078
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputDateTimeComponent, selector: "mrx-input-date-time", inputs: { fields: "fields", size: "size", customClasses: "customClasses", dateLabel: "dateLabel", timeLabel: "timeLabel", datePlaceholder: "datePlaceholder", timePlaceholder: "timePlaceholder", disabled: "disabled", readonly: "readonly", required: "required", timepicker: "timepicker", range: "range",
|
|
10075
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputDateTimeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
10076
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputDateTimeComponent, selector: "mrx-input-date-time", inputs: { fields: "fields", size: "size", customClasses: "customClasses", dateLabel: "dateLabel", timeLabel: "timeLabel", datePlaceholder: "datePlaceholder", timePlaceholder: "timePlaceholder", disabled: "disabled", readonly: "readonly", required: "required", timepicker: "timepicker", range: "range", timezone: "timezone", inline: "inline", isManualInput: "isManualInput", addMinTime: "addMinTime", addMaxTime: "addMaxTime", addMinTimeObj: "addMinTimeObj", addMaxTimeObj: "addMaxTimeObj", disableValidate: "disableValidate", disableIncludes: "disableIncludes", container: "container", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", minDate: "minDate", maxDate: "maxDate" }, outputs: { changed: "changed", modelChange: "modelChange", blurred: "blurred" }, providers: [
|
|
10079
10077
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
|
|
10080
10078
|
], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"mrx-input-date\"\r\n [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n [class.mrx-input-readonly]=\"readonly\"\r\n [class]=\"getClasses\"\r\n>\r\n <div class=\"\">\r\n <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n <div class=\"mrx-input-date__wrapper\">\r\n <input\r\n #dateInput\r\n type=\"text\"\r\n autocomplete=\"nope\"\r\n class=\"mrx-input-date__input mrx-input-date__date\"\r\n [placeholder]=\"datePlaceholder\"\r\n [ngModel]=\"getDateValue\"\r\n [mask]=\"'00.00.0000 00:m0'\"\r\n [leadZeroDateTime]=\"true\"\r\n [validation]=\"false\"\r\n [disabled]=\"disabled\"\r\n [readOnly]=\"!isManualInput\"\r\n (input)=\"updateDateValue(dateInput)\"\r\n (click)=\"clickToInput(dateInput)\"\r\n (blur)=\"onBlur($event)\"\r\n />\r\n\r\n <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n <span\r\n class=\"mrx-icon icon-close\"\r\n *ngIf=\"isViewCleanIcon\"\r\n (click)=\"clickToIconClear()\"\r\n [class.icon-font-16]=\"size === 'small'\"\r\n [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n ></span>\r\n <span\r\n class=\"mrx-icon icon-calendar\"\r\n (click)=\"clickToIconCalendar()\"\r\n [class.icon-font-16]=\"size === 'small'\"\r\n [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n ></span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <mrx-error-message\r\n *ngIf=\"invalid; else innerInvalidTemplate\"\r\n [invalidMessage]=\"invalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <ng-template #innerInvalidTemplate>\r\n <mrx-error-message\r\n *ngIf=\"innerInvalid\"\r\n [invalidMessage]=\"innerInvalidMessage\"\r\n ></mrx-error-message>\r\n </ng-template>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date{width:100%;position:relative}.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);color:var(--neutral-text-primary);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled);color:var(--neutral-text-tertiary)}.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled, #EEF0F4);border-color:var(--neutral-bg-stroke-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled, #EEF0F4);border-color:var(--neutral-bg-stroke-default)}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i6.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10081
10079
|
}
|
|
@@ -10084,7 +10082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10084
10082
|
args: [{ selector: 'mrx-input-date-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
10085
10083
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
|
|
10086
10084
|
], template: "<div\r\n class=\"mrx-input-date\"\r\n [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n [class.mrx-input-readonly]=\"readonly\"\r\n [class]=\"getClasses\"\r\n>\r\n <div class=\"\">\r\n <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n <div class=\"mrx-input-date__wrapper\">\r\n <input\r\n #dateInput\r\n type=\"text\"\r\n autocomplete=\"nope\"\r\n class=\"mrx-input-date__input mrx-input-date__date\"\r\n [placeholder]=\"datePlaceholder\"\r\n [ngModel]=\"getDateValue\"\r\n [mask]=\"'00.00.0000 00:m0'\"\r\n [leadZeroDateTime]=\"true\"\r\n [validation]=\"false\"\r\n [disabled]=\"disabled\"\r\n [readOnly]=\"!isManualInput\"\r\n (input)=\"updateDateValue(dateInput)\"\r\n (click)=\"clickToInput(dateInput)\"\r\n (blur)=\"onBlur($event)\"\r\n />\r\n\r\n <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n <span\r\n class=\"mrx-icon icon-close\"\r\n *ngIf=\"isViewCleanIcon\"\r\n (click)=\"clickToIconClear()\"\r\n [class.icon-font-16]=\"size === 'small'\"\r\n [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n ></span>\r\n <span\r\n class=\"mrx-icon icon-calendar\"\r\n (click)=\"clickToIconCalendar()\"\r\n [class.icon-font-16]=\"size === 'small'\"\r\n [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n ></span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <mrx-error-message\r\n *ngIf=\"invalid; else innerInvalidTemplate\"\r\n [invalidMessage]=\"invalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <ng-template #innerInvalidTemplate>\r\n <mrx-error-message\r\n *ngIf=\"innerInvalid\"\r\n [invalidMessage]=\"innerInvalidMessage\"\r\n ></mrx-error-message>\r\n </ng-template>\r\n\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date{width:100%;position:relative}.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);color:var(--neutral-text-primary);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled);color:var(--neutral-text-tertiary)}.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled, #EEF0F4);border-color:var(--neutral-bg-stroke-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled, #EEF0F4);border-color:var(--neutral-bg-stroke-default)}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}\n"] }]
|
|
10087
|
-
}], ctorParameters: () => [], propDecorators: { fields: [{
|
|
10085
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { fields: [{
|
|
10088
10086
|
type: Input
|
|
10089
10087
|
}], size: [{
|
|
10090
10088
|
type: Input
|
|
@@ -10108,10 +10106,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10108
10106
|
type: Input
|
|
10109
10107
|
}], range: [{
|
|
10110
10108
|
type: Input
|
|
10111
|
-
}], minDate: [{
|
|
10112
|
-
type: Input
|
|
10113
|
-
}], maxDate: [{
|
|
10114
|
-
type: Input
|
|
10115
10109
|
}], timezone: [{
|
|
10116
10110
|
type: Input
|
|
10117
10111
|
}], inline: [{
|
|
@@ -10138,6 +10132,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10138
10132
|
type: Input
|
|
10139
10133
|
}], checkInvalid: [{
|
|
10140
10134
|
type: Input
|
|
10135
|
+
}], minDate: [{
|
|
10136
|
+
type: Input
|
|
10137
|
+
}], maxDate: [{
|
|
10138
|
+
type: Input
|
|
10141
10139
|
}], dateInput: [{
|
|
10142
10140
|
type: ViewChild,
|
|
10143
10141
|
args: ['dateInput']
|