@libs-ui/pipes-format-date 0.2.356-9 → 0.2.357-1

package/README.md

@@ -1,39 +1,38 @@
 # @libs-ui/pipes-format-date
 
-> Bộ đôi pipe hỗ trợ định dạng thời gian và khởi tạo đối tượng Dayjs cho Angular 18+.
+> Bộ đôi pipe standalone để định dạng thời gian và khởi tạo đối tượng Dayjs trong Angular template.
 
 ## Giới thiệu
 
 `@libs-ui/pipes-format-date` cung cấp hai pipe standalone:
 
-- `LibsUiPipesFormatDatePipe`: Định dạng thời gian từ nhiều kiểu đầu vào (Date, ISO string, timestamp) thành chuỗi hiển thị.
-- `LibsUiPipesGetDayjsPipe`: Khởi tạo và trả về đối tượng Dayjs từ cấu hình cho trước.
+- **`LibsUiPipesFormatDatePipe`**: Chuyển đổi các kiểu đầu vào thời gian (string, number/Unix timestamp, Dayjs object) thành chuỗi hiển thị theo định dạng tùy chỉnh, hỗ trợ đa ngôn ngữ.
+- **`LibsUiPipesGetDayjsPipe`**: Nhận một config object và trả về đối tượng `dayjs.Dayjs`, cho phép gọi các method của Dayjs trực tiếp trong template (`.year()`, `.format()`, v.v.).
 
-Cả hai đều được thiết kế tối ưu, hỗ trợ đa ngôn ngữ và tree-shaking.
+Cả hai pipe đều là Pure Pipe — Angular chỉ thực thi lại `transform` khi tham số đầu vào (reference) thay đổi, giúp tránh tính toán lại không cần thiết.
 
-### Tính năng
+## Tính năng
 
-- **Linh hoạt**: Chấp nhận đầu vào là string, number, Date hoặc Dayjs object.
-- **Định dạng tùy biến**: Hỗ trợ mọi định dạng mà Dayjs cho phép.
-- **Đa ngôn ngữ**: Dễ dàng thay đổi locale (vi, en, ...).
-- **Hiệu năng**: Pure pipe, chỉ thực thi lại khi input tham chiếu thay đổi.
-- **Standalone**: Dễ dàng import vào bất kỳ component nào.
-- **Dayjs Integration**: Tích hợp sâu với thư viện xử lý thời gian mạnh mẽ.
+- Chấp nhận đầu vào đa dạng: ISO string, Unix timestamp (seconds), `dayjs.Dayjs`, `null`, `undefined`
+- Định dạng đầu ra hoàn toàn tùy chỉnh theo cú pháp Dayjs (vd: `DD/MM/YYYY`, `HH:mm:ss`, `dddd`)
+- Hỗ trợ đa ngôn ngữ (vi, en, ...) thông qua tham số `lang`
+- Hỗ trợ `formatInput` để parse chuỗi đầu vào có định dạng không chuẩn (vd: `DD/MM/YYYY HH:mm`)
+- Tích hợp múi giờ `Asia/Ho_Chi_Minh` theo mặc định thông qua `getDayjs` từ `@libs-ui/utils`
+- Pure Pipe — hiệu năng cao, chỉ tính toán lại khi input thay đổi
+- Standalone — import trực tiếp vào component, không cần NgModule
 
 ## Khi nào sử dụng
 
-- Khi cần hiển thị ngày tháng năm trong template HTML theo định dạng chuẩn (ví dụ: `DD/MM/YYYY`).
-- Khi cần track sự thay đổi thời gian trong template mà không muốn viết quá nhiều logic trong component class.
-- Khi cần lấy đối tượng Dayjs từ một config JSON trong template để thực hiện các phép tính ngày tháng nhanh.
+- Cần hiển thị ngày/giờ theo định dạng cụ thể trong template HTML (vd: `DD/MM/YYYY`, `HH:mm`)
+- Cần định dạng thời gian có ngôn ngữ (thứ, tháng bằng tiếng Việt hoặc tiếng Anh)
+- Cần parse chuỗi thời gian có định dạng lạ (vd: `10/03/2025 15:12`) sang định dạng chuẩn
+- Cần lấy đối tượng Dayjs trong template để gọi các method như `.year()`, `.month()`, `.diff()`
+- Xử lý timestamp Unix (giây) nhận về từ API backend
 
 ## Cài đặt
 
 ```bash
-# npm
 npm install @libs-ui/pipes-format-date
-
-# yarn
-yarn add @libs-ui/pipes-format-date
 ```
 
 ## Import
