@skyux/datetime 7.0.0-beta.9 → 7.0.0
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/documentation.json +1630 -985
- package/esm2020/lib/modules/date-pipe/date-pipe.module.mjs +5 -5
- package/esm2020/lib/modules/date-pipe/date.pipe.mjs +4 -5
- package/esm2020/lib/modules/date-pipe/fuzzy-date.pipe.mjs +4 -5
- package/esm2020/lib/modules/date-range-picker/date-range-picker-end-date-resource-key.pipe.mjs +20 -0
- package/esm2020/lib/modules/date-range-picker/date-range-picker-start-date-resource-key.pipe.mjs +20 -0
- package/esm2020/lib/modules/date-range-picker/date-range-picker.component.mjs +267 -212
- package/esm2020/lib/modules/date-range-picker/date-range-picker.module.mjs +14 -6
- package/esm2020/lib/modules/date-range-picker/date-range.service.mjs +45 -42
- package/esm2020/lib/modules/date-range-picker/types/date-range-calculator-date-range-function.mjs +1 -1
- package/esm2020/lib/modules/date-range-picker/types/date-range-calculator-validate-function.mjs +1 -1
- package/esm2020/lib/modules/date-range-picker/types/date-range-calculator.mjs +15 -15
- package/esm2020/lib/modules/date-range-picker/types/date-range-default-calculator-configs.mjs +4 -2
- package/esm2020/lib/modules/date-range-picker/types/date-range.mjs +1 -1
- package/esm2020/lib/modules/datepicker/date-formatter.mjs +2 -2
- package/esm2020/lib/modules/datepicker/datepicker-adapter.service.mjs +11 -18
- package/esm2020/lib/modules/datepicker/datepicker-calendar-inner.component.mjs +46 -23
- package/esm2020/lib/modules/datepicker/datepicker-calendar.component.mjs +29 -37
- package/esm2020/lib/modules/datepicker/datepicker-config.service.mjs +4 -4
- package/esm2020/lib/modules/datepicker/datepicker-input-fuzzy.directive.mjs +227 -217
- package/esm2020/lib/modules/datepicker/datepicker-input.directive.mjs +216 -227
- package/esm2020/lib/modules/datepicker/datepicker.component.mjs +122 -145
- package/esm2020/lib/modules/datepicker/datepicker.module.mjs +5 -5
- package/esm2020/lib/modules/datepicker/datepicker.service.mjs +4 -4
- package/esm2020/lib/modules/datepicker/daypicker-button.component.mjs +5 -6
- package/esm2020/lib/modules/datepicker/daypicker-cell.component.mjs +63 -63
- package/esm2020/lib/modules/datepicker/daypicker.component.mjs +146 -141
- package/esm2020/lib/modules/datepicker/fuzzy-date.service.mjs +126 -136
- package/esm2020/lib/modules/datepicker/monthpicker.component.mjs +53 -52
- package/esm2020/lib/modules/datepicker/yearpicker.component.mjs +55 -54
- package/esm2020/lib/modules/shared/sky-datetime-resources.module.mjs +5 -5
- package/esm2020/lib/modules/timepicker/timepicker.component.mjs +109 -95
- package/esm2020/lib/modules/timepicker/timepicker.directive.mjs +109 -103
- package/esm2020/lib/modules/timepicker/timepicker.module.mjs +5 -5
- package/fesm2015/skyux-datetime.mjs +1716 -1590
- package/fesm2015/skyux-datetime.mjs.map +1 -1
- package/fesm2020/skyux-datetime.mjs +1694 -1586
- package/fesm2020/skyux-datetime.mjs.map +1 -1
- package/lib/modules/date-range-picker/date-range-picker-end-date-resource-key.pipe.d.ts +8 -0
- package/lib/modules/date-range-picker/date-range-picker-start-date-resource-key.pipe.d.ts +8 -0
- package/lib/modules/date-range-picker/date-range-picker.component.d.ts +14 -43
- package/lib/modules/date-range-picker/date-range-picker.module.d.ts +9 -7
- package/lib/modules/date-range-picker/date-range.service.d.ts +1 -5
- package/lib/modules/date-range-picker/types/date-range-calculator-date-range-function.d.ts +1 -1
- package/lib/modules/date-range-picker/types/date-range-calculator-validate-function.d.ts +1 -1
- package/lib/modules/date-range-picker/types/date-range-calculator.d.ts +3 -8
- package/lib/modules/date-range-picker/types/date-range.d.ts +2 -2
- package/lib/modules/datepicker/date-formatter.d.ts +3 -3
- package/lib/modules/datepicker/datepicker-adapter.service.d.ts +1 -5
- package/lib/modules/datepicker/datepicker-calendar-inner.component.d.ts +18 -19
- package/lib/modules/datepicker/datepicker-calendar.component.d.ts +14 -25
- package/lib/modules/datepicker/datepicker-config.service.d.ts +3 -3
- package/lib/modules/datepicker/datepicker-input-fuzzy.directive.d.ts +17 -53
- package/lib/modules/datepicker/datepicker-input.directive.d.ts +13 -68
- package/lib/modules/datepicker/datepicker.component.d.ts +21 -58
- package/lib/modules/datepicker/daypicker-button.component.d.ts +1 -1
- package/lib/modules/datepicker/daypicker-cell.component.d.ts +3 -10
- package/lib/modules/datepicker/daypicker.component.d.ts +4 -16
- package/lib/modules/datepicker/fuzzy-date.service.d.ts +6 -30
- package/lib/modules/datepicker/monthpicker.component.d.ts +1 -4
- package/lib/modules/datepicker/yearpicker.component.d.ts +1 -3
- package/lib/modules/timepicker/timepicker.component.d.ts +14 -32
- package/lib/modules/timepicker/timepicker.directive.d.ts +9 -27
- package/package.json +12 -12
@@ -0,0 +1,8 @@
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
2
|
+
import { SkyDateRangeCalculatorType } from './types/date-range-calculator-type';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class SkyDateRangePickerEndDateResourceKeyPipe implements PipeTransform {
|
5
|
+
transform(calculatorType: SkyDateRangeCalculatorType | undefined): string;
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerEndDateResourceKeyPipe, never>;
|
7
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<SkyDateRangePickerEndDateResourceKeyPipe, "skyDateRangePickerEndDateResourceKey", false>;
|
8
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
2
|
+
import { SkyDateRangeCalculatorType } from './types/date-range-calculator-type';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class SkyDateRangePickerStartDateResourceKeyPipe implements PipeTransform {
|
5
|
+
transform(calculatorType: SkyDateRangeCalculatorType | undefined): string;
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerStartDateResourceKeyPipe, never>;
|
7
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<SkyDateRangePickerStartDateResourceKeyPipe, "skyDateRangePickerStartDateResourceKey", false>;
|
8
|
+
}
|
@@ -18,17 +18,13 @@ import * as i0 from "@angular/core";
|
|
18
18
|
* ```
|
19
19
|
*/
|
20
20
|
export declare class SkyDateRangePickerComponent implements OnInit, OnChanges, OnDestroy, ControlValueAccessor, Validator {
|
21
|
-
private
|
22
|
-
private dateRangeService;
|
23
|
-
private formBuilder;
|
24
|
-
private localeProvider;
|
25
|
-
private ngZone;
|
21
|
+
#private;
|
26
22
|
/**
|
27
23
|
* Specifies IDs for the date range options to include in the picker's dropdown.
|
28
24
|
* The options specify calculator objects that return two `Date` objects to represent date ranges.
|
29
25
|
* By default, this property includes all `SkyDateRangeCalculatorId` values.
|
30
26
|
*/
|
31
|
-
set calculatorIds(value: SkyDateRangeCalculatorId[]);
|
27
|
+
set calculatorIds(value: SkyDateRangeCalculatorId[] | undefined);
|
32
28
|
get calculatorIds(): SkyDateRangeCalculatorId[];
|
33
29
|
/**
|
34
30
|
* Specifies a date format for
|
@@ -37,72 +33,47 @@ export declare class SkyDateRangePickerComponent implements OnInit, OnChanges, O
|
|
37
33
|
* up to two `sky-datepicker` components.
|
38
34
|
* @default "MM/DD/YYYY"
|
39
35
|
*/
|
40
|
-
set dateFormat(value: string);
|
41
|
-
get dateFormat(): string;
|
36
|
+
set dateFormat(value: string | undefined);
|
37
|
+
get dateFormat(): string | undefined;
|
42
38
|
/**
|
43
39
|
* Indicates whether to disable the date range picker.
|
44
40
|
* @default false
|
45
41
|
*/
|
46
|
-
set disabled(value: boolean);
|
47
|
-
get disabled(): boolean;
|
42
|
+
set disabled(value: boolean | undefined);
|
43
|
+
get disabled(): boolean | undefined;
|
48
44
|
/**
|
49
45
|
* Specifies a label for the date range picker.
|
50
46
|
* @required
|
51
47
|
*/
|
52
|
-
label: string;
|
48
|
+
label: string | undefined;
|
53
49
|
/**
|
54
50
|
* Indicates whether to require users to specify a start date.
|
55
51
|
* @default false
|
56
52
|
*/
|
57
|
-
startDateRequired: boolean;
|
53
|
+
startDateRequired: boolean | undefined;
|
58
54
|
/**
|
59
55
|
* Indicates whether to require users to specify a end date.
|
60
56
|
* @default false
|
61
57
|
*/
|
62
|
-
endDateRequired: boolean;
|
63
|
-
|
64
|
-
get endDateLabelResourceKey(): string;
|
65
|
-
get selectedCalculator(): SkyDateRangeCalculator;
|
58
|
+
endDateRequired: boolean | undefined;
|
59
|
+
selectedCalculator: SkyDateRangeCalculator | undefined;
|
66
60
|
readonly dateRangePickerId: string;
|
67
61
|
calculators: SkyDateRangeCalculator[];
|
68
|
-
|
62
|
+
dateFormatOrDefault: string | undefined;
|
63
|
+
formGroup: UntypedFormGroup | undefined;
|
69
64
|
isReady: boolean;
|
70
65
|
showEndDatePicker: boolean;
|
71
66
|
showStartDatePicker: boolean;
|
72
|
-
private get calculatorIdControl();
|
73
|
-
private get defaultCalculator();
|
74
|
-
private get defaultValue();
|
75
|
-
private get endDateControl();
|
76
|
-
private get startDateControl();
|
77
|
-
private get value();
|
78
|
-
private control;
|
79
|
-
private preferredShortDateFormat;
|
80
|
-
private ngUnsubscribe;
|
81
|
-
private _calculatorIds;
|
82
|
-
private _dateFormat;
|
83
|
-
private _disabled;
|
84
|
-
private _value;
|
85
67
|
constructor(changeDetector: ChangeDetectorRef, dateRangeService: SkyDateRangeService, formBuilder: UntypedFormBuilder, localeProvider: SkyAppLocaleProvider, ngZone: NgZone, themeSvc?: SkyThemeService);
|
86
68
|
ngOnInit(): void;
|
87
69
|
ngOnChanges(changes: SimpleChanges): void;
|
88
70
|
ngOnDestroy(): void;
|
89
71
|
onFieldBlur(): void;
|
90
72
|
writeValue(value: SkyDateRangeCalculation): void;
|
91
|
-
validate(control: AbstractControl): ValidationErrors;
|
92
|
-
registerOnChange(fn: (value: SkyDateRangeCalculation) => SkyDateRangeCalculation): void;
|
73
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
74
|
+
registerOnChange(fn: (value: SkyDateRangeCalculation | undefined) => SkyDateRangeCalculation): void;
|
93
75
|
registerOnTouched(fn: () => SkyDateRangeCalculation): void;
|
94
76
|
setDisabledState(disabled: boolean): void;
|
95
|
-
private setValue;
|
96
|
-
private patchValue;
|
97
|
-
private createForm;
|
98
|
-
private showRelevantFormFields;
|
99
|
-
private resetFormGroupValue;
|
100
|
-
private addEventListeners;
|
101
|
-
private updateCalculators;
|
102
|
-
private getCalculatorById;
|
103
|
-
private dateRangesEqual;
|
104
|
-
private onChange;
|
105
|
-
private onTouched;
|
106
77
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerComponent, [null, null, null, null, null, { optional: true; }]>;
|
107
78
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDateRangePickerComponent, "sky-date-range-picker", never, { "calculatorIds": "calculatorIds"; "dateFormat": "dateFormat"; "disabled": "disabled"; "label": "label"; "startDateRequired": "startDateRequired"; "endDateRequired": "endDateRequired"; }, {}, never, never, false>;
|
108
79
|
}
|
@@ -1,13 +1,15 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
2
|
import * as i1 from "./date-range-picker.component";
|
3
|
-
import * as i2 from "
|
4
|
-
import * as i3 from "
|
5
|
-
import * as i4 from "@
|
6
|
-
import * as i5 from "
|
7
|
-
import * as i6 from "
|
8
|
-
import * as i7 from "
|
3
|
+
import * as i2 from "./date-range-picker-end-date-resource-key.pipe";
|
4
|
+
import * as i3 from "./date-range-picker-start-date-resource-key.pipe";
|
5
|
+
import * as i4 from "@angular/common";
|
6
|
+
import * as i5 from "@angular/forms";
|
7
|
+
import * as i6 from "@skyux/i18n";
|
8
|
+
import * as i7 from "../datepicker/datepicker.module";
|
9
|
+
import * as i8 from "../shared/sky-datetime-resources.module";
|
10
|
+
import * as i9 from "@skyux/forms";
|
9
11
|
export declare class SkyDateRangePickerModule {
|
10
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerModule, never>;
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDateRangePickerModule, [typeof i1.SkyDateRangePickerComponent], [typeof
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDateRangePickerModule, [typeof i1.SkyDateRangePickerComponent, typeof i2.SkyDateRangePickerEndDateResourceKeyPipe, typeof i3.SkyDateRangePickerStartDateResourceKeyPipe], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.SkyI18nModule, typeof i7.SkyDatepickerModule, typeof i8.SkyDatetimeResourcesModule, typeof i9.SkyInputBoxModule], [typeof i1.SkyDateRangePickerComponent]>;
|
12
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyDateRangePickerModule>;
|
13
15
|
}
|
@@ -7,11 +7,8 @@ import * as i0 from "@angular/core";
|
|
7
7
|
* Creates and manages `SkyDateRangeCalculator` instances.
|
8
8
|
*/
|
9
9
|
export declare class SkyDateRangeService {
|
10
|
-
private
|
10
|
+
#private;
|
11
11
|
private static lastId;
|
12
|
-
private calculatorReadyStream;
|
13
|
-
private calculatorConfigs;
|
14
|
-
private calculators;
|
15
12
|
constructor(resourcesService: SkyLibResourcesService);
|
16
13
|
/**
|
17
14
|
* Creates a custom date range calculator.
|
@@ -28,7 +25,6 @@ export declare class SkyDateRangeService {
|
|
28
25
|
* @param id The calculator ID.
|
29
26
|
*/
|
30
27
|
getCalculatorById(id: SkyDateRangeCalculatorId): Promise<SkyDateRangeCalculator>;
|
31
|
-
private createDefaultCalculators;
|
32
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangeService, never>;
|
33
29
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDateRangeService>;
|
34
30
|
}
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { SkyDateRange } from './date-range';
|
2
|
-
export declare type SkyDateRangeCalculatorGetValueFunction = (startDateInput?: Date, endDateInput?: Date) => SkyDateRange;
|
2
|
+
export declare type SkyDateRangeCalculatorGetValueFunction = (startDateInput?: Date | null, endDateInput?: Date | null) => SkyDateRange;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { ValidationErrors } from '@angular/forms';
|
2
2
|
import { SkyDateRange } from './date-range';
|
3
|
-
export declare type SkyDateRangeCalculatorValidateFunction = (value?: SkyDateRange) => ValidationErrors;
|
3
|
+
export declare type SkyDateRangeCalculatorValidateFunction = (value?: SkyDateRange) => ValidationErrors | null;
|
@@ -8,11 +8,11 @@ import { SkyDateRangeCalculatorType } from './date-range-calculator-type';
|
|
8
8
|
* Represents the calculator.
|
9
9
|
*/
|
10
10
|
export declare class SkyDateRangeCalculator {
|
11
|
+
#private;
|
11
12
|
/**
|
12
13
|
* Provides a calculator ID to specify calculator objects that represent date ranges.
|
13
14
|
*/
|
14
15
|
readonly calculatorId: SkyDateRangeCalculatorId;
|
15
|
-
private config;
|
16
16
|
/**
|
17
17
|
* Specifies the text to display in the calculator select menu.
|
18
18
|
*/
|
@@ -31,14 +31,9 @@ export declare class SkyDateRangeCalculator {
|
|
31
31
|
* @param startDateInput The start date.
|
32
32
|
* @param endDateInput The end date.
|
33
33
|
*/
|
34
|
-
getValue(startDateInput?: Date, endDateInput?: Date): SkyDateRangeCalculation;
|
34
|
+
getValue(startDateInput?: Date | null, endDateInput?: Date | null): SkyDateRangeCalculation;
|
35
35
|
/**
|
36
36
|
* Performs synchronous validation against the control.
|
37
37
|
*/
|
38
|
-
validate(value?: SkyDateRange): ValidationErrors;
|
39
|
-
/**
|
40
|
-
* Get a date object without time information.
|
41
|
-
* See: https://stackoverflow.com/a/38050824/6178885
|
42
|
-
*/
|
43
|
-
private parseDateWithoutTime;
|
38
|
+
validate(value?: SkyDateRange): ValidationErrors | null;
|
44
39
|
}
|
@@ -9,7 +9,7 @@ export declare class SkyDateFormatter {
|
|
9
9
|
* Returns the preferred short date format for the current locale.
|
10
10
|
*/
|
11
11
|
static getPreferredShortDateFormat(): string;
|
12
|
-
format(date: Date, format
|
13
|
-
getDateFromString(dateString: string, format
|
14
|
-
dateIsValid(date: Date): boolean;
|
12
|
+
format(date: Date, format?: string): string;
|
13
|
+
getDateFromString(dateString: string, format?: string, strict?: boolean): Date;
|
14
|
+
dateIsValid(date: Date | undefined): boolean;
|
15
15
|
}
|
@@ -4,12 +4,8 @@ import * as i0 from "@angular/core";
|
|
4
4
|
* @internal
|
5
5
|
*/
|
6
6
|
export declare class SkyDatepickerAdapterService {
|
7
|
-
private
|
8
|
-
private el;
|
7
|
+
#private;
|
9
8
|
constructor(renderer: Renderer2);
|
10
|
-
init(elRef: ElementRef): void;
|
11
|
-
elementIsFocused(): boolean;
|
12
|
-
elementIsVisible(): boolean;
|
13
9
|
getPlaceholder(elementRef: ElementRef): string;
|
14
10
|
setPlaceholder(elementRef: ElementRef, value: string): void;
|
15
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerAdapterService, never>;
|
@@ -9,12 +9,14 @@ declare type KeyboardEventHandler = (key: string, event: KeyboardEvent) => void;
|
|
9
9
|
* @internal
|
10
10
|
*/
|
11
11
|
export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, OnInit, OnChanges {
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
12
|
+
#private;
|
13
|
+
customDates: SkyDatepickerCustomDate[] | undefined;
|
14
|
+
set startingDay(value: number | undefined);
|
15
|
+
get startingDay(): number;
|
16
|
+
minDate: Date | undefined;
|
17
|
+
maxDate: Date | undefined;
|
18
|
+
set selectedDate(value: Date | undefined);
|
19
|
+
get selectedDate(): Date | undefined;
|
18
20
|
selectedDateChange: EventEmitter<Date>;
|
19
21
|
calendarModeChange: EventEmitter<string>;
|
20
22
|
activeDate: Date;
|
@@ -37,23 +39,21 @@ export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, O
|
|
37
39
|
stepYear: any;
|
38
40
|
protected modes: string[];
|
39
41
|
protected dateFormatter: SkyDateFormatter;
|
40
|
-
refreshViewHandlerDay: () => void;
|
41
|
-
compareHandlerDay: DateComparator;
|
42
|
-
refreshViewHandlerMonth: () => void;
|
43
|
-
compareHandlerMonth: DateComparator;
|
44
|
-
refreshViewHandlerYear: () => void;
|
45
|
-
compareHandlerYear: DateComparator;
|
46
|
-
handleKeydownDay: KeyboardEventHandler;
|
47
|
-
handleKeydownMonth: KeyboardEventHandler;
|
48
|
-
handleKeydownYear: KeyboardEventHandler;
|
42
|
+
refreshViewHandlerDay: (() => void) | undefined;
|
43
|
+
compareHandlerDay: DateComparator | undefined;
|
44
|
+
refreshViewHandlerMonth: (() => void) | undefined;
|
45
|
+
compareHandlerMonth: DateComparator | undefined;
|
46
|
+
refreshViewHandlerYear: (() => void) | undefined;
|
47
|
+
compareHandlerYear: DateComparator | undefined;
|
48
|
+
handleKeydownDay: KeyboardEventHandler | undefined;
|
49
|
+
handleKeydownMonth: KeyboardEventHandler | undefined;
|
50
|
+
handleKeydownYear: KeyboardEventHandler | undefined;
|
49
51
|
keys: any;
|
50
|
-
private ngUnsubscribe;
|
51
|
-
private _selectedDate;
|
52
52
|
ngOnInit(): void;
|
53
53
|
ngOnChanges(changes: SimpleChanges): void;
|
54
54
|
ngOnDestroy(): void;
|
55
55
|
setCompareHandler(handler: DateComparator, type: string): void;
|
56
|
-
compare(date1: Date, date2: Date):
|
56
|
+
compare(date1: Date | undefined, date2: Date | undefined): number | undefined;
|
57
57
|
setRefreshViewHandler(handler: () => void, type: string): void;
|
58
58
|
refreshView(): void;
|
59
59
|
setKeydownHandler(handler: KeyboardEventHandler, type: string): void;
|
@@ -76,7 +76,6 @@ export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, O
|
|
76
76
|
* 2. Date is marked as disabled in the customDates array.
|
77
77
|
*/
|
78
78
|
protected isDisabled(date: Date): boolean;
|
79
|
-
private getCustomDate;
|
80
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerCalendarInnerComponent, never>;
|
81
80
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerCalendarInnerComponent, "sky-datepicker-inner", never, { "customDates": "customDates"; "startingDay": "startingDay"; "minDate": "minDate"; "maxDate": "maxDate"; "selectedDate": "selectedDate"; }, { "selectedDateChange": "selectedDateChange"; "calendarModeChange": "calendarModeChange"; }, never, ["*"], false>;
|
82
81
|
}
|
@@ -1,5 +1,4 @@
|
|
1
|
-
import {
|
2
|
-
import { SkyDatepickerAdapterService } from './datepicker-adapter.service';
|
1
|
+
import { EventEmitter } from '@angular/core';
|
3
2
|
import { SkyDatepickerCalendarChange } from './datepicker-calendar-change';
|
4
3
|
import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
|
5
4
|
import { SkyDatepickerConfigService } from './datepicker-config.service';
|
@@ -8,38 +7,28 @@ import * as i0 from "@angular/core";
|
|
8
7
|
/**
|
9
8
|
* @internal
|
10
9
|
*/
|
11
|
-
export declare class SkyDatepickerCalendarComponent
|
12
|
-
private
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
minDate: Date;
|
18
|
-
maxDate: Date;
|
10
|
+
export declare class SkyDatepickerCalendarComponent {
|
11
|
+
#private;
|
12
|
+
customDates: SkyDatepickerCustomDate[] | undefined;
|
13
|
+
isDaypickerWaiting: boolean | undefined;
|
14
|
+
minDate: Date | undefined;
|
15
|
+
maxDate: Date | undefined;
|
19
16
|
/** currently selected date */
|
20
|
-
selectedDate: Date;
|
17
|
+
selectedDate: Date | undefined;
|
21
18
|
/** starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
|
22
|
-
set startingDay(start: number);
|
19
|
+
set startingDay(start: number | undefined);
|
23
20
|
get startingDay(): number;
|
24
|
-
calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange>;
|
21
|
+
calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange | undefined>;
|
25
22
|
calendarModeChange: EventEmitter<string>;
|
26
23
|
selectedDateChange: EventEmitter<Date>;
|
27
|
-
|
28
|
-
* @internal
|
29
|
-
* Indicates if the calendar element's visibility property is 'visible'.
|
30
|
-
*/
|
31
|
-
get isVisible(): boolean;
|
32
|
-
_datepicker: SkyDatepickerCalendarInnerComponent;
|
24
|
+
datepicker: SkyDatepickerCalendarInnerComponent | undefined;
|
33
25
|
protected _now: Date;
|
34
|
-
|
35
|
-
private _startingDay;
|
36
|
-
constructor(adapter: SkyDatepickerAdapterService, config: SkyDatepickerConfigService, elementRef: ElementRef);
|
37
|
-
ngAfterViewInit(): void;
|
26
|
+
constructor(config: SkyDatepickerConfigService);
|
38
27
|
configureOptions(): void;
|
39
|
-
onCalendarDateRangeChange(event: SkyDatepickerCalendarChange): void;
|
28
|
+
onCalendarDateRangeChange(event: SkyDatepickerCalendarChange | undefined): void;
|
40
29
|
onCalendarModeChange(event: string): void;
|
41
30
|
onSelectedDateChange(event: Date): void;
|
42
|
-
writeValue(value: Date): void;
|
31
|
+
writeValue(value: Date | undefined): void;
|
43
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerCalendarComponent, never>;
|
44
33
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerCalendarComponent, "sky-datepicker-calendar", never, { "customDates": "customDates"; "isDaypickerWaiting": "isDaypickerWaiting"; "minDate": "minDate"; "maxDate": "maxDate"; "selectedDate": "selectedDate"; "startingDay": "startingDay"; }, { "calendarDateRangeChange": "calendarDateRangeChange"; "calendarModeChange": "calendarModeChange"; "selectedDateChange": "selectedDateChange"; }, never, never, false>;
|
45
34
|
}
|
@@ -4,15 +4,15 @@ export declare class SkyDatepickerConfigService {
|
|
4
4
|
* Specifies the date format for the input.
|
5
5
|
* @default "MM/DD/YYYY"
|
6
6
|
*/
|
7
|
-
dateFormat: string;
|
7
|
+
dateFormat: string | undefined;
|
8
8
|
/**
|
9
9
|
* Specifies the latest selectable date that is available in the calendar.
|
10
10
|
*/
|
11
|
-
maxDate: Date;
|
11
|
+
maxDate: Date | undefined;
|
12
12
|
/**
|
13
13
|
* Specifies the earliest selectable date that is available in the calendar.
|
14
14
|
*/
|
15
|
-
minDate: Date;
|
15
|
+
minDate: Date | undefined;
|
16
16
|
/**
|
17
17
|
* Specifies the starting day of the week in the calendar,
|
18
18
|
* where `0` sets the starting day to Sunday.
|
@@ -7,85 +7,63 @@ import { SkyFuzzyDate } from './fuzzy-date';
|
|
7
7
|
import { SkyFuzzyDateService } from './fuzzy-date.service';
|
8
8
|
import * as i0 from "@angular/core";
|
9
9
|
export declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, AfterViewInit, AfterContentInit, ControlValueAccessor, Validator {
|
10
|
-
private
|
11
|
-
private configService;
|
12
|
-
private elementRef;
|
13
|
-
private fuzzyDateService;
|
14
|
-
private localeProvider;
|
15
|
-
private renderer;
|
16
|
-
private resourcesService;
|
17
|
-
private datepickerComponent;
|
10
|
+
#private;
|
18
11
|
/**
|
19
12
|
* Specifies the date format for the input. Place this attribute on the `input` element
|
20
13
|
* to override the default in `SkyDatepickerConfigService`.
|
21
14
|
* @default "MM/DD/YYYY"
|
22
15
|
*/
|
23
|
-
set dateFormat(value: string);
|
24
|
-
get dateFormat(): string;
|
16
|
+
set dateFormat(value: string | undefined);
|
17
|
+
get dateFormat(): string | undefined;
|
25
18
|
/**
|
26
19
|
* Indicates whether to disable the datepicker.
|
27
20
|
* @default false
|
28
21
|
*/
|
29
|
-
set disabled(value: boolean);
|
30
|
-
get disabled(): boolean;
|
22
|
+
set disabled(value: boolean | undefined);
|
23
|
+
get disabled(): boolean | undefined;
|
31
24
|
/**
|
32
25
|
* Indicates whether to prevent users from specifying dates that are in the future.
|
33
26
|
* Place this attribute on the `input` element.
|
34
27
|
* @default false
|
35
28
|
*/
|
36
|
-
set futureDisabled(value: boolean);
|
37
|
-
get futureDisabled(): boolean;
|
29
|
+
set futureDisabled(value: boolean | undefined);
|
30
|
+
get futureDisabled(): boolean | undefined;
|
38
31
|
/**
|
39
32
|
* Specifies the latest fuzzy date allowed. Place this attribute on the `input` element
|
40
33
|
* to prevent fuzzy dates after a specified date. This property accepts
|
41
34
|
* a `SkyFuzzyDate` value that includes numeric month, day, and year values.
|
42
35
|
* For example: `{ month: 1, day: 1, year: 2027 }`.
|
43
36
|
*/
|
44
|
-
set maxDate(value: SkyFuzzyDate);
|
45
|
-
get maxDate(): SkyFuzzyDate;
|
37
|
+
set maxDate(value: SkyFuzzyDate | undefined);
|
38
|
+
get maxDate(): SkyFuzzyDate | undefined;
|
46
39
|
/**
|
47
40
|
* Specifies the earliest fuzzy date allowed. Place this attribute on the `input` element
|
48
41
|
* to prevent fuzzy dates before a specified date. This property accepts a `SkyFuzzyDate` value
|
49
42
|
* that includes numeric month, day, and year values.
|
50
43
|
* For example: `{ month: 1, day: 1, year: 2007 }`.
|
51
44
|
*/
|
52
|
-
set minDate(value: SkyFuzzyDate);
|
53
|
-
get minDate(): SkyFuzzyDate;
|
45
|
+
set minDate(value: SkyFuzzyDate | undefined);
|
46
|
+
get minDate(): SkyFuzzyDate | undefined;
|
54
47
|
/**
|
55
48
|
* Indicates whether to disable date validation on the fuzzy datepicker input.
|
56
49
|
* @default false
|
57
50
|
*/
|
58
|
-
skyDatepickerNoValidate: boolean;
|
51
|
+
skyDatepickerNoValidate: boolean | undefined;
|
59
52
|
/**
|
60
53
|
* Specifies the starting day of the week in the calendar, where `0` sets the starting day
|
61
54
|
* to Sunday. Place this attribute on the `input` element to override the default
|
62
55
|
* in `SkyDatepickerConfigService`.
|
63
56
|
* @default 0
|
64
57
|
*/
|
65
|
-
set startingDay(value: number);
|
58
|
+
set startingDay(value: number | undefined);
|
66
59
|
get startingDay(): number;
|
67
60
|
/**
|
68
61
|
* Indicates whether to require the year in fuzzy dates.
|
69
62
|
* @default false
|
70
63
|
*/
|
71
|
-
set yearRequired(value: boolean);
|
72
|
-
get yearRequired(): boolean;
|
73
|
-
|
74
|
-
private set value(value);
|
75
|
-
private control;
|
76
|
-
private dateFormatter;
|
77
|
-
private locale;
|
78
|
-
private preferredShortDateFormat;
|
79
|
-
private ngUnsubscribe;
|
80
|
-
private _futureDisabled;
|
81
|
-
private _dateFormat;
|
82
|
-
private _disabled;
|
83
|
-
private _maxDate;
|
84
|
-
private _minDate;
|
85
|
-
private _startingDay;
|
86
|
-
private _value;
|
87
|
-
private _yearRequired;
|
88
|
-
constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, fuzzyDateService: SkyFuzzyDateService, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, resourcesService: SkyLibResourcesService, datepickerComponent: SkyDatepickerComponent);
|
64
|
+
set yearRequired(value: boolean | undefined);
|
65
|
+
get yearRequired(): boolean | undefined;
|
66
|
+
constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, fuzzyDateService: SkyFuzzyDateService, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, resourcesService: SkyLibResourcesService, datepickerComponent?: SkyDatepickerComponent);
|
89
67
|
ngOnInit(): void;
|
90
68
|
ngAfterContentInit(): void;
|
91
69
|
ngAfterViewInit(): void;
|
@@ -94,7 +72,7 @@ export declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestr
|
|
94
72
|
onInputBlur(): void;
|
95
73
|
onInput(): void;
|
96
74
|
writeValue(value: any): void;
|
97
|
-
validate(control: AbstractControl): ValidationErrors;
|
75
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
98
76
|
registerOnChange(fn: (value: any) => void): void;
|
99
77
|
registerOnTouched(fn: () => void): void;
|
100
78
|
registerOnValidatorChange(fn: () => void): void;
|
@@ -104,20 +82,6 @@ export declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestr
|
|
104
82
|
* This is useful if you need to update the ngModel value before the input element loses focus.
|
105
83
|
*/
|
106
84
|
detectInputValueChange(): void;
|
107
|
-
private onValueChange;
|
108
|
-
private setInputElementValue;
|
109
|
-
private getMaxDate;
|
110
|
-
private getMinDate;
|
111
|
-
private fuzzyDatesEqual;
|
112
|
-
private onChange;
|
113
|
-
private onTouched;
|
114
|
-
private onValidatorChange;
|
115
|
-
/**
|
116
|
-
* Update the value of the form control and input element
|
117
|
-
* @param emitEvent Denotes if we emit an event to the consumer's form control. We do not want to do this if the value is being updated via a `setValue` call or a `patchValue` call as this is already handled by Angular.
|
118
|
-
* In these cases we do not want to fire `onChange` as it will cause extra `valueChange` and `statusChange` events and the status of the form should not be affected by these changes.
|
119
|
-
*/
|
120
|
-
private updateValue;
|
121
85
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatepickerInputDirective, [null, null, null, null, null, null, null, { optional: true; }]>;
|
122
86
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyFuzzyDatepickerInputDirective, "[skyFuzzyDatepickerInput]", never, { "dateFormat": "dateFormat"; "disabled": "disabled"; "futureDisabled": "futureDisabled"; "maxDate": "maxDate"; "minDate": "minDate"; "skyDatepickerNoValidate": "skyDatepickerNoValidate"; "startingDay": "startingDay"; "yearRequired": "yearRequired"; }, {}, never, never, false>;
|
123
87
|
}
|