mis-crystal-design-system 18.2.13 → 18.2.16-test

package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts

@@ -49,6 +49,7 @@ export declare class TzDpContainerComponent implements OnInit {
     currentMonth: import("@angular/core").Signal<ICurrentMonth>;
     currentYearNumber: import("@angular/core").Signal<number>;
     currentMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
+    currentMonthWeeks: import("@angular/core").Signal<ICurrentMonthDates[][]>;
     isPreviousMonthDisabled: import("@angular/core").Signal<boolean>;
     isNextMonthDisabled: import("@angular/core").Signal<boolean>;
     localSelectedDate: import("@angular/core").Signal<ICurrentMonthDates>;

package/daterangepicker_v2/daterangepicker-constants.d.ts

@@ -1,5 +1,6 @@
 /** @format */
 import { InjectionToken } from "@angular/core";
+import type { IDayOption } from "./models/drp-config.model";
 export declare const CONTAINER_DATA: InjectionToken<{}>;
 export declare const DATE_FORMAT = "DD-MM-YYYY";
 export declare const ISO_DATE_FORMAT = "YYYY-MM-DD";
@@ -30,3 +31,6 @@ export declare const SELECTION_MODE: {
     readonly WEEKLY: "weekly";
 };
 export type SelectionMode = (typeof SELECTION_MODE)[keyof typeof SELECTION_MODE];
+/** Default caption shown before the day chips. */
+export declare const DEFAULT_DAY_SELECTION_LABEL = "Include Days:";
+export declare const DEFAULT_DAY_OPTIONS: IDayOption[];

package/daterangepicker_v2/daterangepicker.module.d.ts

@@ -1,14 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./tz-drp-container/tz-drp-container.component";
-import * as i2 from "./tz-daterangepicker.directive";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/cdk/overlay";
-import * as i6 from "mis-crystal-design-system/toast";
-import * as i7 from "mis-crystal-design-system/button";
-import * as i8 from "@angular/cdk/a11y";
+import * as i2 from "./tz-drp-mobile-container/tz-drp-mobile-container.component";
+import * as i3 from "./tz-daterangepicker.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/cdk/overlay";
+import * as i7 from "mis-crystal-design-system/toast";
+import * as i8 from "mis-crystal-design-system/button";
+import * as i9 from "@angular/cdk/a11y";
 export declare class DateRangepickerModuleV2 {
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangepickerModuleV2, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangepickerModuleV2, [typeof i1.TzDrpContainerComponent, typeof i2.TzDaterangepickerDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.ToastModule, typeof i7.ButtonModule, typeof i8.A11yModule], [typeof i1.TzDrpContainerComponent, typeof i2.TzDaterangepickerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangepickerModuleV2, [typeof i1.TzDrpContainerComponent, typeof i2.TzDrpMobileContainerComponent, typeof i3.TzDaterangepickerDirective], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.OverlayModule, typeof i7.ToastModule, typeof i8.ButtonModule, typeof i9.A11yModule], [typeof i1.TzDrpContainerComponent, typeof i2.TzDrpMobileContainerComponent, typeof i3.TzDaterangepickerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DateRangepickerModuleV2>;
 }

package/daterangepicker_v2/models/drp-config.model.d.ts

@@ -8,11 +8,22 @@ export interface IDatePickerConfig {
     ranges?: RangeItem[];
     enableTime?: boolean;
     selectionMode?: SelectionMode;
+    showDaySelection?: boolean;
+    /** Chips to render, in display order. Defaults to DEFAULT_DAY_OPTIONS. */
+    dayOptions?: IDayOption[];
+    /** Disables Apply until at least one day is selected. */
+    daySelectionRequired?: boolean;
+    /** Caption before the chips. Defaults to "Include Days:". */
+    daySelectionLabel?: string;
 }
 export interface RangeItem {
     label: string;
     value: [Date, Date];
 }
+export interface IDayOption {
+    label: string;
+    value: number;
+}
 export interface IDatePickerData {
     dates: ISelectedDatesConfig;
     dpConfig: Partial<IDatePickerConfig>;
@@ -21,6 +32,7 @@ export interface IDatePickerData {
     selectedRangeLabel?: string;
     showPrevMonth?: boolean;
     enableDateTabbing?: boolean;
+    isMobileView?: boolean;
     dateChange: (date: ISelectedDatesConfig) => void;
     close: () => void;
 }
@@ -47,4 +59,6 @@ export interface ISelectedDatesConfig {
     startDate: string | null;
     endDate: string | null;
     selectedRangeLabel?: string;
+    /** Selected day values, in dayOptions order. Also used to pre-select. */
+    selectedDays?: number[];
 }

package/daterangepicker_v2/public_api.d.ts

@@ -1,5 +1,7 @@
 export { TzDrpContainerComponent } from "./tz-drp-container/tz-drp-container.component";
+export { TzDrpMobileContainerComponent } from "./tz-drp-mobile-container/tz-drp-mobile-container.component";
 export { DateRangepickerModuleV2 } from "./daterangepicker.module";
 export { TzDaterangepickerDirective } from "./tz-daterangepicker.directive";
-export { IDatePickerConfig, IDatePickerToastText } from "./models/drp-config.model";
+export { IDatePickerConfig, IDatePickerToastText, IDayOption, ISelectedDatesConfig, RangeItem } from "./models/drp-config.model";
 export { SELECTION_MODE, type SelectionMode } from "./daterangepicker-constants";
+export { DEFAULT_DAY_OPTIONS, DEFAULT_DAY_SELECTION_LABEL } from "./daterangepicker-constants";

package/daterangepicker_v2/tz-daterangepicker.directive.d.ts

@@ -14,6 +14,7 @@ export declare class TzDaterangepickerDirective {
     selectedRangeLabel: import("@angular/core").InputSignal<string>;
     dateMessages: import("@angular/core").InputSignal<IDatePickerToastText[]>;
     enableDateTabbing: import("@angular/core").InputSignal<boolean>;
+    isMobileView: import("@angular/core").InputSignal<boolean>;
     positionX: import("@angular/core").InputSignal<"start" | "center" | "end">;
     positionY: import("@angular/core").InputSignal<"center" | "top" | "bottom">;
     offsetX: import("@angular/core").InputSignal<number>;
@@ -29,5 +30,5 @@ export declare class TzDaterangepickerDirective {
     applyDate(dates: ISelectedDatesConfig): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TzDaterangepickerDirective, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TzDaterangepickerDirective, "input[misTzDrp]", never, { "dpConfig": { "alias": "dpConfig"; "required": false; "isSignal": true; }; "selectedDates": { "alias": "selectedDates"; "required": false; "isSignal": true; }; "datesDisabled": { "alias": "datesDisabled"; "required": false; "isSignal": true; }; "selectedRangeLabel": { "alias": "selectedRangeLabel"; "required": false; "isSignal": true; }; "dateMessages": { "alias": "dateMessages"; "required": false; "isSignal": true; }; "enableDateTabbing": { "alias": "enableDateTabbing"; "required": false; "isSignal": true; }; "positionX": { "alias": "positionX"; "required": false; "isSignal": true; }; "positionY": { "alias": "positionY"; "required": false; "isSignal": true; }; "offsetX": { "alias": "offsetX"; "required": false; "isSignal": true; }; "offsetY": { "alias": "offsetY"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TzDaterangepickerDirective, "input[misTzDrp]", never, { "dpConfig": { "alias": "dpConfig"; "required": false; "isSignal": true; }; "selectedDates": { "alias": "selectedDates"; "required": false; "isSignal": true; }; "datesDisabled": { "alias": "datesDisabled"; "required": false; "isSignal": true; }; "selectedRangeLabel": { "alias": "selectedRangeLabel"; "required": false; "isSignal": true; }; "dateMessages": { "alias": "dateMessages"; "required": false; "isSignal": true; }; "enableDateTabbing": { "alias": "enableDateTabbing"; "required": false; "isSignal": true; }; "isMobileView": { "alias": "isMobileView"; "required": false; "isSignal": true; }; "positionX": { "alias": "positionX"; "required": false; "isSignal": true; }; "positionY": { "alias": "positionY"; "required": false; "isSignal": true; }; "offsetX": { "alias": "offsetX"; "required": false; "isSignal": true; }; "offsetY": { "alias": "offsetY"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
 }

package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, Renderer2, DestroyRef } from "@angular/core";
 import { type DateRangePane, type MonthNavDirection } from "../daterangepicker-constants";
-import { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay, ISelectedDatesConfig, RangeItem } from "../models/drp-config.model";
+import { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IDayOption, IWeekDay, ISelectedDatesConfig, RangeItem } from "../models/drp-config.model";
 import { ToastService } from "mis-crystal-design-system/toast";
 import * as i0 from "@angular/core";
 export declare class TzDrpContainerComponent implements OnInit {
@@ -22,6 +22,7 @@ export declare class TzDrpContainerComponent implements OnInit {
     };
     private readonly CUSTOM_RANGE_LABEL;
     readonly data: import("@angular/core").WritableSignal<IDatePickerData>;
+    readonly isMobile: import("@angular/core").Signal<boolean>;
     private dayjsInstance;
     /**
      * Parse date string using configured format with fallback
@@ -44,6 +45,7 @@ export declare class TzDrpContainerComponent implements OnInit {
     private readonly isDatesValidSignal;
     private readonly selectedItemLabelSignal;
     private readonly hoveredWeekStartSignal;
+    private readonly selectedDaysSignal;
     readonly startHourSignal: import("@angular/core").WritableSignal<number>;
     readonly startMinuteSignal: import("@angular/core").WritableSignal<number>;
     readonly startAmPmSignal: import("@angular/core").WritableSignal<string>;
@@ -67,11 +69,24 @@ export declare class TzDrpContainerComponent implements OnInit {
     selectedItemLabel: import("@angular/core").Signal<string>;
     isWeeklyMode: import("@angular/core").Signal<boolean>;
     enableDateTabbing: import("@angular/core").Signal<boolean>;
+    /** Chips to render, normalised from dpConfig.dayOptions. */
+    readonly dayOptions: import("@angular/core").Signal<IDayOption[]>;
+    /** Renders only when explicitly enabled and chips exist. */
+    readonly showDaySelection: import("@angular/core").Signal<boolean>;
+    readonly daySelectionLabel: import("@angular/core").Signal<string>;
+    readonly isDaySelectionRequired: import("@angular/core").Signal<boolean>;
+    readonly selectedDays: import("@angular/core").Signal<number[]>;
+    readonly isDaySelectionValid: import("@angular/core").Signal<boolean>;
+    /** Apply needs a complete range and, when mandated, at least one day. */
+    readonly canApply: import("@angular/core").Signal<boolean>;
+    readonly showDaySelectionHint: import("@angular/core").Signal<boolean>;
+    readonly daySelectionGroupAriaLabel: import("@angular/core").Signal<string>;
     readonly anchorIndexLeft: import("@angular/core").Signal<number>;
     readonly anchorIndexRight: import("@angular/core").Signal<number>;
     readonly prevMonthAriaLabel: import("@angular/core").Signal<string>;
     readonly nextMonthAriaLabel: import("@angular/core").Signal<string>;
     readonly applyButtonAriaLabel: import("@angular/core").Signal<string>;
+    private readonly selectedDayLabels;
     currentMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
     nextMonthDates: import("@angular/core").Signal<ICurrentMonthDates[]>;
     startHour: import("@angular/core").Signal<number>;
@@ -115,6 +130,14 @@ export declare class TzDrpContainerComponent implements OnInit {
     selectDay(from: DateRangePane, day: ICurrentMonthDates): void;
     selectRange(item: RangeItem): void;
     resetRange(): void;
+    /** Drops unknown values, de-duplicates and re-orders to match dayOptions. */
+    private sanitizeSelectedDays;
+    isDaySelected(option: IDayOption): boolean;
+    toggleDay(option: IDayOption): void;
+    trackDayOption(_index: number, option: IDayOption): number;
+    dayChipAriaLabel(option: IDayOption): string;
+    /** Attaches selectedDays only when the strip is active. */
+    private buildApplyPayload;
     applyDates(): void;
     cancelDatePicker(): void;
     onStartHourInput(): void;

package/daterangepicker_v2/tz-drp-mobile-container/tz-drp-mobile-container.component.d.ts

@@ -0,0 +1,13 @@
+import { TzDrpContainerComponent } from "../tz-drp-container/tz-drp-container.component";
+import * as i0 from "@angular/core";
+/**
+ * Mobile variant of the date range picker container.
+ *
+ * Opened by `misTzDrp` when `isMobileView` is true. All behaviour is inherited from
+ * {@link TzDrpContainerComponent}; only the template and styles differ, so the desktop
+ * container keeps its `@media` based layout untouched.
+ */
+export declare class TzDrpMobileContainerComponent extends TzDrpContainerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TzDrpMobileContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TzDrpMobileContainerComponent, "mis-tz-drp-mobile", never, {}, {}, never, never, false, never>;
+}