@@ -46,73 +45,262 @@ import { LibsUiPipesFormatDatePipe, LibsUiPipesGetDayjsPipe } from '@libs-ui/pip
   imports: [LibsUiPipesFormatDatePipe, LibsUiPipesGetDayjsPipe],
   // ...
 })
-export class YourComponent {}
+export class MyComponent {}
 ```
 
-## Ví dụ
+## Ví dụ sử dụng
 
-### Định dạng ngày tháng cơ bản
+### 1. Định dạng mặc định (YYYY/MM/DD HH:mm)
 
-```html
-<!-- Mặc định: YYYY/MM/DD HH:mm -->
-<span>{{ timestamp | LibsUiPipesFormatDatePipe }}</span>
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiPipesFormatDatePipe } from '@libs-ui/pipes-format-date';
 
-<!-- Custom format -->
-<span>{{ dateString | LibsUiPipesFormatDatePipe:'DD/MM/YYYY' }}</span>
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesFormatDatePipe],
+  template: `
+    <p>{{ now | LibsUiPipesFormatDatePipe }}</p>
+    <!-- Output: 2024/12/25 10:30 -->
+  `,
+})
+export class OrderCreatedAtComponent {
+  now = Date.now() / 1000; // Unix timestamp tính bằng giây
+}
 ```
 
-### Định dạng với ngôn ngữ cụ thể
+### 2. Custom format và đa ngôn ngữ
+
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiPipesFormatDatePipe } from '@libs-ui/pipes-format-date';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesFormatDatePipe],
+  template: `
+    <!-- Chỉ lấy ngày tháng năm -->
+    <p>{{ dateStr | LibsUiPipesFormatDatePipe:'DD/MM/YYYY' }}</p>
+    <!-- Output: 25/12/2024 -->
+
+    <!-- Có giờ phút giây -->
+    <p>{{ dateStr | LibsUiPipesFormatDatePipe:'YYYY-MM-DD HH:mm:ss' }}</p>
+    <!-- Output: 2024-12-25 00:00:00 -->
+
+    <!-- Tên thứ tiếng Việt -->
+    <p>{{ timestamp | LibsUiPipesFormatDatePipe:'dddd, DD MMMM YYYY':'vi' }}</p>
+    <!-- Output: Thứ Hai, 20 Tháng Năm 2024 -->
+
+    <!-- Tên thứ tiếng Anh -->
+    <p>{{ timestamp | LibsUiPipesFormatDatePipe:'dddd, MMMM DD, YYYY':'en' }}</p>
+    <!-- Output: Monday, May 20, 2024 -->
+  `,
+})
+export class EventDateComponent {
+  dateStr = '2024-12-25';
+  timestamp = 1716222600; // May 20, 2024 15:30:00 GMT+7
+}
+```
+
+### 3. Custom input format (parse chuỗi định dạng lạ)
+
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiPipesFormatDatePipe } from '@libs-ui/pipes-format-date';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesFormatDatePipe],
+  template: `
+    <!--
+      Chuỗi đầu vào có định dạng DD/MM/YYYY HH:mm → cần truyền formatInput
+      để dayjs parse đúng trước khi định dạng lại đầu ra
+    -->
+    <p>
+      {{ rawDate | LibsUiPipesFormatDatePipe:'YYYY/MM/DD HH:mm':undefined:'DD/MM/YYYY HH:mm' }}
+    </p>
+    <!-- Output: 2025/03/10 15:12 -->
+  `,
+})
+export class ImportedDateComponent {
+  rawDate = '10/03/2025 15:12';
+}
+```
+
+### 4. Lấy đối tượng Dayjs trong template (LibsUiPipesGetDayjsPipe)
+
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiPipesGetDayjsPipe } from '@libs-ui/pipes-format-date';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesGetDayjsPipe],
+  template: `
+    @let dayjsObj = (dayjsConfig | LibsUiPipesGetDayjsPipe);
+
+    @if (dayjsObj) {
+      <p>Year: {{ dayjsObj.year() }}</p>
+      <p>Month: {{ dayjsObj.month() + 1 }}</p>
+      <p>Formatted: {{ dayjsObj.format('DD-MM-YYYY') }}</p>
+    }
+  `,
+})
+export class DateInfoComponent {
+  dayjsConfig = { date: '2024-05-20' };
+}
+```
+
+### 5. Dùng `formatDate` trực tiếp trong TypeScript (không inject pipe)
+
+Pipe chỉ là thin wrapper của hàm `formatDate` từ `@libs-ui/utils`. Khi cần dùng trong logic TypeScript, import thẳng hàm đó — không cần inject pipe.
+
+```typescript
+import { formatDate } from '@libs-ui/utils';
+
+// Định dạng mặc định
+const result1 = formatDate(Date.now() / 1000);
+// Output: '2024/12/25 10:30'
+
+// Custom format
+const result2 = formatDate('2024-12-25', 'DD/MM/YYYY');
+// Output: '25/12/2024'
+
+// Với ngôn ngữ tiếng Việt
+const result3 = formatDate(1716222600, 'dddd, DD MMMM YYYY', 'vi');
+// Output: 'Thứ Hai, 20 Tháng Năm 2024'
+
+// Với formatInput để parse chuỗi định dạng lạ
+const result4 = formatDate('10/03/2025 15:12', 'YYYY/MM/DD HH:mm', undefined, 'DD/MM/YYYY HH:mm');
+// Output: '2025/03/10 15:12'
+```
+
+## Transform — LibsUiPipesFormatDatePipe
+
+Pipe name: `LibsUiPipesFormatDatePipe`
+
+**Cú pháp template:**
+
+```
+value | LibsUiPipesFormatDatePipe : formatOutput : lang : formatInput
+```
+
+| Tham số | Type | Bắt buộc | Default | Mô tả | Ví dụ |
+|---|---|---|---|---|---|
+| `time` (value) | `string \| number \| dayjs.Dayjs \| null \| undefined` | Không | `undefined` | Giá trị thời gian cần định dạng | `1716222600`, `'2024-12-25'`, `dayjsObj` |
+| `formatOutput` | `string` | Không | `'YYYY/MM/DD HH:mm'` | Định dạng đầu ra theo cú pháp Dayjs | `'DD/MM/YYYY'`, `'HH:mm:ss'`, `'dddd, DD MMMM YYYY'` |
+| `lang` | `string` | Không | `undefined` | Locale hiển thị cho thứ/tháng | `'vi'`, `'en'` |
+| `formatInput` | `string` | Không | `undefined` | Định dạng của chuỗi đầu vào khi Dayjs không tự nhận diện được | `'DD/MM/YYYY HH:mm'`, `'MM-DD-YYYY'` |
+
+**Ví dụ template:**
 
 ```html
-<span>{{ now | LibsUiPipesFormatDatePipe:'dddd, DD MMMM YYYY':'vi' }}</span>
+{{ now | LibsUiPipesFormatDatePipe }}
+{{ dateStr | LibsUiPipesFormatDatePipe:'DD/MM/YYYY' }}
+{{ timestamp | LibsUiPipesFormatDatePipe:'dddd, DD MMMM YYYY':'vi' }}
+{{ rawDate | LibsUiPipesFormatDatePipe:'YYYY/MM/DD':undefined:'DD/MM/YYYY' }}
+```
+
+**Ví dụ standalone (không dùng template):**
+
+```typescript
+import { LibsUiPipesFormatDatePipe } from '@libs-ui/pipes-format-date';
+
+const pipe = new LibsUiPipesFormatDatePipe();
+
+pipe.transform('2024-12-25');
+// Output: '2024/12/25 00:00'
+
+pipe.transform('2024-12-25', 'DD/MM/YYYY');
+// Output: '25/12/2024'
+
+pipe.transform(1716222600, 'dddd, DD MMMM YYYY', 'vi');
+// Output: 'Thứ Hai, 20 Tháng Năm 2024'
+
+pipe.transform('10/03/2025 15:12', 'DD/MM/YYYY HH:mm', undefined, 'DD/MM/YYYY HH:mm');
+// Output: '10/03/2025 15:12'
+
+pipe.transform(null);
+// Output: '' (chuỗi rỗng — không throw lỗi)
+
+pipe.transform(undefined);
+// Output: '' (chuỗi rỗng — không throw lỗi)
 ```
 
