inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-02 17:53:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-10246] Add logic to make dates semantically conveyed

Browse Source
This commit is contained in:
Shivangi Shree
2026-08-14 15:00:20 +05:30
parent 3aa17e49fe
commit ce32d42dec
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/datatable/components/date-cell/date-cell.component.ts
+9 -1
View File
@@ -26,7 +26,9 @@ import { toSignal } from '@angular/core/rxjs-interop';
selector: 'adf-date-cell', selector: 'adf-date-cell',
template: ` template: `
@if (formattedDate()) { @if (formattedDate()) {
<span [title]="title()" class="adf-datatable-cell-value">{{ formattedDate() }}</span> <time tabindex="0" [attr.datetime]="isoDate()" [attr.aria-label]="title()" [title]="title()" class="adf-datatable-cell-value"
>{{ formattedDate() }}
</time>
} }
`, `,
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
@@ -55,6 +57,12 @@ export class DateCellComponent extends DataTableCellComponent implements OnInit
// Convert value$ observable to signal for reactive computation // Convert value$ observable to signal for reactive computation
private readonly dateValue = toSignal(this.value$); private readonly dateValue = toSignal(this.value$);
// Computed signal that automatically formats the date to ISO string for datetime attribute
protected readonly isoDate = computed(() => {
const date = this.dateValue();
return date ? new Date(date).toISOString() : '';
});
// Computed signal that automatically formats the date based on value and config // Computed signal that automatically formats the date based on value and config
protected readonly formattedDate = computed(() => { protected readonly formattedDate = computed(() => {
const date = this.dateValue(); const date = this.dateValue();