@sd-angular/core 1.0.59 → 1.0.62

package/bundles/sd-angular-core-form.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@sd-angular/core/common"),require("@angular/core"),require("@angular/forms"),require("@sd-angular/core/autocomplete"),require("@sd-angular/core/button"),require("@sd-angular/core/date-range"),require("@sd-angular/core/date-time"),require("@sd-angular/core/editor"),require("@sd-angular/core/input"),require("@sd-angular/core/input-currency"),require("@sd-angular/core/modal"),require("@sd-angular/core/radio"),require("@sd-angular/core/select"),require("@sd-angular/core/select-editor"),require("@sd-angular/core/switch"),require("@sd-angular/core/upload-file"),require("@sd-angular/core/chip"),require("@sd-angular/core/textarea"),require("@sd-angular/core/utility"),require("@sd-angular/core/checkbox"),require("@sd-angular/core/label"),require("@sd-angular/core/time"),require("@sd-angular/core/side-drawer"),require("@sd-angular/core/quick-action"),require("@sd-angular/core/badge"),require("@sd-angular/core/modal-resizable")):"function"==typeof define&&define.amd?define("@sd-angular/core/form",["exports","@sd-angular/core/common","@angular/core","@angular/forms","@sd-angular/core/autocomplete","@sd-angular/core/button","@sd-angular/core/date-range","@sd-angular/core/date-time","@sd-angular/core/editor","@sd-angular/core/input","@sd-angular/core/input-currency","@sd-angular/core/modal","@sd-angular/core/radio","@sd-angular/core/select","@sd-angular/core/select-editor","@sd-angular/core/switch","@sd-angular/core/upload-file","@sd-angular/core/chip","@sd-angular/core/textarea","@sd-angular/core/utility","@sd-angular/core/checkbox","@sd-angular/core/label","@sd-angular/core/time","@sd-angular/core/side-drawer","@sd-angular/core/quick-action","@sd-angular/core/badge","@sd-angular/core/modal-resizable"],r):r(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.form={}),e["sd-angular"].core.common,e.ng.core,e.ng.forms,e["sd-angular"].core.autocomplete,e["sd-angular"].core.button,e["sd-angular"].core["date-range"],e["sd-angular"].core["date-time"],e["sd-angular"].core.editor,e["sd-angular"].core.input,e["sd-angular"].core["input-currency"],e["sd-angular"].core.modal,e["sd-angular"].core.radio,e["sd-angular"].core.select,e["sd-angular"].core["select-editor"],e["sd-angular"].core.switch,e["sd-angular"].core["upload-file"],e["sd-angular"].core.chip,e["sd-angular"].core.textarea,e["sd-angular"].core.utility,e["sd-angular"].core.checkbox,e["sd-angular"].core.label,e["sd-angular"].core.time,e["sd-angular"].core["side-drawer"],e["sd-angular"].core["quick-action"],e["sd-angular"].core.badge,e["sd-angular"].core["modal-resizable"])}(this,(function(e,r,a,d,o,u,l,c,n,i,s,t,g,M,S,m,p,q,b,f,h,y,x,k,w,C,R){"use strict";var T=function(){};T.decorators=[{type:a.NgModule,args:[{imports:[d.FormsModule,d.ReactiveFormsModule,r.SdCommonModule,t.SdModalModule,k.SdSideDrawerModule,y.SdLabelModule,p.SdUploadFileModule,l.SdDateRangeModule,c.SdDateTimeModule,x.SdTimeModule,u.SdButtonModule,o.SdAutocompleteModule,i.SdInputModule,s.SdInputCurrencyModule,M.SdSelectModule,S.SdSelectEditorModule,n.SdEditorModule,m.SdSwitchModule,g.SdRadioModule,q.SdChipModule,b.SdTextareaModule,h.SdCheckboxModule,f.SdUtilityModule,w.SdQuickActionModule,C.SdBadgeModule,R.SdModalResizableModule],declarations:[],providers:[],exports:[d.FormsModule,d.ReactiveFormsModule,r.SdCommonModule,t.SdModalModule,k.SdSideDrawerModule,y.SdLabelModule,p.SdUploadFileModule,l.SdDateRangeModule,c.SdDateTimeModule,x.SdTimeModule,u.SdButtonModule,o.SdAutocompleteModule,i.SdInputModule,s.SdInputCurrencyModule,M.SdSelectModule,S.SdSelectEditorModule,n.SdEditorModule,m.SdSwitchModule,g.SdRadioModule,q.SdChipModule,b.SdTextareaModule,h.SdCheckboxModule,f.SdUtilityModule,w.SdQuickActionModule,C.SdBadgeModule,R.SdModalResizableModule]}]}],e.SdFormModule=T,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@sd-angular/core/common"),require("@angular/core"),require("@angular/forms"),require("@sd-angular/core/autocomplete"),require("@sd-angular/core/button"),require("@sd-angular/core/date-range"),require("@sd-angular/core/date-time"),require("@sd-angular/core/editor"),require("@sd-angular/core/input"),require("@sd-angular/core/input-currency"),require("@sd-angular/core/modal"),require("@sd-angular/core/radio"),require("@sd-angular/core/select"),require("@sd-angular/core/select-editor"),require("@sd-angular/core/switch"),require("@sd-angular/core/upload-file"),require("@sd-angular/core/chip"),require("@sd-angular/core/textarea"),require("@sd-angular/core/utility"),require("@sd-angular/core/checkbox"),require("@sd-angular/core/label"),require("@sd-angular/core/time"),require("@sd-angular/core/side-drawer"),require("@sd-angular/core/quick-action"),require("@sd-angular/core/badge"),require("@sd-angular/core/timeline"),require("@sd-angular/core/modal-resizable")):"function"==typeof define&&define.amd?define("@sd-angular/core/form",["exports","@sd-angular/core/common","@angular/core","@angular/forms","@sd-angular/core/autocomplete","@sd-angular/core/button","@sd-angular/core/date-range","@sd-angular/core/date-time","@sd-angular/core/editor","@sd-angular/core/input","@sd-angular/core/input-currency","@sd-angular/core/modal","@sd-angular/core/radio","@sd-angular/core/select","@sd-angular/core/select-editor","@sd-angular/core/switch","@sd-angular/core/upload-file","@sd-angular/core/chip","@sd-angular/core/textarea","@sd-angular/core/utility","@sd-angular/core/checkbox","@sd-angular/core/label","@sd-angular/core/time","@sd-angular/core/side-drawer","@sd-angular/core/quick-action","@sd-angular/core/badge","@sd-angular/core/timeline","@sd-angular/core/modal-resizable"],r):r(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.form={}),e["sd-angular"].core.common,e.ng.core,e.ng.forms,e["sd-angular"].core.autocomplete,e["sd-angular"].core.button,e["sd-angular"].core["date-range"],e["sd-angular"].core["date-time"],e["sd-angular"].core.editor,e["sd-angular"].core.input,e["sd-angular"].core["input-currency"],e["sd-angular"].core.modal,e["sd-angular"].core.radio,e["sd-angular"].core.select,e["sd-angular"].core["select-editor"],e["sd-angular"].core.switch,e["sd-angular"].core["upload-file"],e["sd-angular"].core.chip,e["sd-angular"].core.textarea,e["sd-angular"].core.utility,e["sd-angular"].core.checkbox,e["sd-angular"].core.label,e["sd-angular"].core.time,e["sd-angular"].core["side-drawer"],e["sd-angular"].core["quick-action"],e["sd-angular"].core.badge,e["sd-angular"].core.timeline,e["sd-angular"].core["modal-resizable"])}(this,(function(e,r,a,d,o,u,l,c,n,i,s,t,g,M,S,m,p,q,b,f,h,y,x,k,w,T,C,R){"use strict";var F=function(){};F.decorators=[{type:a.NgModule,args:[{imports:[d.FormsModule,d.ReactiveFormsModule,r.SdCommonModule,t.SdModalModule,k.SdSideDrawerModule,y.SdLabelModule,p.SdUploadFileModule,l.SdDateRangeModule,c.SdDateTimeModule,x.SdTimeModule,u.SdButtonModule,o.SdAutocompleteModule,i.SdInputModule,s.SdInputCurrencyModule,M.SdSelectModule,S.SdSelectEditorModule,n.SdEditorModule,m.SdSwitchModule,g.SdRadioModule,q.SdChipModule,b.SdTextareaModule,h.SdCheckboxModule,f.SdUtilityModule,w.SdQuickActionModule,T.SdBadgeModule,C.SdTimelineModule,R.SdModalResizableModule],declarations:[],providers:[],exports:[d.FormsModule,d.ReactiveFormsModule,r.SdCommonModule,t.SdModalModule,k.SdSideDrawerModule,y.SdLabelModule,p.SdUploadFileModule,l.SdDateRangeModule,c.SdDateTimeModule,x.SdTimeModule,u.SdButtonModule,o.SdAutocompleteModule,i.SdInputModule,s.SdInputCurrencyModule,M.SdSelectModule,S.SdSelectEditorModule,n.SdEditorModule,m.SdSwitchModule,g.SdRadioModule,q.SdChipModule,b.SdTextareaModule,h.SdCheckboxModule,f.SdUtilityModule,w.SdQuickActionModule,T.SdBadgeModule,C.SdTimelineModule,R.SdModalResizableModule]}]}],e.SdFormModule=F,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-form.umd.min.js.map

package/bundles/sd-angular-core-form.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../projects/sd-core/form/src/lib/form.module.ts"],"names":["NgModule","args","imports","FormsModule","ReactiveFormsModule","SdCommonModule","SdModalModule","SdSideDrawerModule","SdLabelModule","SdUploadFileModule","SdDateRangeModule","SdDateTimeModule","SdTimeModule","SdButtonModule","SdAutocompleteModule","SdInputModule","SdInputCurrencyModule","SdSelectModule","SdSelectEditorModule","SdEditorModule","SdSwitchModule","SdRadioModule","SdChipModule","SdTextareaModule","SdCheckboxModule","SdUtilityModule","SdQuickActionModule","SdBadgeModule","SdModalResizableModule","declarations","providers","exports"],"mappings":"ixFAyFA,iCA9DCA,EAAAA,SAAQC,KAAA,CAAC,CACRC,QAAS,CACPC,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,mBACAC,EAAAA,kBACAC,EAAAA,iBACAC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,qBACAC,EAAAA,cACAC,EAAAA,sBACAC,EAAAA,eACAC,EAAAA,qBACAC,EAAAA,eACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,iBACAC,EAAAA,gBACAC,EAAAA,oBACAC,EAAAA,cACAC,EAAAA,wBAEFC,aAAc,GAEdC,UAAW,GAEXC,QAAS,CACP5B,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,mBACAC,EAAAA,kBACAC,EAAAA,iBACAC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,qBACAC,EAAAA,cACAC,EAAAA,sBACAC,EAAAA,eACAC,EAAAA,qBACAC,EAAAA,eACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,iBACAC,EAAAA,gBACAC,EAAAA,oBACAC,EAAAA,cACAC,EAAAA","sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdAutocompleteModule } from '@sd-angular/core/autocomplete';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdDateRangeModule } from '@sd-angular/core/date-range';\r\nimport { SdDateTimeModule } from '@sd-angular/core/date-time';\r\nimport { SdEditorModule } from '@sd-angular/core/editor';\r\nimport { SdInputModule } from '@sd-angular/core/input';\r\nimport { SdInputCurrencyModule } from '@sd-angular/core/input-currency';\r\nimport { SdModalModule } from '@sd-angular/core/modal';\r\nimport { SdRadioModule } from '@sd-angular/core/radio';\r\nimport { SdSelectModule } from '@sd-angular/core/select';\r\nimport { SdSelectEditorModule } from '@sd-angular/core/select-editor';\r\nimport { SdSwitchModule } from '@sd-angular/core/switch';\r\nimport { SdUploadFileModule } from '@sd-angular/core/upload-file';\r\nimport { SdChipModule } from '@sd-angular/core/chip';\r\nimport { SdTextareaModule } from '@sd-angular/core/textarea';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { SdCheckboxModule } from '@sd-angular/core/checkbox';\r\nimport { SdLabelModule } from '@sd-angular/core/label';\r\nimport { SdTimeModule } from '@sd-angular/core/time';\r\nimport { SdSideDrawerModule } from '@sd-angular/core/side-drawer';\r\nimport { SdQuickActionModule } from '@sd-angular/core/quick-action';\r\nimport { SdBadgeModule } from '@sd-angular/core/badge';\r\nimport { SdModalResizableModule } from '@sd-angular/core/modal-resizable';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SdCommonModule,\r\n    SdModalModule,\r\n    SdSideDrawerModule,\r\n    SdLabelModule,\r\n    SdUploadFileModule,\r\n    SdDateRangeModule,\r\n    SdDateTimeModule,\r\n    SdTimeModule,\r\n    SdButtonModule,\r\n    SdAutocompleteModule,\r\n    SdInputModule,\r\n    SdInputCurrencyModule,\r\n    SdSelectModule,\r\n    SdSelectEditorModule,\r\n    SdEditorModule,\r\n    SdSwitchModule,\r\n    SdRadioModule,\r\n    SdChipModule,\r\n    SdTextareaModule,\r\n    SdCheckboxModule,\r\n    SdUtilityModule,\r\n    SdQuickActionModule,\r\n    SdBadgeModule,\r\n    SdModalResizableModule\r\n  ],\r\n  declarations: [\r\n  ],\r\n  providers: [\r\n  ],\r\n  exports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SdCommonModule,\r\n    SdModalModule,\r\n    SdSideDrawerModule,\r\n    SdLabelModule,\r\n    SdUploadFileModule,\r\n    SdDateRangeModule,\r\n    SdDateTimeModule,\r\n    SdTimeModule,\r\n    SdButtonModule,\r\n    SdAutocompleteModule,\r\n    SdInputModule,\r\n    SdInputCurrencyModule,\r\n    SdSelectModule,\r\n    SdSelectEditorModule,\r\n    SdEditorModule,\r\n    SdSwitchModule,\r\n    SdRadioModule,\r\n    SdChipModule,\r\n    SdTextareaModule,\r\n    SdCheckboxModule,\r\n    SdUtilityModule,\r\n    SdQuickActionModule,\r\n    SdBadgeModule,\r\n    SdModalResizableModule\r\n  ]\r\n})\r\nexport class SdFormModule { }\r\n"]}
+{"version":3,"sources":["../../../../projects/sd-core/form/src/lib/form.module.ts"],"names":["NgModule","args","imports","FormsModule","ReactiveFormsModule","SdCommonModule","SdModalModule","SdSideDrawerModule","SdLabelModule","SdUploadFileModule","SdDateRangeModule","SdDateTimeModule","SdTimeModule","SdButtonModule","SdAutocompleteModule","SdInputModule","SdInputCurrencyModule","SdSelectModule","SdSelectEditorModule","SdEditorModule","SdSwitchModule","SdRadioModule","SdChipModule","SdTextareaModule","SdCheckboxModule","SdUtilityModule","SdQuickActionModule","SdBadgeModule","SdTimelineModule","SdModalResizableModule","declarations","providers","exports"],"mappings":"k3FA4FA,iCAhECA,EAAAA,SAAQC,KAAA,CAAC,CACRC,QAAS,CACPC,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,mBACAC,EAAAA,kBACAC,EAAAA,iBACAC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,qBACAC,EAAAA,cACAC,EAAAA,sBACAC,EAAAA,eACAC,EAAAA,qBACAC,EAAAA,eACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,iBACAC,EAAAA,gBACAC,EAAAA,oBACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,wBAEFC,aAAc,GAEdC,UAAW,GAEXC,QAAS,CACP7B,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,mBACAC,EAAAA,kBACAC,EAAAA,iBACAC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,qBACAC,EAAAA,cACAC,EAAAA,sBACAC,EAAAA,eACAC,EAAAA,qBACAC,EAAAA,eACAC,EAAAA,eACAC,EAAAA,cACAC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,iBACAC,EAAAA,gBACAC,EAAAA,oBACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA","sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SdAutocompleteModule } from '@sd-angular/core/autocomplete';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\nimport { SdDateRangeModule } from '@sd-angular/core/date-range';\r\nimport { SdDateTimeModule } from '@sd-angular/core/date-time';\r\nimport { SdEditorModule } from '@sd-angular/core/editor';\r\nimport { SdInputModule } from '@sd-angular/core/input';\r\nimport { SdInputCurrencyModule } from '@sd-angular/core/input-currency';\r\nimport { SdModalModule } from '@sd-angular/core/modal';\r\nimport { SdRadioModule } from '@sd-angular/core/radio';\r\nimport { SdSelectModule } from '@sd-angular/core/select';\r\nimport { SdSelectEditorModule } from '@sd-angular/core/select-editor';\r\nimport { SdSwitchModule } from '@sd-angular/core/switch';\r\nimport { SdUploadFileModule } from '@sd-angular/core/upload-file';\r\nimport { SdChipModule } from '@sd-angular/core/chip';\r\nimport { SdTextareaModule } from '@sd-angular/core/textarea';\r\nimport { SdUtilityModule } from '@sd-angular/core/utility';\r\nimport { SdCheckboxModule } from '@sd-angular/core/checkbox';\r\nimport { SdLabelModule } from '@sd-angular/core/label';\r\nimport { SdTimeModule } from '@sd-angular/core/time';\r\nimport { SdSideDrawerModule } from '@sd-angular/core/side-drawer';\r\nimport { SdQuickActionModule } from '@sd-angular/core/quick-action';\r\nimport { SdBadgeModule } from '@sd-angular/core/badge';\r\nimport { SdTimelineModule } from '@sd-angular/core/timeline';\r\nimport { SdModalResizableModule } from '@sd-angular/core/modal-resizable';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SdCommonModule,\r\n    SdModalModule,\r\n    SdSideDrawerModule,\r\n    SdLabelModule,\r\n    SdUploadFileModule,\r\n    SdDateRangeModule,\r\n    SdDateTimeModule,\r\n    SdTimeModule,\r\n    SdButtonModule,\r\n    SdAutocompleteModule,\r\n    SdInputModule,\r\n    SdInputCurrencyModule,\r\n    SdSelectModule,\r\n    SdSelectEditorModule,\r\n    SdEditorModule,\r\n    SdSwitchModule,\r\n    SdRadioModule,\r\n    SdChipModule,\r\n    SdTextareaModule,\r\n    SdCheckboxModule,\r\n    SdUtilityModule,\r\n    SdQuickActionModule,\r\n    SdBadgeModule,\r\n    SdTimelineModule,\r\n    SdModalResizableModule\r\n  ],\r\n  declarations: [\r\n  ],\r\n  providers: [\r\n  ],\r\n  exports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SdCommonModule,\r\n    SdModalModule,\r\n    SdSideDrawerModule,\r\n    SdLabelModule,\r\n    SdUploadFileModule,\r\n    SdDateRangeModule,\r\n    SdDateTimeModule,\r\n    SdTimeModule,\r\n    SdButtonModule,\r\n    SdAutocompleteModule,\r\n    SdInputModule,\r\n    SdInputCurrencyModule,\r\n    SdSelectModule,\r\n    SdSelectEditorModule,\r\n    SdEditorModule,\r\n    SdSwitchModule,\r\n    SdRadioModule,\r\n    SdChipModule,\r\n    SdTextareaModule,\r\n    SdCheckboxModule,\r\n    SdUtilityModule,\r\n    SdQuickActionModule,\r\n    SdBadgeModule,\r\n    SdTimelineModule,\r\n    SdModalResizableModule\r\n  ]\r\n})\r\nexport class SdFormModule { }\r\n"]}