-### Lấy đối tượng Dayjs
+## Transform — LibsUiPipesGetDayjsPipe
+
+Pipe name: `LibsUiPipesGetDayjsPipe`
+
+**Cú pháp template:**
+
+```
+config | LibsUiPipesGetDayjsPipe
+```
+
+| Tham số | Type | Bắt buộc | Mô tả | Ví dụ |
+|---|---|---|---|---|
+| `config` | `{ date?: dayjs.ConfigType; utc?: boolean; formatOfDate?: string }` | Không | `undefined` | Config để tạo đối tượng Dayjs. Nếu không truyền, trả về Dayjs hiện tại | `{ date: '2024-05-20' }`, `{ date: 1716222600, utc: true }` |
+| `config.date` | `dayjs.ConfigType` | Không | `undefined` | Giá trị thời gian: string, number (Unix giây), Dayjs object | `'2024-05-20'`, `1716222600` |
+| `config.utc` | `boolean` | Không | `undefined` | `true` để parse và trả về theo UTC | `true` |
+| `config.formatOfDate` | `string` | Không | `undefined` | Định dạng của `config.date` khi là chuỗi không chuẩn | `'DD/MM/YYYY'` |
+
+**Giá trị trả về:** `dayjs.Dayjs | undefined` — trả về `undefined` khi `config.date` không hợp lệ hoặc rỗng.
+
+**Ví dụ template:**
 
 ```html
-@let dayjsObj = (config | LibsUiPipesGetDayjsPipe); @if (dayjsObj) {
-<span>Year: {{ dayjsObj.year() }}</span>
+@let d = ({ date: '2024-05-20' } | LibsUiPipesGetDayjsPipe);
+@if (d) {
+  <span>{{ d.format('DD/MM/YYYY') }}</span>
+  <span>{{ d.year() }} / {{ d.month() + 1 }}</span>
 }
 ```
 
