@lesterarte/sefin-ui 0.0.10 → 0.0.12-dev.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lesterarte/sefin-ui",
-  "version": "0.0.10",
+  "version": "0.0.12-dev.0",
   "description": "Sefin Design System - A comprehensive Angular UI library based on Atomic Design and design tokens",
   "keywords": [
     "angular",

package/types/lesterarte-sefin-ui.d.ts

@@ -1249,24 +1249,22 @@ interface DateRange {
     start: Date | null;
     end: Date | null;
 }
-declare class DatepickerComponent implements OnInit, OnDestroy, OnChanges {
+declare class DatepickerComponent implements OnInit, OnChanges, AfterViewInit {
     private cdr;
     private ngZone;
     containerRef?: ElementRef<HTMLDivElement>;
-    calendarRef?: ElementRef<HTMLDivElement>;
     textfieldRef?: TextFieldComponent;
+    calendarRef?: ElementRef<HTMLDivElement>;
     value: Date | DateRange | null;
     placeholder: string;
     disabled: boolean;
     size: InputSize;
-    class: string;
     format: DateFormat;
     mode: DatePickerMode;
     minDate?: Date;
     maxDate?: Date;
     showTodayButton: boolean;
     showClearButton: boolean;
-    locale: string;
     firstDayOfWeek: 0 | 1;
     valueChange: EventEmitter<DateRange | Date>;
     dateSelected: EventEmitter<DateRange | Date>;
@@ -1276,46 +1274,53 @@ declare class DatepickerComponent implements OnInit, OnDestroy, OnChanges {
     rangeStart: Date | null;
     rangeEnd: Date | null;
     displayValue: string;
-    hoveredDate: Date | null;
-    private monthsES;
-    private daysES;
-    private daysESFull;
+    viewMode: 'month' | 'year';
+    private months;
+    private days;
     constructor(cdr: ChangeDetectorRef, ngZone: NgZone);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
+    private justOpened;
+    private isSelectingDate;
     onClickOutside(event: MouseEvent): void;
     onKeyDown(event: KeyboardEvent): void;
     private initializeDates;
     toggleCalendar(): void;
     closeCalendar(): void;
-    onInputClick(): void;
-    onInputFocus(): void;
-    getDaysInMonth(date: Date): number;
-    getFirstDayOfMonth(date: Date): number;
+    toggleViewMode(event?: MouseEvent): void;
+    getYears(): number[];
+    selectYear(year: number, event?: MouseEvent): void;
+    getMonths(): {
+        index: number;
+        name: string;
+    }[];
+    selectMonth(monthIndex: number): void;
+    onTextFieldClick(event?: MouseEvent): void;
+    onTextFieldFocus(event?: FocusEvent): void;
+    onTrailingIconClick(event: MouseEvent): void;
     getCalendarDays(): (Date | null)[];
     isToday(date: Date): boolean;
     isSelected(date: Date): boolean;
     isInRange(date: Date): boolean;
     isDisabled(date: Date): boolean;
-    onDayClick(date: Date | null, event: MouseEvent): void;
-    selectDate(date: Date): void;
-    private updateTextField;
-    onDateHover(date: Date): void;
-    previousMonth(): void;
-    nextMonth(): void;
+    onDayMouseDown(day: Date, event: MouseEvent): void;
+    selectDate(date: Date, event?: MouseEvent): void;
+    trackByDate(index: number, day: Date | null): string;
+    previousMonth(event?: MouseEvent): void;
+    nextMonth(event?: MouseEvent): void;
     goToToday(): void;
     clearValue(): void;
-    formatDate(date: Date | null): string;
-    private updateDisplayValue;
+    formatDate(date: Date): string;
+    private updateDisplay;
     getMonthName(): string;
     getYear(): number;
     getDayNames(): string[];
     get containerClasses(): string;
-    get todayDate(): Date;
-    isTodayDisabled(): boolean;
+    getCurrentYear(): number;
+    isCurrentYear(year: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "sefin-datepicker", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; "format": { "alias": "format"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; }, { "valueChange": "valueChange"; "dateSelected": "dateSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "sefin-datepicker", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "format": { "alias": "format"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; }, { "valueChange": "valueChange"; "dateSelected": "dateSelected"; }, never, never, true, never>;
 }
 
 declare const STYLES_PATH = "./styles/index.scss";