@coreui/angular-pro 4.2.24 → 4.2.25

package/lib/date-range-picker/date-range-picker/date-range-picker.component.d.ts

@@ -118,7 +118,13 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     get timepicker(): boolean;
     private _timepicker;
     /**
-     * Toggle the visibility of the component.
+     * Toggle visual validation feedback.
+     * @type boolean | undefined
+     * @default undefined
+     */
+    valid?: boolean;
+    /**
+     * Toggle the visibility of the dropdown date-picker component.
      * @type boolean
      * @default false
      */
@@ -200,6 +206,10 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     set inputEndHoverValue(value: Date | null);
     get inputEndHoverValue(): Date | null;
     private _inputEndHoverValue;
+    get datePickerClasses(): {
+        'is-valid': boolean;
+        'is-invalid': boolean;
+    };
     formatDate(date: Date): string;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -226,5 +236,5 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     handleStartTimeChange(time: Date | undefined): void;
     handleEndTimeChange(time: Date | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "c-date-range-picker", ["cDateRangePicker"], { "dayFormat": "dayFormat"; "calendars": "calendars"; "cleaner": "cleaner"; "format": "format"; "indicator": "indicator"; "inputReadOnly": "inputReadOnly"; "navYearFirst": "navYearFirst"; "placeholder": "placeholder"; "ranges": "ranges"; "rangesButtonsColor": "rangesButtonsColor"; "rangesButtonsSize": "rangesButtonsSize"; "rangesButtonsVariant": "rangesButtonsVariant"; "separator": "separator"; "size": "size"; "timepicker": "timepicker"; "visible": "visible"; "startDate": "startDate"; "endDate": "endDate"; "calendarDate": "calendarDate"; "disabledDates": "disabledDates"; "firstDayOfWeek": "firstDayOfWeek"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "navigation": "navigation"; "range": "range"; "dateFilter": "dateFilter"; "disabled": "disabled"; "value": "value"; "weekdayFormat": "weekdayFormat"; "popperjsOptions": "popperOptions"; }, { "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }, ["contentTemplates"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "c-date-range-picker", ["cDateRangePicker"], { "dayFormat": "dayFormat"; "calendars": "calendars"; "cleaner": "cleaner"; "format": "format"; "indicator": "indicator"; "inputReadOnly": "inputReadOnly"; "navYearFirst": "navYearFirst"; "placeholder": "placeholder"; "ranges": "ranges"; "rangesButtonsColor": "rangesButtonsColor"; "rangesButtonsSize": "rangesButtonsSize"; "rangesButtonsVariant": "rangesButtonsVariant"; "separator": "separator"; "size": "size"; "timepicker": "timepicker"; "valid": "valid"; "visible": "visible"; "startDate": "startDate"; "endDate": "endDate"; "calendarDate": "calendarDate"; "disabledDates": "disabledDates"; "firstDayOfWeek": "firstDayOfWeek"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "navigation": "navigation"; "range": "range"; "dateFilter": "dateFilter"; "disabled": "disabled"; "value": "value"; "weekdayFormat": "weekdayFormat"; "popperjsOptions": "popperOptions"; }, { "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }, ["contentTemplates"], ["*"], false>;
 }

package/lib/multi-select/multi-select/multi-select.component.d.ts

@@ -60,6 +60,17 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     get value(): string | string[];
     private _value;
     readonly valueChange: EventEmitter<string | string[]>;
+    /**
+     * Toggle visual validation feedback.
+     * @type boolean | undefined
+     * @default undefined
+     */
+    valid?: boolean;
+    /**
+     * Toggle the visibility of the dropdown select component.
+     * @type boolean
+     * @default false
+     */
     set visible(value: boolean);
     get visible(): boolean;
     private _visible;
@@ -96,6 +107,8 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
         'form-multi-select-with-cleaner': boolean;
         show: boolean;
         disabled: boolean;
+        'is-valid': boolean;
+        'is-invalid': boolean;
     };
     private get tabIndex();
     private set tabIndex(value);