-## API
+**Ví dụ standalone:**
+
+```typescript
+import { LibsUiPipesGetDayjsPipe } from '@libs-ui/pipes-format-date';
+
+const pipe = new LibsUiPipesGetDayjsPipe();
 
-### LibsUiPipesFormatDatePipe
+const d = pipe.transform({ date: '2024-05-20' });
+// d là đối tượng dayjs.Dayjs
 
-#### Parameters
+d?.format('DD/MM/YYYY'); // '20/05/2024'
+d?.year();               // 2024
+d?.month();              // 4 (zero-based)
 
-| Property       | Type                                                   | Default              | Description                                                            |
-| -------------- | ------------------------------------------------------ | -------------------- | ---------------------------------------------------------------------- |
-| `time`         | `string \| number \| dayjs.Dayjs \| null \| undefined` | `undefined`          | Giá trị thời gian cần định dạng                                        |
-| `formatOutput` | `string`                                               | `'YYYY/MM/DD HH:mm'` | Định dạng đầu ra mong muốn                                             |
-| `lang`         | `string`                                               | `undefined`          | Ngôn ngữ hiển thị (vi, en, ...)                                        |
-| `formatInput`  | `string`                                               | `undefined`          | Định dạng của chuỗi đầu vào (trường hợp dayjs không tự nhận diện được) |
+pipe.transform(undefined); // Trả về dayjs() hiện tại
+pipe.transform({ date: undefined }); // Trả về undefined
+```
 
-### LibsUiPipesGetDayjsPipe
+## Lưu ý quan trọng
 
-#### Parameters
+⚠️ **Unix timestamp tính bằng giây, không phải milliseconds**: Backend thường trả về Unix timestamp theo giây (`1716222600`). Nếu bạn có timestamp theo milliseconds (JavaScript `Date.now()`), cần chia 1000 trước khi truyền vào pipe: `Date.now() / 1000`.
 
