@coreui/angular-pro 4.2.0-next.0 → 4.2.0-next.3

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

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@angular/core';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { DateRangePickerComponent } from '../date-range-picker';
+import * as i0 from "@angular/core";
+export declare class DatePickerComponent extends DateRangePickerComponent {
+    constructor(breakpointObserver: BreakpointObserver);
+    get range(): boolean;
+    get calendars(): number;
+    readonly endDate: null;
+    placeholder: string;
+    set date(value: Date | null | undefined);
+    get date(): Date | null | undefined;
+    startDateChange: EventEmitter<Date | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "c-date-picker", ["cDatePicker"], { "placeholder": "placeholder"; "date": "date"; }, { "startDateChange": "dateChange"; }, never, ["*"], false>;
+}

package/lib/date-picker/date-picker.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-picker.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../button/button.module";
+import * as i5 from "../calendar/calendar.module";
+import * as i6 from "../shared/shared.module";
+import * as i7 from "../form/form.module";
+import * as i8 from "../dropdown/dropdown.module";
+import * as i9 from "../date-range-picker/date-range-picker.module";
+import * as i10 from "../time-picker/time-picker.module";
+export declare class DatePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, [typeof i1.DatePickerComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.ButtonModule, typeof i5.CalendarModule, typeof i6.SharedModule, typeof i7.FormModule, typeof i8.DropdownModule, typeof i9.DateRangePickerModule, typeof i10.TimePickerModule], [typeof i1.DatePickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DatePickerModule>;
+}

package/lib/date-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/lib/date-picker/public_api.d.ts

@@ -0,0 +1,3 @@
+export { ICalendarRanges } from '../date-range-picker/date-range-picker/date-range-picker.component';
+export { DatePickerComponent } from './date-picker.component';
+export { DatePickerModule } from './date-picker.module';

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

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { BreakpointObserver } from '@angular/cdk/layout';
@@ -7,13 +7,14 @@ import { CalendarComponent } from '../../calendar';
 import { DateFilterType, DayFormatType, WeekdayFormatType } from '../../calendar/calendar.service';
 import { StartDateDirective } from '../start-date.directive';
 import { EndDateDirective } from '../end-date.directive';
+import { TemplateIdDirective } from '../../shared';
 import * as i0 from "@angular/core";
