osl-base-extended 2.0.4 → 2.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osl-base-extended",
-  "version": "2.0.4",
+  "version": "2.0.8",
   "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 {
@@ -1225,7 +1233,7 @@ declare class OslSkeletonModule {
 
 declare class FormStructureModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormStructureModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FormStructureModule, [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm], [typeof i20.NgTemplateOutlet, typeof i20.NgStyle, typeof i20.NgClass, typeof i20.DatePipe, typeof i20.DecimalPipe, typeof i20.UpperCasePipe, typeof i21.FormsModule, typeof i21.ReactiveFormsModule, typeof i22.MatFormFieldModule, typeof i23.MatInputModule, typeof i22.MatHint, typeof i24.MatIconModule, typeof i25.MatDialogModule, typeof i26.MatButtonModule, typeof OslSkeletonModule, typeof i28.MatDatepickerModule, typeof i29.MatMenuModule, typeof i30.ScrollingModule, typeof i31.DragDropModule, typeof i32.NgxMatDatetimepicker, typeof i32.NgxMatDatepickerInput, typeof i32.NgxMatDatepickerToggle], [typeof DynamicForm, typeof OslSetup, typeof OslGrid, typeof OslFormGrid, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormStructureModule, [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslGrid, typeof OslFormGrid, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm], [typeof i20.NgTemplateOutlet, typeof i20.NgStyle, typeof i20.NgClass, typeof i20.DatePipe, typeof i20.DecimalPipe, typeof i20.UpperCasePipe, typeof i21.FormsModule, typeof i21.ReactiveFormsModule, typeof i22.MatFormFieldModule, typeof i23.MatInputModule, typeof i22.MatHint, typeof i24.MatIconModule, typeof i25.MatDialogModule, typeof i26.MatButtonModule, typeof OslSkeletonModule, typeof i28.MatDatepickerModule, typeof i29.MatMenuModule, typeof i30.ScrollingModule, typeof i31.DragDropModule, typeof i32.NgxMatDatetimepicker, typeof i32.NgxMatDatepickerInput], [typeof DynamicForm, typeof OslSetup, typeof OslGrid, typeof OslFormGrid, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslDatetimepicker, typeof OslCheckbox, typeof OslButton, typeof OslSetup, typeof OslSearchbar, typeof OslAutocompleteLister, typeof OslReportGrid, typeof OslReportForm]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FormStructureModule>;
 }
 
@@ -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,