mis-crystal-design-system 18.2.13 → 18.2.15

package/datepicker_v2/tz-datepicker.directive.d.ts

@@ -12,7 +12,7 @@ export declare class TzDatepickerDirective implements OnInit {
     selectedDate: import("@angular/core").InputSignal<string>;
     datesDisabled: import("@angular/core").InputSignal<string[]>;
     dateMessages: import("@angular/core").InputSignal<IDatePickerToastText[]>;
-    positionX: import("@angular/core").InputSignal<"center" | "start" | "end">;
+    positionX: import("@angular/core").InputSignal<"start" | "center" | "end">;
     positionY: import("@angular/core").InputSignal<"center" | "top" | "bottom">;
     offsetX: import("@angular/core").InputSignal<number>;
     offsetY: import("@angular/core").InputSignal<number>;

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/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>;
@@ -47,4 +58,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,6 @@
 export { TzDrpContainerComponent } from "./tz-drp-container/tz-drp-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-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 {
@@ -44,6 +44,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 +68,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 +129,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;