-| Property | Type                                                   | Default     | Description                     |
-| -------- | ------------------------------------------------------ | ----------- | ------------------------------- |
-| `config` | `{ date?: any, utc?: boolean, formatOfDate?: string }` | `undefined` | Cấu hình để tạo đối tượng Dayjs |
+⚠️ **Múi giờ mặc định là Asia/Ho_Chi_Minh**: Pipe dùng `getDayjs` từ `@libs-ui/utils` — đã được cấu hình mặc định múi giờ `Asia/Ho_Chi_Minh`. Nếu cần múi giờ UTC, dùng `LibsUiPipesGetDayjsPipe` với `{ utc: true }`.
 
-## Công nghệ
+⚠️ **Locale `lang` cần cấu hình Dayjs**: Tham số `lang` chỉ hoạt động với các locale đã được import và đăng ký trong Dayjs. Mặc định `@libs-ui/utils` đã đăng ký sẵn `vi` và `en`.
 
-| Technology     | Version    | Purpose        |
-| -------------- | ---------- | -------------- |
-| Angular        | 18+        | Framework      |
-| Day.js         | 1.11.5     | Date logic     |
-| @libs-ui/utils | 0.2.355-15 | Core utilities |
+⚠️ **`formatInput` khi chuỗi đầu vào không chuẩn**: Nếu truyền chuỗi như `10/03/2025 15:12` mà không có `formatInput`, Dayjs có thể parse sai hoặc trả về `Invalid Date`. Luôn cung cấp `formatInput` khi chuỗi đầu vào không ở dạng ISO 8601.
 
-## Demo
+⚠️ **Không dùng function trong template**: Không gọi `formatDate(...)` trực tiếp trong template interpolation. Hãy dùng pipe hoặc khai báo `computed()` trong TypeScript.
+
+```html
+<!-- SAI — gọi function trong template, tính toán lại mỗi change detection cycle -->
+<p>{{ formatDate(order.createdAt) }}</p>
 
-Chạy demo page để xem trực quan các ví dụ:
+<!-- ĐÚNG — dùng pipe -->
+<p>{{ order.createdAt | LibsUiPipesFormatDatePipe:'DD/MM/YYYY' }}</p>
+```
+
+## Demo
 
 ```bash
-npm run demo
+npx nx serve core-ui
 ```
 
