ng-tailwind 2.24.322 → 2.24.323
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/bundles/ng-tailwind.umd.js +3 -1
- package/bundles/ng-tailwind.umd.js.map +1 -1
- package/components/ngt-date/ngt-date.component.d.ts +1 -0
- package/esm2015/components/ngt-date/ngt-date.component.js +4 -2
- package/fesm2015/ng-tailwind.js +3 -1
- package/fesm2015/ng-tailwind.js.map +1 -1
- package/ng-tailwind.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -5423,6 +5423,7 @@
|
|
|
5423
5423
|
_this.shining = false;
|
|
5424
5424
|
_this.dateFormat = 'd/m/Y H:i';
|
|
5425
5425
|
_this.dateFormatNgModel = 'YYYY-MM-DD HH:mm:00';
|
|
5426
|
+
_this.showCalendarIcon = false;
|
|
5426
5427
|
_this.isDisabled = false;
|
|
5427
5428
|
_this.isReadonly = false;
|
|
5428
5429
|
_this.time_24hr = true;
|
|
@@ -5705,7 +5706,7 @@
|
|
|
5705
5706
|
NgtDateComponent.decorators = [
|
|
5706
5707
|
{ type: core.Component, args: [{
|
|
5707
5708
|
selector: 'ngt-date',
|
|
5708
|
-
template: "<label class=\"{{ shining ? '' : 'block' }} mb-2 {{ngtStyle.compile(['text', 'fontCase'])}} flex\" *ngIf=\"label\"
|
|
5709
|
+
template: "<label class=\"{{ shining ? '' : 'block' }} mb-2 {{ngtStyle.compile(['text', 'fontCase'])}} flex\" *ngIf=\"label\"\r\n [hidden]='shining'>\r\n {{ label }}:\r\n\r\n <span class=\"text-red-500 font-bold text-md ml-1\" *ngIf=\"isRequired\">*</span>\r\n\r\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" [iconColor]=\"helpTextColor\" class=\"ml-1\">\r\n {{ helpText }}\r\n </ngt-helper>\r\n</label>\r\n\r\n<div class=\"relative\" [hidden]='shining || isDisabled || isReadonly'>\r\n <div\r\n class=\"overflow-hidden {{ ngtStyle.compile(['h', 'color.text']) }} {{ hasErrors() ? 'border-error' : 'border-normal' }}\">\r\n <ng2-flatpickr class=\"block h-full\" [config]='dateConfig' disabled='true'\r\n placeholder=\"{{ placeholder }}\" #ng2FlatpickrComponent>\r\n </ng2-flatpickr>\r\n\r\n <div *ngIf=\"allowClear && value\" class=\"flex h-full absolute items-center right-0 top-0 w-auto cursor-pointer {{showCalendarIcon ? 'mr-6' : 'mr-2'}}\"\r\n (click)='clearInput(true)'>\r\n <svg class=\"fill-current text-red-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M19.1 17.2l-5.3-5.3 5.3-5.3-1.8-1.8-5.3 5.4-5.3-5.3-1.8 1.7 5.3 5.3-5.3 5.3L6.7 19l5.3-5.3 5.3 5.3 1.8-1.8z\"/>\r\n </svg>\r\n </div>\r\n\r\n <div *ngIf=\"showCalendarIcon\" class=\"flex h-full absolute items-center right-0 top-0 w-auto cursor-pointer mr-2\">\r\n <svg class=\"fill-current text-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M19,4H17V3a1,1,0,0,0-2,0V4H9V3A1,1,0,0,0,7,3V4H5A3,3,0,0,0,2,7V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V7A3,3,0,0,0,19,4Zm1,15a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V12H20Zm0-9H4V7A1,1,0,0,1,5,6H7V7A1,1,0,0,0,9,7V6h6V7a1,1,0,0,0,2,0V6h2a1,1,0,0,1,1,1Z\"/>\r\n </svg>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf='shining'>\r\n <div class=\"flex\">\r\n <ngt-shining class=\"h-10 w-full\"></ngt-shining>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf='isDisabled || isReadonly'>\r\n <div class=\"{{isDisabled ? 'disabledDiv' : ''}} w-full px-4 py-3 rounded appearance-none block border border-gray-400\">\r\n {{ getFormattedNativeValue() }}\r\n </div>\r\n</ng-container>\r\n\r\n<input *ngIf='componentReady' type=\"hidden\" [ngModel]=\"value\" [name]=\"name\" [value]=\"value\">\r\n\r\n<ng-content></ng-content>\r\n<ngt-validation [control]=\"formControl\" [container]=\"formContainer\"></ngt-validation>\r\n",
|
|
5709
5710
|
encapsulation: core.ViewEncapsulation.None,
|
|
5710
5711
|
providers: [
|
|
5711
5712
|
NgtMakeProvider(NgtDateComponent),
|
|
@@ -5732,6 +5733,7 @@
|
|
|
5732
5733
|
shining: [{ type: core.Input }],
|
|
5733
5734
|
dateFormat: [{ type: core.Input }],
|
|
5734
5735
|
dateFormatNgModel: [{ type: core.Input }],
|
|
5736
|
+
showCalendarIcon: [{ type: core.Input }],
|
|
5735
5737
|
name: [{ type: core.Input }],
|
|
5736
5738
|
isDisabled: [{ type: core.Input }],
|
|
5737
5739
|
isReadonly: [{ type: core.Input }],
|