osl-base-extended 2.0.7 → 2.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osl-base-extended",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "peerDependencies": {
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0"

package/types/osl-base-extended.d.ts

@@ -469,7 +469,8 @@ declare class OslFileUpload {
     static ɵcmp: i0.ɵɵComponentDeclaration<OslFileUpload, "osl-file-upload", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "skeletonLoading": { "alias": "skeletonLoading"; "required": false; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
 }
 
-declare class OslDatetimepicker {
+declare class OslDatetimepicker implements AfterViewInit {
+    private dtNativeInput;
     label: string;
     required: boolean;
     disabled: boolean;
@@ -480,18 +481,24 @@ declare class OslDatetimepicker {
     maxDate: Date | null;
     set minDatetime(val: string);
     set maxDatetime(val: string);
-    /** Output format for the emitted string value. Uses date.util tokens: YYYY, MM, DD, HH, mm, ss */
+    /** Emitted string format. Tokens: YYYY MM DD HH mm ss ddd dddd etc. Default: 'YYYY-MM-DDTHH:mm' */
     format: string;
+    /** Display format shown inside the input field. Default: 'ddd DD/MM/YYYY HH:mm' → Sun 18/01/2026 19:18 */
+    set displayFormatInput(val: string);
+    private _displayFormat;
     showSeconds: boolean;
     enableMeridian: boolean;
     skeletonLoading: boolean;
     skeletonTheme: 'light' | 'dark';
     modelChange: EventEmitter<string>;
     changeEv: EventEmitter<string>;
+    ngAfterViewInit(): void;
     onDateChange(date: Date | null): void;
+    private _updateDisplay;
+    private _scheduleDisplayUpdate;
     private _parseToDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<OslDatetimepicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OslDatetimepicker, "osl-datetimepicker", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minDatetime": { "alias": "minDatetime"; "required": false; }; "maxDatetime": { "alias": "maxDatetime"; "required": false; }; "format": { "alias": "format"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "enableMeridian": { "alias": "enableMeridian"; "required": false; }; "skeletonLoading": { "alias": "skeletonLoading"; "required": false; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OslDatetimepicker, "osl-datetimepicker", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minDatetime": { "alias": "minDatetime"; "required": false; }; "maxDatetime": { "alias": "maxDatetime"; "required": false; }; "format": { "alias": "format"; "required": false; }; "displayFormatInput": { "alias": "displayFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "enableMeridian": { "alias": "enableMeridian"; "required": false; }; "skeletonLoading": { "alias": "skeletonLoading"; "required": false; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
 }
 
 declare class OslCheckbox implements OnChanges {
@@ -540,7 +547,7 @@ interface OslSetupState {
     highlightedRow: any;
 }
 
-type OslDisplayType = 'date' | 'datetime' | 'time' | 'link';
+type OslDisplayType = 'date' | 'datetime' | 'time' | 'link' | 'customDateFormat';
 interface OslGridColumn {
     key: string;
     label: string;
@@ -553,6 +560,7 @@ interface OslGridColumn {
     isActions?: boolean;
     /** Applies a built-in transform to the cell value. 'date' → dd/MM/yyyy, 'datetime' → dd/MM/yyyy HH:mm, 'time' → HH:mm */
     displayType?: OslDisplayType;
+    customDateFormat?: string;
     click?: (row: any, col: any) => void;
 }
 interface OslMenuAction {
@@ -1440,6 +1448,7 @@ declare function nextWorkday(date: Date): Date;
 declare function inRange$2(date: Date, start: Date, end: Date): boolean;
 /** Parses a `YYYY-MM-DD` string and returns a local-midnight Date or null. */
 declare function parseDate(dateStr: string): Date | null;
+declare function localeDate(dateStr: string): void;
 
 declare const date_util_d_addDays: typeof addDays;
 declare const date_util_d_addHours: typeof addHours;
@@ -1465,6 +1474,7 @@ declare const date_util_d_isPast: typeof isPast;
 declare const date_util_d_isSameDay: typeof isSameDay;
 declare const date_util_d_isToday: typeof isToday;
 declare const date_util_d_isWeekend: typeof isWeekend;
+declare const date_util_d_localeDate: typeof localeDate;
 declare const date_util_d_nextWorkday: typeof nextWorkday;
 declare const date_util_d_now: typeof now;
 declare const date_util_d_parseDate: typeof parseDate;
@@ -1506,6 +1516,7 @@ declare namespace date_util_d {
     date_util_d_isToday as isToday,
     isValidDate$1 as isValidDate,
     date_util_d_isWeekend as isWeekend,
+    date_util_d_localeDate as localeDate,
     date_util_d_nextWorkday as nextWorkday,
     date_util_d_now as now,
     date_util_d_parseDate as parseDate,