@@ -132,6 +145,6 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private selectedOptionsUpdate;
     private setFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "c-multi-select", ["cMultiSelect"], { "cleaner": "cleaner"; "disabled": "disabled"; "multiple": "multiple"; "nativeName": "nativeName"; "nativeId": "nativeId"; "optionsMaxHeight": "optionsMaxHeight"; "optionsStyle": "optionsStyle"; "placeholder": "placeholder"; "search": "search"; "searchNoResultsLabel": "searchNoResultsLabel"; "selectAll": "selectAll"; "selectAllLabel": "selectAllLabel"; "selectionType": "selectionType"; "selectionTypeCounterText": "selectionTypeCounterText"; "selectionTypeCounterTextPluralMap": "selectionTypeCounterTextPluralMap"; "size": "size"; "value": "value"; "visible": "visible"; "popperjsOptions": "popperOptions"; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptions"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "c-multi-select", ["cMultiSelect"], { "cleaner": "cleaner"; "disabled": "disabled"; "multiple": "multiple"; "nativeName": "nativeName"; "nativeId": "nativeId"; "optionsMaxHeight": "optionsMaxHeight"; "optionsStyle": "optionsStyle"; "placeholder": "placeholder"; "search": "search"; "searchNoResultsLabel": "searchNoResultsLabel"; "selectAll": "selectAll"; "selectAllLabel": "selectAllLabel"; "selectionType": "selectionType"; "selectionTypeCounterText": "selectionTypeCounterText"; "selectionTypeCounterTextPluralMap": "selectionTypeCounterTextPluralMap"; "size": "size"; "value": "value"; "valid": "valid"; "visible": "visible"; "popperjsOptions": "popperOptions"; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptions"], ["*"], false>;
 }
 export {};

package/lib/time-picker/time-picker.component.d.ts

@@ -111,7 +111,13 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
      */
     variant: 'roll' | 'select';
     /**
-     * Toggle the visibility of dropdown menu component.
+     * Toggle visual validation feedback.
+     * @type boolean | undefined
+     * @default undefined
+     */
+    valid?: boolean;
+    /**
+     * Toggle the visibility of dropdown timepicker menu component.
      * @type boolean
      * @default false
      */
@@ -120,7 +126,7 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     private _visible;
     timeChange: EventEmitter<Date | undefined>;
     onBlur(): void;
-    dropdown?: ElementRef;
+    dropdownRef: ElementRef;
     templates: any;
     contentTemplates: QueryList<TemplateIdDirective>;
     listOfHours: ITimeValue[];
@@ -135,11 +141,16 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     set timeInputValue(value: string);
     get timeInputValue(): string;
     private _timeInputValue;
+    get timePickerClasses(): {
+        'form-control': boolean;
+        'is-valid': boolean;
+        'is-invalid': boolean;
+    };
     selectTime: FormGroup<{
         selectHours: FormControl<number | null>;
         selectMinutes: FormControl<number | null>;
-        selectSeconds: FormControl<number | null>;
-        selectDayPeriod: FormControl<DayPeriod | null>;
+        selectSeconds?: FormControl<number | null> | undefined;
+        selectDayPeriod?: FormControl<"am" | "pm" | null> | undefined;
     }>;
     timeInput: FormControl<string | null>;
     set hour(value: number);
@@ -178,6 +189,8 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     setDisabledState(isDisabled: boolean): void;
     handleTimeInputChange($event: any): void;
     handleClear($event: MouseEvent): void;
+    handleBlur($event: FocusEvent): void;
+    handleFocus($event: FocusEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "c-time-picker", ["cTimePicker"], { "cleaner": "cleaner"; "dateTimeFormatOptions": "dateTimeFormatOptions"; "disabled": "disabled"; "filterHours": "filterHours"; "filterMinutes": "filterMinutes"; "filterSeconds": "filterSeconds"; "indicator": "indicator"; "inputReadOnly": "inputReadOnly"; "locale": "locale"; "placeholder": "placeholder"; "seconds": "seconds"; "size": "size"; "time": "time"; "variant": "variant"; "visible": "visible"; }, { "timeChange": "timeChange"; }, ["contentTemplates"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "c-time-picker", ["cTimePicker"], { "cleaner": "cleaner"; "dateTimeFormatOptions": "dateTimeFormatOptions"; "disabled": "disabled"; "filterHours": "filterHours"; "filterMinutes": "filterMinutes"; "filterSeconds": "filterSeconds"; "indicator": "indicator"; "inputReadOnly": "inputReadOnly"; "locale": "locale"; "placeholder": "placeholder"; "seconds": "seconds"; "size": "size"; "time": "time"; "variant": "variant"; "valid": "valid"; "visible": "visible"; }, { "timeChange": "timeChange"; }, ["contentTemplates"], never, false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.2.24",
+  "version": "4.2.25",
   "description": "CoreUI Pro Components Library for Angular",
   "homepage": "https://coreui.io/angular",
   "author": {