@libs-ui/components-datetime-picker 0.2.72

package/README.md

@@ -0,0 +1,3 @@
+# datetime-picker
+
+This library was generated with [Nx](https://nx.dev).

package/custom-ranges/calendar/calendar.component.d.ts

@@ -0,0 +1,140 @@
+import { ElementRef, OnDestroy, OnInit, WritableSignal } from "@angular/core";
+import { IDropdownFunctionControlEvent, IEmitSelectKey } from "@libs-ui/components-dropdown";
+import { IFocusAndBlurEvent, IInputFunctionControlEvent } from "@libs-ui/components-inputs-input";
+import { IListConfigItem } from "@libs-ui/components-list";
+import { IFlagMouse } from "@libs-ui/components-popover";
+import { IEvent } from "@libs-ui/interfaces-types";
+import { IHttpRequestConfig } from "@libs-ui/services-http-request";
+import dayjs from 'dayjs';
+import { IEmitDateCalendar } from "../../interfaces/calendar-emit.interface";
+import { ICalendar, ICalendarVariables, IDateRange, SideEnum } from "../../interfaces/calendar-variables.interface";
+import { ICalendarFunctionControlEvent } from "../../interfaces/function-control.interface";
+import { LocalizationConfig } from "../../interfaces/picker.interface";
+import { ITimepickerItemValue, ITimepickerVariables } from "../../interfaces/time-variables.interface";
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsDatetimePickerCustomRangesCalendarComponent implements OnInit, OnDestroy {
+    /** PROPERTY */
+    protected readonly sideEnum: typeof SideEnum;
+    protected calendarVariables: WritableSignal<ICalendarVariables>;
+    protected timepickerVariables: WritableSignal<ITimepickerVariables>;
+    protected disableMonth: WritableSignal<{
+        left: WritableSignal<Array<any>>;
+        right: WritableSignal<Array<any>>;
+    }>;
+    protected today: WritableSignal<dayjs.Dayjs>;
+    protected listKeyFromSelected: WritableSignal<{
+        month: any;
+        year: any;
+    }>;
+    protected listKeyToSelected: WritableSignal<{
+        month: any;
+        year: any;
+    }>;
+    protected checkShowListDropdown: WritableSignal<{
+        [key: string]: boolean;
+    }>;
+    protected selectedQuickRange: WritableSignal<string>;
+    protected leftCalendar: WritableSignal<{
+        calendar?: ICalendar;
+        month?: dayjs.Dayjs;
+    }>;
+    protected rightCalendar: WritableSignal<{
+        calendar?: ICalendar;
+        month?: dayjs.Dayjs;
+    }>;
+    protected listMonthsConfig: WritableSignal<IListConfigItem | undefined>;
+    protected monthHttpDetailConfig: WritableSignal<IHttpRequestConfig>;
+    protected listLeftYearConfig: WritableSignal<IListConfigItem | undefined>;
+    protected listRightYearConfig: WritableSignal<IListConfigItem | undefined>;
+    protected listYearConfig: WritableSignal<IListConfigItem | undefined>;
+    protected leftYearHttpDetailConfig: WritableSignal<IHttpRequestConfig | undefined>;
+    protected rightYearHttpDetailConfig: WritableSignal<IHttpRequestConfig | undefined>;
+    protected timePickerError: WritableSignal<boolean>;
+    protected computedDisplayTimeLeft: import("@angular/core").Signal<string>;
+    protected computedDisplayTimeRight: import("@angular/core").Signal<string>;
+    protected computedDisplayTimeLeftInputHour: import("@angular/core").Signal<string | number>;
+    protected computedDisplayTimeLeftInputMinute: import("@angular/core").Signal<string | number>;
+    protected computedDisplayTimeRightInputHour: import("@angular/core").Signal<string | number>;
+    protected computedDisplayTimeRightInputMinute: import("@angular/core").Signal<string | number>;
+    private functionControls;
+    private pickingDate;
+    private isShown;
+    private nowHoveredDate;
+    private timePickerIncrement;
+    private selectedLabel;
+    private keyCodeBackspace;
+    private checkBackspaceFocus;
+    protected timepickerValueItem: WritableSignal<ITimepickerItemValue>;
+    private isZero;
+    private oldDate;
+    private isSelectedData;
+    private splitPickerDate;
+    /** INPUT */
+    readonly quickRangesArray: import("@angular/core").InputSignal<IDateRange[]>;
+    readonly zIndex: import("@angular/core").InputSignalWithTransform<number, number>;
+    readonly classInclude: import("@angular/core").InputSignal<string>;
+    readonly isSingle: import("@angular/core").InputSignal<boolean>;
+    readonly showDropdownsSelect: import("@angular/core").InputSignal<boolean>;
+    readonly hasTimePicker: import("@angular/core").InputSignal<boolean>;
+    readonly flagMouse: import("@angular/core").InputSignal<IFlagMouse>;
+    readonly dateOptions: import("@angular/core").InputSignal<LocalizationConfig>;
+    readonly autoApply: import("@angular/core").InputSignal<boolean>;
+    readonly hasSecondPicker: import("@angular/core").InputSignal<boolean>;
+    readonly showRangeLabelOnInput: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly startDate: import("@angular/core").ModelSignal<dayjs.Dayjs | undefined>;
+    readonly endDate: import("@angular/core").ModelSignal<dayjs.Dayjs | undefined>;
+    readonly minDate: import("@angular/core").InputSignalWithTransform<string | dayjs.Dayjs | undefined, dayjs.Dayjs | undefined>;
+    readonly maxDate: import("@angular/core").InputSignalWithTransform<string | dayjs.Dayjs | undefined, dayjs.Dayjs | undefined>;
+    /** OUTPUT */
+    readonly outChangStageFlagMouse: import("@angular/core").OutputEmitterRef<IFlagMouse>;
+    readonly outPickerDate: import("@angular/core").OutputEmitterRef<IEmitDateCalendar>;
+    readonly outCancel: import("@angular/core").OutputEmitterRef<string>;
+    readonly outUpdateWidth: import("@angular/core").OutputEmitterRef<number>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<ICalendarFunctionControlEvent>;
+    /** INJECTION */
+    private translate;
+    readonly pickerContainer: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    constructor();
+    ngOnInit(): void;
+    private buildConfigYear;
+    protected handlerChangeFlagMouse(flagMouse: IFlagMouse): void;
+    private updateStartEndDate;
+    private calculateSelectedLabel;
+    private formatMonthYear;
+    private setStartDate;
+    private setStartDateInTimePicker;
+    private setEndDate;
+    protected handlerHoverDate(event: Event, side: SideEnum, row: number, col: number): void;
+    private getDisable;
+    protected handlerClickPrev(side: SideEnum): void;
+    protected handlerClickNext(side: SideEnum): void;
+    protected handlerPickerDate(event: any, side: SideEnum, row: number, col: number): void;
+    protected handlerClickApply(event?: Event): void;
+    protected handlerClickCancel(event: Event): void;
+    protected handlerFunctionControl(event: IDropdownFunctionControlEvent | IInputFunctionControlEvent, type: string): void;
+    protected handlerSelectedDropdown(event: IEmitSelectKey | undefined, type: string): void;
+    private updateMonthSelect;
+    private updateYearSelect;
+    private monthOrYearChanged;
+    protected handlerInputEvent(event: IEvent, type: `lefthour` | `leftminute` | `righthour` | `rightminute`): void;
+    protected handlerFocusAndBlurTime(event: IFocusAndBlurEvent, type: `lefthour` | `leftminute` | `righthour` | `rightminute`): void;
+    protected handlerChangeTimeValue(event: string | number, type: `lefthour` | `leftminute` | `righthour` | `rightminute`): void;
+    protected handlerShowListDropdown(event: boolean, type: string): void;
+    protected convertItemMonth: (item: any) => any;
+    protected convertItemYear: (item: any) => any;
+    private updateMonthsInView;
+    private setTimeInput;
+    private updateCalendars;
+    private renderCalendar;
+    private buildCells;
+    private renderTimePicker;
+    private updateElement;
+    private updateView;
+    private getDateWithTime;
+    private transformMinMaxDate;
+    private computedDisplayTime;
+    private computedDisplayTimeInput;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsDatetimePickerCustomRangesCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsDatetimePickerCustomRangesCalendarComponent, "libs_ui-components-datetime-picker-custom_ranges-calendar", never, { "quickRangesArray": { "alias": "quickRangesArray"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "isSingle": { "alias": "isSingle"; "required": false; "isSignal": true; }; "showDropdownsSelect": { "alias": "showDropdownsSelect"; "required": false; "isSignal": true; }; "hasTimePicker": { "alias": "hasTimePicker"; "required": false; "isSignal": true; }; "flagMouse": { "alias": "flagMouse"; "required": false; "isSignal": true; }; "dateOptions": { "alias": "dateOptions"; "required": false; "isSignal": true; }; "autoApply": { "alias": "autoApply"; "required": false; "isSignal": true; }; "hasSecondPicker": { "alias": "hasSecondPicker"; "required": false; "isSignal": true; }; "showRangeLabelOnInput": { "alias": "showRangeLabelOnInput"; "required": false; "isSignal": true; }; "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "startDate": "startDateChange"; "endDate": "endDateChange"; "outChangStageFlagMouse": "outChangStageFlagMouse"; "outPickerDate": "outPickerDate"; "outCancel": "outCancel"; "outUpdateWidth": "outUpdateWidth"; "outFunctionsControl": "outFunctionsControl"; }, never, never, true, never>;
+}

package/custom-ranges/custom-ranges.component.d.ts

@@ -0,0 +1,59 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { IFlagMouse } from "@libs-ui/components-popover";
+import dayjs from 'dayjs';
+import { IEmitDateCalendar, IEmitDateRange, IEmitSingleDate } from "../interfaces/calendar-emit.interface";
+import { IDateRange } from "../interfaces/calendar-variables.interface";
+import { ICalendarFunctionControlEvent } from "../interfaces/function-control.interface";
+import { LocalizationConfig } from "../interfaces/picker.interface";
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsDatetimePickerCustomRangesComponent implements OnInit, OnDestroy {
+    /** PROPERTY */
+    protected showCalTableInRanges: import("@angular/core").WritableSignal<boolean>;
+    protected quickRangesArray: import("@angular/core").WritableSignal<IDateRange[]>;
+    protected selectedQuickRange: import("@angular/core").WritableSignal<string>;
+    protected chosenQuickRange: import("@angular/core").WritableSignal<string | undefined>;
+    private calendarShowing;
+    private timeouts;
+    private calendarFunctionControlEvent;
+    private chosenSingleDate;
+    private chosenDateRange;
+    /** INPUT */
+    readonly zIndex: import("@angular/core").InputSignalWithTransform<number, number>;
+    readonly classInclude: import("@angular/core").InputSignal<string>;
+    readonly extendRanges: import("@angular/core").InputSignal<IDateRange[]>;
+    readonly widthByParent: import("@angular/core").InputSignal<boolean>;
+    readonly autoApply: import("@angular/core").InputSignal<boolean>;
+    readonly positionQuickRanges: import("@angular/core").InputSignalWithTransform<"left" | "right", "left" | "right">;
+    readonly isSingle: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
+    readonly hasTimePicker: import("@angular/core").InputSignal<boolean>;
+    readonly flagMouse: import("@angular/core").InputSignal<IFlagMouse>;
+    readonly dateOptions: import("@angular/core").InputSignal<LocalizationConfig>;
+    readonly alwaysShowCalendars: import("@angular/core").InputSignal<boolean>;
+    readonly startDate: import("@angular/core").ModelSignal<dayjs.Dayjs | undefined>;
+    readonly endDate: import("@angular/core").ModelSignal<dayjs.Dayjs | undefined>;
+    readonly showCustomRangeLabel: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly keepCalendarOpeningWithRange: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly singleDateSelected: import("@angular/core").InputSignal<IEmitSingleDate | undefined>;
+    readonly dateRangeSelected: import("@angular/core").InputSignalWithTransform<IEmitDateRange | undefined, IEmitDateRange | undefined>;
+    /** OUTPUT */
+    readonly outChangStageFlagMouse: import("@angular/core").OutputEmitterRef<IFlagMouse>;
+    readonly outUpdateWidth: import("@angular/core").OutputEmitterRef<number>;
+    readonly outCancel: import("@angular/core").OutputEmitterRef<string>;
+    readonly outSelectSingleDate: import("@angular/core").OutputEmitterRef<IEmitSingleDate>;
+    readonly outSelectDateRange: import("@angular/core").OutputEmitterRef<IEmitDateRange>;
+    readonly outClickRange: import("@angular/core").OutputEmitterRef<IDateRange>;
+    constructor();
+    ngOnInit(): void;
+    private onAfterViewInit;
+    private updateWidth;
+    private renderRanges;
+    protected handlerCancel(): void;
+    protected handlerPickerDate(event: IEmitDateCalendar): void;
+    protected handlerClickRange(e: Event, range: IDateRange): void;
+    protected handlerClickCancel(event: Event): void;
+    protected handlerChangeFlagMouse(flagMouse: IFlagMouse): void;
+    protected handlerFunctionsControl(event: ICalendarFunctionControlEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsDatetimePickerCustomRangesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsDatetimePickerCustomRangesComponent, "libs_ui-components-datetime-picker-custom_ranges", never, { "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "extendRanges": { "alias": "extendRanges"; "required": false; "isSignal": true; }; "widthByParent": { "alias": "widthByParent"; "required": false; "isSignal": true; }; "autoApply": { "alias": "autoApply"; "required": false; "isSignal": true; }; "positionQuickRanges": { "alias": "positionQuickRanges"; "required": false; "isSignal": true; }; "isSingle": { "alias": "isSingle"; "required": false; "isSignal": true; }; "hasTimePicker": { "alias": "hasTimePicker"; "required": false; "isSignal": true; }; "flagMouse": { "alias": "flagMouse"; "required": false; "isSignal": true; }; "dateOptions": { "alias": "dateOptions"; "required": false; "isSignal": true; }; "alwaysShowCalendars": { "alias": "alwaysShowCalendars"; "required": false; "isSignal": true; }; "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "showCustomRangeLabel": { "alias": "showCustomRangeLabel"; "required": false; "isSignal": true; }; "keepCalendarOpeningWithRange": { "alias": "keepCalendarOpeningWithRange"; "required": false; "isSignal": true; }; "singleDateSelected": { "alias": "singleDateSelected"; "required": false; "isSignal": true; }; "dateRangeSelected": { "alias": "dateRangeSelected"; "required": false; "isSignal": true; }; }, { "startDate": "startDateChange"; "endDate": "endDateChange"; "outChangStageFlagMouse": "outChangStageFlagMouse"; "outUpdateWidth": "outUpdateWidth"; "outCancel": "outCancel"; "outSelectSingleDate": "outSelectSingleDate"; "outSelectDateRange": "outSelectDateRange"; "outClickRange": "outClickRange"; }, never, never, true, never>;
+}

package/defines/calendar.define.d.ts

@@ -0,0 +1,13 @@
+import { IListConfigItem } from "@libs-ui/components-list";
+import { TranslateService } from "@ngx-translate/core";
+import { IHttpRequestConfig } from "@libs-ui/services-http-request";
+export declare const getMonthsListConfig: (translate: TranslateService) => IListConfigItem;
+export declare const getMonthsDetailById: () => IHttpRequestConfig;
+export declare const getYearsListConfig: (listOfYears?: Array<{
+    id: number;
+    label: string;
+}>) => IListConfigItem;
+export declare const getYearsDetailById: (listOfYears?: Array<{
+    id: number;
+    label: string;
+}>) => IHttpRequestConfig;

package/defines/date-options.define.d.ts

@@ -0,0 +1,20 @@
+import { LocalizationConfig } from "../interfaces/picker.interface";
+import dayjs from 'dayjs';
+export declare const getDateOptions: () => LocalizationConfig;
+export declare const defaultLocaleConfig: () => {
+    direction: string;
+    separator: string;
+    weekLabel: string;
+    applyLabel: string;
+    cancelLabel: string;
+    clearLabel: string;
+    customRangeLabel: string;
+    daysOfWeek: never[];
+    monthNames: never[];
+    firstDay: number;
+};
+export declare const getDateRangeDefault: () => {
+    [key: string]: Array<dayjs.Dayjs>;
+};
+export declare const DEFAULT_MIN_YEAR = 1945;
+export declare const DEFAULT_MAX_YEAR = 2100;