shirkasoft-ui-components 1.3.6 → 1.3.8

package/types/shirkasoft-ui-components-date-picker.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { ControlValueAccessor, FormGroup, FormControl } from '@angular/forms';
 
 /** Which granularity the picker edits: a day, a month or a year. */
-type DatePickerView = 'date' | 'month' | 'year';
+type DatePickerView = 'date' | 'week' | 'month' | 'year';
 /** Which time selection mode the analog clock is in. */
 type ClockMode = 'hours' | 'minutes';
 /**
@@ -22,8 +22,10 @@ declare class DatePickerComponent implements ControlValueAccessor {
     private transloco;
     /** HTML id for the input (for label/for pairing). */
     id: _angular_core.InputSignal<string>;
-    /** Granularity of the picker ('date' | 'month' | 'year'). */
+    /** Granularity of the picker ('date' | 'week' | 'month' | 'year'). */
     view: _angular_core.InputSignal<DatePickerView>;
+    /** First day of the week (0=Sunday ... 6=Saturday), used by week view. */
+    weekStart: _angular_core.InputSignal<number>;
     /** Label shown above the input. */
     label: _angular_core.InputSignal<string>;
     /** Placeholder of the input. */
@@ -74,6 +76,10 @@ declare class DatePickerComponent implements ControlValueAccessor {
     viewMeridiem: _angular_core.WritableSignal<"AM" | "PM">;
     /** Date part selected but not yet committed until the time is confirmed. */
     private pendingDate;
+    /** Selected year during the selection flow (year -> month -> day). */
+    selectedYearValue: _angular_core.WritableSignal<number | null>;
+    /** Selected month during the selection flow. */
+    selectedMonthValue: _angular_core.WritableSignal<number | null>;
     /** Analog clock mode: 'hours' or 'minutes'. */
     clockMode: _angular_core.WritableSignal<ClockMode>;
     /** Internal view state for drill-down navigation (separates from input `view`). */
@@ -124,6 +130,17 @@ declare class DatePickerComponent implements ControlValueAccessor {
     firstDayOfMonth: _angular_core.Signal<number>;
     /** Calendar grid: nulls for leading blanks then the days of the month. */
     calendarDays: _angular_core.Signal<(number | null)[]>;
+    /** Weeks of the viewed month (rows aligned to `weekStart`), for week view. */
+    monthWeeks: _angular_core.Signal<{
+        index: number;
+        start: Date;
+        end: Date;
+        range: string;
+    }[]>;
+    /** Localized range label for a week (e.g. '2 — 8 feb'). */
+    formatWeekRange(start: Date, end: Date): string;
+    /** Localized label for a week row ('Semana N' / 'Week N'). */
+    weekLabel(index: number): string;
     /** Whether the prev navigation button is allowed by `minValue`. */
     canGoPrev: _angular_core.Signal<boolean>;
     /** Whether the next navigation button is allowed by `maxValue`. */
@@ -144,8 +161,6 @@ declare class DatePickerComponent implements ControlValueAccessor {
     clockMinutes: _angular_core.Signal<number[]>;
     /** The input format string based on locale. */
     inputFormat: _angular_core.Signal<"MM/DD/YYYY" | "DD/MM/YYYY">;
-    /** Whether the drill-down navigation is active (view differs from input). */
-    isDrilledDown: _angular_core.Signal<boolean>;
     /** (Unused legacy placeholder) plain year list. */
     years: number[];
     constructor();
@@ -163,13 +178,14 @@ declare class DatePickerComponent implements ControlValueAccessor {
     prev(): void;
     /** Navigates the calendar to the next year/month/decade. */
     next(): void;
-    /** Selects a day of the month (pending if time is shown). */
-    selectDay(day: number): void;
-    /** Selects a month of the year (pending if time is shown). */
-    selectMonth(monthIndex: number): void;
-    /** Selects a year (pending if time is shown). */
+    /** Selects a year - stores it and navigates to month selection. */
     selectYear(year: number): void;
-    /** Commits a value, updates the component, the control and the outputs. */
+    /** Selects a month - stores it and navigates to day selection. */
+    selectMonth(monthIndex: number): void;
+    /** Selects a day - completes the date selection. */
+    selectDay(day: number): void;
+    /** Selects a week - emits its start date (YYYY-MM-DD). */
+    selectWeek(start: Date): void;
     private setValue;
     /** Confirms the selected time and commits the combined date+time value. */
     confirmTime(): void;
@@ -246,17 +262,13 @@ declare class DatePickerComponent implements ControlValueAccessor {
         x2: number;
         y2: number;
     };
-    /** Switches the drill-down view to months (from date view). */
-    drillToMonths(): void;
-    /** Switches the drill-down view to years (from month view). */
-    drillToYears(): void;
     /** Drills down from year view to month view for the selected year. */
     drillDownToMonth(year: number): void;
     /** Drills down from month view to date view for the selected month. */
     drillDownToDate(monthIndex: number): void;
     /** Goes back one level in drill-down navigation. */
     drillUp(): void;
-    /** Returns to the initial view from any drill-down level. */
+    /** Returns to the initial view (year selection). */
     drillToInitial(): void;
     /** Formats input placeholder based on locale. */
     inputPlaceholder(): string;
@@ -274,6 +286,12 @@ declare class DatePickerComponent implements ControlValueAccessor {
     private parseTimeOnly;
     /** Whether the given day is today's date. */
     isToday(day: number): boolean;
+    /** ISO date (YYYY-MM-DD) of the week start containing the given date. */
+    private weekStartISO;
+    /** Whether the given week row contains the displayed/selected date. */
+    isSelectedWeek(start: Date): boolean;
+    /** Whether the given week row contains today's date. */
+    isCurrentWeek(start: Date): boolean;
     /** Whether the given month matches the selected month and year. */
     isSelectedMonth(monthIndex: number): boolean;
     isCurrentMonth(monthIndex: number): boolean;
@@ -284,7 +302,7 @@ declare class DatePickerComponent implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "shk-date-picker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "timeOnly": { "alias": "timeOnly"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "shk-date-picker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "timeOnly": { "alias": "timeOnly"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { DatePickerComponent };