@libs-ui/components-datetime-picker 0.2.10-6.2 → 0.2.30-6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-ranges/calendar/calendar.component.d.ts +7 -6
- package/custom-ranges/custom-ranges.component.d.ts +9 -5
- package/defines/common-date.define.d.ts +1 -1
- package/defines/date-options.define.d.ts +3 -2
- package/esm2022/custom-ranges/calendar/calendar.component.mjs +83 -67
- package/esm2022/custom-ranges/custom-ranges.component.mjs +38 -34
- package/esm2022/defines/common-date.define.mjs +3 -2
- package/esm2022/defines/date-options.define.mjs +10 -10
- package/esm2022/index.mjs +2 -1
- package/esm2022/interfaces/calendar-emit.interface.mjs +1 -1
- package/esm2022/interfaces/function-control.interface.mjs +1 -1
- package/esm2022/picker.component.mjs +84 -26
- package/fesm2022/libs-ui-components-datetime-picker.mjs +208 -128
- package/fesm2022/libs-ui-components-datetime-picker.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/interfaces/calendar-emit.interface.d.ts +1 -1
- package/interfaces/function-control.interface.d.ts +4 -0
- package/package.json +13 -3
- package/picker.component.d.ts +24 -13
|
@@ -5,7 +5,7 @@ import { IListConfigItem } from "@libs-ui/components-list";
|
|
|
5
5
|
import { IFlagMouse } from "@libs-ui/components-popover";
|
|
6
6
|
import { IEvent } from "@libs-ui/interfaces-types";
|
|
7
7
|
import { IHttpRequestConfig } from "@libs-ui/services-http-request";
|
|
8
|
-
import dayjs from 'dayjs';
|
|
8
|
+
import dayjs, { Dayjs } from 'dayjs';
|
|
9
9
|
import { IEmitDateCalendar } from "../../interfaces/calendar-emit.interface";
|
|
10
10
|
import { ICalendar, ICalendarVariables, IDateRange, SideEnum } from "../../interfaces/calendar-variables.interface";
|
|
11
11
|
import { ICalendarFunctionControlEvent } from "../../interfaces/function-control.interface";
|
|
@@ -36,11 +36,11 @@ export declare class LibsUiComponentsDatetimePickerCustomRangesCalendarComponent
|
|
|
36
36
|
protected selectedQuickRange: WritableSignal<string>;
|
|
37
37
|
protected leftCalendar: WritableSignal<{
|
|
38
38
|
calendar?: ICalendar;
|
|
39
|
-
month?:
|
|
39
|
+
month?: Dayjs;
|
|
40
40
|
}>;
|
|
41
41
|
protected rightCalendar: WritableSignal<{
|
|
42
42
|
calendar?: ICalendar;
|
|
43
|
-
month?:
|
|
43
|
+
month?: Dayjs;
|
|
44
44
|
}>;
|
|
45
45
|
protected listMonthsConfig: WritableSignal<IListConfigItem | undefined>;
|
|
46
46
|
protected monthHttpDetailConfig: WritableSignal<IHttpRequestConfig>;
|
|
@@ -83,8 +83,9 @@ export declare class LibsUiComponentsDatetimePickerCustomRangesCalendarComponent
|
|
|
83
83
|
readonly showRangeLabelOnInput: import("@angular/core").InputSignal<boolean | undefined>;
|
|
84
84
|
readonly startDate: import("@angular/core").ModelSignal<dayjs.Dayjs | undefined>;
|
|
85
85
|
readonly endDate: import("@angular/core").ModelSignal<dayjs.Dayjs | undefined>;
|
|
86
|
-
readonly minDate: import("@angular/core").InputSignalWithTransform<string | dayjs.Dayjs | undefined, dayjs.Dayjs | undefined>;
|
|
87
|
-
readonly maxDate: import("@angular/core").InputSignalWithTransform<string | dayjs.Dayjs | undefined, dayjs.Dayjs | undefined>;
|
|
86
|
+
readonly minDate: import("@angular/core").InputSignalWithTransform<string | dayjs.Dayjs | undefined, string | dayjs.Dayjs | undefined>;
|
|
87
|
+
readonly maxDate: import("@angular/core").InputSignalWithTransform<string | dayjs.Dayjs | undefined, string | dayjs.Dayjs | undefined>;
|
|
88
|
+
readonly listYearHiddenInputSearch: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
|
|
88
89
|
/** OUTPUT */
|
|
89
90
|
readonly outChangStageFlagMouse: import("@angular/core").OutputEmitterRef<IFlagMouse>;
|
|
90
91
|
readonly outPickerDate: import("@angular/core").OutputEmitterRef<IEmitDateCalendar>;
|
|
@@ -136,5 +137,5 @@ export declare class LibsUiComponentsDatetimePickerCustomRangesCalendarComponent
|
|
|
136
137
|
private computedDisplayTimeInput;
|
|
137
138
|
ngOnDestroy(): void;
|
|
138
139
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsDatetimePickerCustomRangesCalendarComponent, never>;
|
|
139
|
-
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>;
|
|
140
|
+
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; }; "listYearHiddenInputSearch": { "alias": "listYearHiddenInputSearch"; "required": false; "isSignal": true; }; }, { "startDate": "startDateChange"; "endDate": "endDateChange"; "outChangStageFlagMouse": "outChangStageFlagMouse"; "outPickerDate": "outPickerDate"; "outCancel": "outCancel"; "outUpdateWidth": "outUpdateWidth"; "outFunctionsControl": "outFunctionsControl"; }, never, never, true, never>;
|
|
140
141
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { OnDestroy } from "@angular/core";
|
|
2
2
|
import { IFlagMouse } from "@libs-ui/components-popover";
|
|
3
|
-
import
|
|
3
|
+
import { TYPE_OBJECT } from "@libs-ui/interfaces-types";
|
|
4
|
+
import { Dayjs } from 'dayjs';
|
|
4
5
|
import { IEmitDateCalendar, IEmitDateRange, IEmitSingleDate } from "../interfaces/calendar-emit.interface";
|
|
5
6
|
import { IDateRange } from "../interfaces/calendar-variables.interface";
|
|
6
7
|
import { ICalendarFunctionControlEvent } from "../interfaces/function-control.interface";
|
|
@@ -23,14 +24,17 @@ export declare class LibsUiComponentsDatetimePickerCustomRangesComponent impleme
|
|
|
23
24
|
readonly extendRanges: import("@angular/core").InputSignal<IDateRange[]>;
|
|
24
25
|
readonly widthByParent: import("@angular/core").InputSignal<boolean>;
|
|
25
26
|
readonly autoApply: import("@angular/core").InputSignal<boolean>;
|
|
27
|
+
readonly minDate: import("@angular/core").InputSignal<string | Dayjs | undefined>;
|
|
28
|
+
readonly maxDate: import("@angular/core").InputSignal<string | Dayjs | undefined>;
|
|
29
|
+
readonly listYearHiddenInputSearch: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
|
|
26
30
|
readonly positionQuickRanges: import("@angular/core").InputSignalWithTransform<"left" | "right", "left" | "right">;
|
|
27
31
|
readonly isSingle: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
|
|
28
32
|
readonly hasTimePicker: import("@angular/core").InputSignal<boolean>;
|
|
29
33
|
readonly flagMouse: import("@angular/core").InputSignal<IFlagMouse>;
|
|
30
34
|
readonly dateOptions: import("@angular/core").InputSignal<LocalizationConfig>;
|
|
31
35
|
readonly alwaysShowCalendars: import("@angular/core").InputSignal<boolean>;
|
|
32
|
-
readonly startDate: import("@angular/core").ModelSignal<
|
|
33
|
-
readonly endDate: import("@angular/core").ModelSignal<
|
|
36
|
+
readonly startDate: import("@angular/core").ModelSignal<Dayjs | undefined>;
|
|
37
|
+
readonly endDate: import("@angular/core").ModelSignal<Dayjs | undefined>;
|
|
34
38
|
readonly showCustomRangeLabel: import("@angular/core").InputSignal<boolean | undefined>;
|
|
35
39
|
readonly keepCalendarOpeningWithRange: import("@angular/core").InputSignal<boolean | undefined>;
|
|
36
40
|
readonly singleDateSelected: import("@angular/core").InputSignalWithTransform<IEmitSingleDate | undefined, IEmitSingleDate | undefined>;
|
|
@@ -41,7 +45,7 @@ export declare class LibsUiComponentsDatetimePickerCustomRangesComponent impleme
|
|
|
41
45
|
readonly outCancel: import("@angular/core").OutputEmitterRef<string>;
|
|
42
46
|
readonly outSelectSingleDate: import("@angular/core").OutputEmitterRef<IEmitSingleDate>;
|
|
43
47
|
readonly outSelectDateRange: import("@angular/core").OutputEmitterRef<IEmitDateRange>;
|
|
44
|
-
readonly
|
|
48
|
+
readonly outClickMenuRangeCustom: import("@angular/core").OutputEmitterRef<TYPE_OBJECT>;
|
|
45
49
|
constructor();
|
|
46
50
|
private onAfterViewInit;
|
|
47
51
|
private updateWidth;
|
|
@@ -54,5 +58,5 @@ export declare class LibsUiComponentsDatetimePickerCustomRangesComponent impleme
|
|
|
54
58
|
protected handlerFunctionsControl(event: ICalendarFunctionControlEvent): void;
|
|
55
59
|
ngOnDestroy(): void;
|
|
56
60
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsDatetimePickerCustomRangesComponent, never>;
|
|
57
|
-
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"; "
|
|
61
|
+
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; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "listYearHiddenInputSearch": { "alias": "listYearHiddenInputSearch"; "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"; "outClickMenuRangeCustom": "outClickMenuRangeCustom"; }, never, never, true, never>;
|
|
58
62
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const DEFAULT_MIN_YEAR = 1945;
|
|
2
|
-
export declare const DEFAULT_MAX_YEAR
|
|
2
|
+
export declare const DEFAULT_MAX_YEAR: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LocalizationConfig } from "../interfaces/picker.interface";
|
|
2
|
-
import
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
3
|
export declare const getDateOptions: () => LocalizationConfig;
|
|
4
4
|
export declare const defaultLocaleConfig: () => {
|
|
5
5
|
direction: string;
|
|
@@ -14,5 +14,6 @@ export declare const defaultLocaleConfig: () => {
|
|
|
14
14
|
firstDay: number;
|
|
15
15
|
};
|
|
16
16
|
export declare const getDateRangeDefault: () => {
|
|
17
|
-
[key: string]: Array<
|
|
17
|
+
[key: string]: Array<Dayjs>;
|
|
18
18
|
};
|
|
19
|
+
export declare const getDateOptionsDefault: () => LocalizationConfig;
|