package/bundles/sd-angular-core-grid-material.umd.js

@@ -2175,7 +2175,7 @@
                                                         case 0:
                                                             obj = {};
                                                             handle = function (exportColumn) { return __awaiter(_this, void 0, void 0, function () {
-                                                                var _q, _r, column, exportedColumn, date, date, date, _v, _w;
+                                                                var _q, _r, column, exportedColumn, date, transformDate, date, transformDate, date, transformDate, _v, _w;
                                                                 return __generator(this, function (_x) {
                                                                     switch (_x.label) {
                                                                         case 0:
@@ -2220,17 +2220,32 @@
                                                                             return [3 /*break*/, 10];
                                                                         case 4:
                                                                             if (!(column.type === 'date')) return [3 /*break*/, 5];
-                                                                            date = new Date(item[column.field]);
+                                                                            date = item[column.field];
+                                                                            transformDate = column.transformDate;
+                                                                            if (transformDate) {
+                                                                                date = transformDate(date, item);
+                                                                            }
+                                                                            // Nếu là date thì convert theo đúng format
                                                                             obj[column.field] = Date.toFormat(date, 'dd/MM/yyyy');
                                                                             return [3 /*break*/, 10];
                                                                         case 5:
                                                                             if (!(column.type === 'datetime')) return [3 /*break*/, 6];
-                                                                            date = new Date(item[column.field]);
+                                                                            date = item[column.field];
+                                                                            transformDate = column.transformDate;
+                                                                            if (transformDate) {
+                                                                                date = transformDate(date, item);
+                                                                            }
+                                                                            // Nếu là datetime thì convert theo đúng format
                                                                             obj[column.field] = Date.toFormat(date, 'dd/MM/yyyy HH:mm:ss');
                                                                             return [3 /*break*/, 10];
                                                                         case 6:
                                                                             if (!(column.type === 'time')) return [3 /*break*/, 7];
-                                                                            date = new Date(item[column.field]);
+                                                                            date = item[column.field];
+                                                                            transformDate = column.transformDate;
+                                                                            if (transformDate) {
+                                                                                date = transformDate(date, item);
+                                                                            }
+                                                                            // Nếu là time thì convert theo đúng format
                                                                             obj[column.field] = Date.toFormat(date, 'HH:mm:ss');
                                                                             return [3 /*break*/, 10];
                                                                         case 7:
@@ -4311,7 +4326,7 @@
         SdCellViewPipe.prototype.transform = function (value, rowData, column, gridOption, key) {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var displayOnEmpty, align, click, tooltip, htmlTemplate, transform, result, val, _b, option, seconds, _c, option;
+                var displayOnEmpty, align, click, tooltip, htmlTemplate, transform, result, transformDate, val, _b, option, seconds, _c, option;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
@@ -4331,6 +4346,12 @@
                             result.display.html = htmlTemplate(value, rowData, __classPrivateFieldGet(this, _isMobileOrTablet$1));
                             return [3 /*break*/, 10];
                         case 1:
+                            if (column.type === 'datetime' || column.type === 'date' || column.type === 'time') {
+                                transformDate = column.transformDate;
+                                if (transformDate) {
+                                    value = transformDate(value, rowData);
+                                }
+                            }
                             if (!(typeof (transform) === 'function')) return [3 /*break*/, 5];
                             val = transform(value, rowData);
                             if (!(val instanceof Promise)) return [3 /*break*/, 3];
@@ -4342,12 +4363,7 @@
                         case 3:
                             result.display.value = val;
                             _d.label = 4;
-                        case 4:
-                            if (column.type === 'datetime' && result.display.value) {
-                                result.display.hasHtml = true;
-                                result.display.html = "<span class=\"d-block T14R text-black400\">" + Date.toFormat(result.display.value, 'HH:mm') + "</span><span class=\"d-block T14R\">" + Date.toFormat(result.display.value, 'dd/MM/yyyy') + "</span>";
-                            }
-                            return [3 /*break*/, 9];
+                        case 4: return [3 /*break*/, 9];
                         case 5:
                             if (column.type === 'date' || column.type === 'datetime') {
                                 option = column.option;