-export interface ICalendarRange {
+export interface ICalendarRanges {
     [key: string]: Date[];
 }
 export declare type TCustomRange = [string, Date[]];
 /** Must be a valid date string */
-export declare class DateRangePickerComponent implements OnInit, OnDestroy, ControlValueAccessor {
+export declare class DateRangePickerComponent implements OnInit, OnDestroy, ControlValueAccessor, AfterViewInit {
     private breakpointObserver;
     static ngAcceptInputType_disabled: BooleanInput;
     static ngAcceptInputType_navYearFirst: BooleanInput;
@@ -76,7 +77,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     placeholder: string | string[];
     /**
      * Predefined date ranges the user can select from.
-     * @type ICalendarRange
+     * @type ICalendarRanges
      */
     ranges?: object;
     /**
@@ -190,6 +191,8 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     calendarComponent: CalendarComponent;
     startDateDirective: StartDateDirective;
     endDateDirective: EndDateDirective;
+    templates: any;
+    contentTemplates: QueryList<TemplateIdDirective>;
     onBlur(): void;
     isMobile: boolean;
     customRanges: TCustomRange[];
@@ -199,8 +202,8 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     set endDateValue(value: string);
     get endDateValue(): string;
     _endDateValue: string;
-    startDatePlaceholder: string;
-    endDatePlaceholder: string;
+    get startDatePlaceholder(): string;
+    get endDatePlaceholder(): string;
     private layoutChanges;
     startDateInput: FormControl<string | null>;
     endDateInput: FormControl<string | null>;
@@ -211,8 +214,10 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     set inputEndHoverValue(value: Date | null);
     get inputEndHoverValue(): Date | null;
     private _inputEndHoverValue;
+    formatDate(date: Date): string;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    ngAfterViewInit(): void;
     getCustomRangeKey(customRange: any): any;
     setCustomRange(customRange: any): void;
     handleCalendarCellHover($event: Date | null): void;
@@ -222,7 +227,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     handleClear($event: MouseEvent): void;
     handleStartDateInputChange($event: any): void;
     handleEndDateInputChange($event: any): void;
-    forbiddenDate(date: Date): boolean | undefined;
+    forbiddenDate(date: Date): boolean;
     setInputValue: (elementRef: ElementRef, date: Date | null) => void;
     onChange: any;
     onTouched: any;
@@ -230,6 +235,8 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: (Date[])): void;
+    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"; "todayButton": "todayButton"; "todayButtonColor": "todayButtonColor"; "todayButtonSize": "todayButtonSize"; "todayButtonVariant": "todayButtonVariant"; "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"; }, { "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }, never, ["*"], 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"; "todayButton": "todayButton"; "todayButtonColor": "todayButtonColor"; "todayButtonSize": "todayButtonSize"; "todayButtonVariant": "todayButtonVariant"; "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"; }, { "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }, ["contentTemplates"], ["*"], false>;
 }

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

@@ -9,8 +9,9 @@ import * as i7 from "../calendar/calendar.module";
 import * as i8 from "../shared/shared.module";
 import * as i9 from "../form/form.module";
 import * as i10 from "../dropdown/dropdown.module";
+import * as i11 from "../time-picker/time-picker.module";
 export declare class DateRangePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangePickerModule, [typeof i1.DateRangePickerComponent, typeof i2.StartDateDirective, typeof i3.EndDateDirective], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ButtonModule, typeof i7.CalendarModule, typeof i8.SharedModule, typeof i9.FormModule, typeof i10.DropdownModule], [typeof i1.DateRangePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangePickerModule, [typeof i1.DateRangePickerComponent, typeof i2.StartDateDirective, typeof i3.EndDateDirective], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ButtonModule, typeof i7.CalendarModule, typeof i8.SharedModule, typeof i9.FormModule, typeof i10.DropdownModule, typeof i11.TimePickerModule], [typeof i1.DateRangePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DateRangePickerModule>;
 }

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

@@ -1,2 +1,2 @@
-export { DateRangePickerComponent, ICalendarRange } from './date-range-picker/date-range-picker.component';
+export { DateRangePickerComponent, ICalendarRanges } from './date-range-picker/date-range-picker.component';
 export { DateRangePickerModule } from './date-range-picker.module';

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

@@ -1,15 +1,17 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { TemplateIdDirective } from '../shared';
 import { DateTimeFormatOptions, DayPeriod, ITimeValue } from './time.utils';
 import * as i0 from "@angular/core";
-export declare class TimePickerComponent implements OnChanges, OnInit, ControlValueAccessor {
+export declare class TimePickerComponent implements OnChanges, OnInit, ControlValueAccessor, AfterViewInit {
     constructor();
     static ngAcceptInputType_cleaner: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
     static ngAcceptInputType_indicator: BooleanInput;
     static ngAcceptInputType_inputReadOnly: BooleanInput;
     static ngAcceptInputType_seconds: BooleanInput;
+    static ngAcceptInputType_visible: BooleanInput;
     /**
      * Toggle visibility or set the content of the cleaner button.
      * @type boolean
@@ -108,8 +110,19 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
      * @default 'roll'
      */
     variant: 'roll' | 'select';
+    /**
+     * Toggle the visibility of dropdown menu component.
+     * @type boolean
+     * @default false
+     */
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
     timeChange: EventEmitter<Date | undefined>;
     onBlur(): void;
+    dropdown?: ElementRef;
+    templates: any;
+    contentTemplates: QueryList<TemplateIdDirective>;
     listOfHours: ITimeValue[];
     listOfHours12: ITimeValue[];
     listOfMinutes: ITimeValue[];
@@ -146,6 +159,7 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     emitTime(time: Date | undefined): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
     setTimeLists(): void;
     updateSelectTime(time?: Date | undefined): void;
     closestTime(timeArray: ITimeValue[], timeSegment: number): ITimeValue;
@@ -165,5 +179,5 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     handleTimeInputChange($event: any): void;
     handleClear($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "c-time-picker-select", ["cTimePickerSelect"], { "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"; }, { "timeChange": "timeChange"; }, never, 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"; "visible": "visible"; }, { "timeChange": "timeChange"; }, ["contentTemplates"], never, false>;
 }

package/package.json

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

package/public-api.d.ts

@@ -12,6 +12,7 @@ export * from './lib/callout';
 export * from './lib/card';
 export * from './lib/carousel';
 export * from './lib/collapse';
+export * from './lib/date-picker';
 export * from './lib/date-range-picker';
 export * from './lib/dropdown';
 export * from './lib/element-cover';