-- Local: [http://localhost:4500/pipes/format-date](http://localhost:4500/pipes/format-date)
+Truy cập: http://localhost:4500/pipes/format-date
 
 ## Unit Tests
 
@@ -120,7 +308,3 @@ npm run demo
 npx nx test pipes-format-date
 npx nx test pipes-format-date --coverage
 ```
-
-## License
-
-MIT

package/fesm2022/libs-ui-pipes-format-date.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-pipes-format-date.mjs","sources":["../../../../../libs-ui/pipes/format-date/src/format-date.pipe.ts","../../../../../libs-ui/pipes/format-date/src/get-dayjs.pipe.ts","../../../../../libs-ui/pipes/format-date/src/libs-ui-pipes-format-date.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport dayjs from 'dayjs';\nimport { formatDate } from '@libs-ui/utils';\n\n@Pipe({\n  name: 'LibsUiPipesFormatDatePipe',\n  standalone: true,\n})\nexport class LibsUiPipesFormatDatePipe implements PipeTransform {\n  /**\n   * @description Lấy ra chuỗi thời gian hiển thị theo định dạng và ngôn ngữ\n   * @param date thời gian cần định dạng\n   * @param format định dạng thời gian muốn lấy ra\n   * @param lang lấy theo ngôn ngữ\n   */\n  transform(time: string | number | dayjs.Dayjs | undefined | null, formatOutput = 'YYYY/MM/DD HH:mm', lang?: string, formatInput?: string): string {\n    return formatDate(time, formatOutput, lang, formatInput);\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { getDayjs } from '@libs-ui/utils';\nimport dayjs from 'dayjs';\n\n@Pipe({\n  name: 'LibsUiPipesGetDayjsPipe',\n  standalone: true,\n})\nexport class LibsUiPipesGetDayjsPipe implements PipeTransform {\n  /**\n   * @description Lấy đối tượng dayjs theo config\n   * @param config nếu không có config sẽ trả về đối tượng dayjs là thời gian hiện tại\n   * @param config.date thời gian cần lấy\n   * @param config.utc true nếu muốn lấy thời gian UTC\n   * @param config.formatOfDate định dạng thời gian đang được truyền vào\n   */\n  transform(config?: { date?: dayjs.ConfigType; utc?: boolean; formatOfDate?: string }): dayjs.Dayjs | undefined {\n    return getDayjs(config);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,yBAAyB,CAAA;AACpC;;;;;AAKG;IACH,SAAS,CAAC,IAAsD,EAAE,YAAY,GAAG,kBAAkB,EAAE,IAAa,EAAE,WAAoB,EAAA;QACtI,OAAO,UAAU,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,CAAC;IAC1D;wGATW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;sGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,2BAA2B;AACjC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;MCCY,uBAAuB,CAAA;AAClC;;;;;;AAMG;AACH,IAAA,SAAS,CAAC,MAA0E,EAAA;AAClF,QAAA,OAAO,QAAQ,CAAC,MAAM,CAAC;IACzB;wGAVW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;sGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,yBAAyB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"libs-ui-pipes-format-date.mjs","sources":["../../../../../libs-ui/pipes/format-date/src/format-date.pipe.ts","../../../../../libs-ui/pipes/format-date/src/get-dayjs.pipe.ts","../../../../../libs-ui/pipes/format-date/src/libs-ui-pipes-format-date.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport dayjs from 'dayjs';\nimport { formatDate } from '@libs-ui/utils';\n\n@Pipe({\n  name: 'LibsUiPipesFormatDatePipe',\n  standalone: true,\n})\nexport class LibsUiPipesFormatDatePipe implements PipeTransform {\n  /**\n   * @description Lấy ra chuỗi thời gian hiển thị theo định dạng và ngôn ngữ\n   * @param date thời gian cần định dạng\n   * @param format định dạng thời gian muốn lấy ra\n   * @param lang lấy theo ngôn ngữ\n   */\n  transform(time: string | number | dayjs.Dayjs | undefined | null, formatOutput = 'YYYY/MM/DD HH:mm', lang?: string, formatInput?: string): string {\n    return formatDate(time, formatOutput, lang, formatInput);\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { getDayjs } from '@libs-ui/utils';\nimport dayjs from 'dayjs';\n\n@Pipe({\n  name: 'LibsUiPipesGetDayjsPipe',\n  standalone: true,\n})\nexport class LibsUiPipesGetDayjsPipe implements PipeTransform {\n  /**\n   * @description Lấy đối tượng dayjs theo config\n   * @param config nếu không có config sẽ trả về đối tượng dayjs là thời gian hiện tại\n   * @param config.date thời gian cần lấy\n   * @param config.utc true nếu muốn lấy thời gian UTC\n   * @param config.formatOfDate định dạng thời gian đang được truyền vào\n   */\n  transform(config?: { date?: dayjs.ConfigType; utc?: boolean; formatOfDate?: string }): dayjs.Dayjs | undefined {\n    return getDayjs(config);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,yBAAyB,CAAA;AACpC;;;;;AAKG;IACH,SAAS,CAAC,IAAsD,EAAE,YAAY,GAAG,kBAAkB,EAAE,IAAa,EAAE,WAAoB,EAAA;QACtI,OAAO,UAAU,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;KAC1D;wGATU,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;sGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,CAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,2BAA2B;AACjC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;MCCY,uBAAuB,CAAA;AAClC;;;;;;AAMG;AACH,IAAA,SAAS,CAAC,MAA0E,EAAA;AAClF,QAAA,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;KACzB;wGAVU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;sGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,yBAAyB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@libs-ui/pipes-format-date",
-  "version": "0.2.356-9",
+  "version": "0.2.357-1",
   "peerDependencies": {
     "@angular/core": ">=18.0.0",
     "dayjs": "1.11.5",
-    "@libs-ui/utils": "0.2.356-9"
+    "@libs-ui/utils": "0.2.357-1"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-pipes-format-date.mjs",