@skyux/datetime 15.0.0-alpha.0 → 15.0.0-alpha.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/fesm2022/skyux-datetime.mjs +196 -209
- package/fesm2022/skyux-datetime.mjs.map +1 -1
- package/package.json +12 -12
- package/types/skyux-datetime.d.ts +45 -52
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/datetime",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.2",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/cdk": "^22.0.
|
|
20
|
-
"@angular/common": "^22.0.
|
|
21
|
-
"@angular/core": "^22.0.
|
|
22
|
-
"@angular/forms": "^22.0.
|
|
23
|
-
"@skyux/core": "15.0.0-alpha.
|
|
24
|
-
"@skyux/forms": "15.0.0-alpha.
|
|
25
|
-
"@skyux/i18n": "15.0.0-alpha.
|
|
26
|
-
"@skyux/icon": "15.0.0-alpha.
|
|
27
|
-
"@skyux/indicators": "15.0.0-alpha.
|
|
28
|
-
"@skyux/popovers": "15.0.0-alpha.
|
|
29
|
-
"@skyux/theme": "15.0.0-alpha.
|
|
19
|
+
"@angular/cdk": "^22.0.4",
|
|
20
|
+
"@angular/common": "^22.0.6",
|
|
21
|
+
"@angular/core": "^22.0.6",
|
|
22
|
+
"@angular/forms": "^22.0.6",
|
|
23
|
+
"@skyux/core": "15.0.0-alpha.2",
|
|
24
|
+
"@skyux/forms": "15.0.0-alpha.2",
|
|
25
|
+
"@skyux/i18n": "15.0.0-alpha.2",
|
|
26
|
+
"@skyux/icon": "15.0.0-alpha.2",
|
|
27
|
+
"@skyux/indicators": "15.0.0-alpha.2",
|
|
28
|
+
"@skyux/popovers": "15.0.0-alpha.2",
|
|
29
|
+
"@skyux/theme": "15.0.0-alpha.2",
|
|
30
30
|
"moment": "^2.30.1"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnDestroy, PipeTransform, OnInit, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, ElementRef, TemplateRef,
|
|
2
|
+
import { OnDestroy, PipeTransform, OnInit, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, ElementRef, TemplateRef, Signal, AfterContentInit } from '@angular/core';
|
|
3
3
|
import * as i1 from '@skyux/i18n';
|
|
4
4
|
import { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';
|
|
5
5
|
import * as _angular_forms from '@angular/forms';
|
|
6
6
|
import { ValidationErrors, ControlValueAccessor, Validator, AbstractControl, FormControl } from '@angular/forms';
|
|
7
|
-
import { SkyAffixService, SkyCoreAdapterService, SkyOverlayService, SkyStackingContext } from '@skyux/core';
|
|
8
7
|
import * as i2 from '@skyux/forms';
|
|
9
8
|
import { SkyInputBoxHostService } from '@skyux/forms';
|
|
10
|
-
import { SkyThemeService } from '@skyux/theme';
|
|
11
9
|
import { Observable, BehaviorSubject, Subscription } from 'rxjs';
|
|
12
10
|
import { SkyPopoverMessage } from '@skyux/popovers';
|
|
13
11
|
|
|
@@ -203,35 +201,6 @@ interface SkyDatepickerCalendarChange {
|
|
|
203
201
|
customDates?: Observable<SkyDatepickerCustomDate[]>;
|
|
204
202
|
}
|
|
205
203
|
|
|
206
|
-
declare class SkyDatepickerConfigService {
|
|
207
|
-
/**
|
|
208
|
-
* The date format for the input.
|
|
209
|
-
* @default "MM/DD/YYYY"
|
|
210
|
-
*/
|
|
211
|
-
dateFormat: string | undefined;
|
|
212
|
-
/**
|
|
213
|
-
* The latest selectable date that is available in the calendar.
|
|
214
|
-
*/
|
|
215
|
-
maxDate: Date | undefined;
|
|
216
|
-
/**
|
|
217
|
-
* The earliest selectable date that is available in the calendar.
|
|
218
|
-
*/
|
|
219
|
-
minDate: Date | undefined;
|
|
220
|
-
/**
|
|
221
|
-
* The date to open the calendar to initially.
|
|
222
|
-
* @default the current date
|
|
223
|
-
*/
|
|
224
|
-
startAtDate: Date | undefined;
|
|
225
|
-
/**
|
|
226
|
-
* The starting day of the week in the calendar,
|
|
227
|
-
* where `0` sets the starting day to Sunday.
|
|
228
|
-
* @default 0
|
|
229
|
-
*/
|
|
230
|
-
startingDay: number;
|
|
231
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerConfigService, never>;
|
|
232
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDatepickerConfigService>;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
204
|
declare class SkyDateFormatter {
|
|
236
205
|
private static defaultLocale;
|
|
237
206
|
private static defaultShortDateFormat;
|
|
@@ -369,7 +338,7 @@ declare class SkyDatepickerCalendarComponent {
|
|
|
369
338
|
selectedDateChange: EventEmitter<Date>;
|
|
370
339
|
datepicker: SkyDatepickerCalendarInnerComponent | undefined;
|
|
371
340
|
protected _now: Date;
|
|
372
|
-
constructor(
|
|
341
|
+
constructor();
|
|
373
342
|
configureOptions(): void;
|
|
374
343
|
onCalendarDateRangeChange(event: SkyDatepickerCalendarChange | undefined): void;
|
|
375
344
|
onCalendarModeChange(event: string): void;
|
|
@@ -386,7 +355,6 @@ declare class SkyDatepickerCalendarComponent {
|
|
|
386
355
|
*/
|
|
387
356
|
declare class SkyDatepickerComponent implements AfterViewInit, OnDestroy, OnInit {
|
|
388
357
|
#private;
|
|
389
|
-
inputBoxHostService?: SkyInputBoxHostService | undefined;
|
|
390
358
|
/**
|
|
391
359
|
* Adds a class to the datepicker.
|
|
392
360
|
* @default ""
|
|
@@ -435,7 +403,8 @@ declare class SkyDatepickerComponent implements AfterViewInit, OnDestroy, OnInit
|
|
|
435
403
|
triggerButtonRef: ElementRef | undefined;
|
|
436
404
|
inputTemplateRef: TemplateRef<unknown> | undefined;
|
|
437
405
|
triggerButtonTemplateRef: TemplateRef<unknown> | undefined;
|
|
438
|
-
|
|
406
|
+
readonly inputBoxHostService: SkyInputBoxHostService | null;
|
|
407
|
+
constructor();
|
|
439
408
|
ngOnInit(): void;
|
|
440
409
|
ngAfterViewInit(): void;
|
|
441
410
|
ngOnDestroy(): void;
|
|
@@ -453,7 +422,7 @@ declare class SkyDatepickerComponent implements AfterViewInit, OnDestroy, OnInit
|
|
|
453
422
|
* @internal
|
|
454
423
|
*/
|
|
455
424
|
getPickerRef(): ElementRef | undefined;
|
|
456
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerComponent,
|
|
425
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerComponent, never>;
|
|
457
426
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerComponent, "sky-datepicker", never, { "pickerClass": { "alias": "pickerClass"; "required": false; }; }, { "calendarDateRangeChange": "calendarDateRangeChange"; "dateFormatChange": "dateFormatChange"; "openChange": "openChange"; "calendarDateChange": "calendarDateChange"; }, never, ["*"], true, never>;
|
|
458
427
|
}
|
|
459
428
|
|
|
@@ -822,6 +791,35 @@ declare class SkyDateRangeService {
|
|
|
822
791
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDateRangeService>;
|
|
823
792
|
}
|
|
824
793
|
|
|
794
|
+
declare class SkyDatepickerConfigService {
|
|
795
|
+
/**
|
|
796
|
+
* The date format for the input.
|
|
797
|
+
* @default "MM/DD/YYYY"
|
|
798
|
+
*/
|
|
799
|
+
dateFormat: string | undefined;
|
|
800
|
+
/**
|
|
801
|
+
* The latest selectable date that is available in the calendar.
|
|
802
|
+
*/
|
|
803
|
+
maxDate: Date | undefined;
|
|
804
|
+
/**
|
|
805
|
+
* The earliest selectable date that is available in the calendar.
|
|
806
|
+
*/
|
|
807
|
+
minDate: Date | undefined;
|
|
808
|
+
/**
|
|
809
|
+
* The date to open the calendar to initially.
|
|
810
|
+
* @default the current date
|
|
811
|
+
*/
|
|
812
|
+
startAtDate: Date | undefined;
|
|
813
|
+
/**
|
|
814
|
+
* The starting day of the week in the calendar,
|
|
815
|
+
* where `0` sets the starting day to Sunday.
|
|
816
|
+
* @default 0
|
|
817
|
+
*/
|
|
818
|
+
startingDay: number;
|
|
819
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerConfigService, never>;
|
|
820
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDatepickerConfigService>;
|
|
821
|
+
}
|
|
822
|
+
|
|
825
823
|
/**
|
|
826
824
|
* Provides date input functionality for inputs and handles date parsing, formatting and
|
|
827
825
|
* validation. It emits valid dates as `Date` objects and invalid dates as raw string values.
|
|
@@ -890,7 +888,7 @@ declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterVie
|
|
|
890
888
|
*/
|
|
891
889
|
set strict(value: boolean | undefined);
|
|
892
890
|
get strict(): boolean;
|
|
893
|
-
constructor(
|
|
891
|
+
constructor();
|
|
894
892
|
ngOnInit(): void;
|
|
895
893
|
ngAfterContentInit(): void;
|
|
896
894
|
ngAfterViewInit(): void;
|
|
@@ -909,7 +907,7 @@ declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterVie
|
|
|
909
907
|
*/
|
|
910
908
|
detectInputValueChange(): void;
|
|
911
909
|
protected onFocusout(evt: FocusEvent): void;
|
|
912
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerInputDirective,
|
|
910
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerInputDirective, never>;
|
|
913
911
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyDatepickerInputDirective, "[skyDatepickerInput]", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "startAtDate": { "alias": "startAtDate"; "required": false; }; "skyDatepickerInput": { "alias": "skyDatepickerInput"; "required": false; }; "skyDatepickerNoValidate": { "alias": "skyDatepickerNoValidate"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "strict": { "alias": "strict"; "required": false; }; }, {}, never, never, true, never>;
|
|
914
912
|
}
|
|
915
913
|
|
|
@@ -917,12 +915,11 @@ declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterVie
|
|
|
917
915
|
* @internal
|
|
918
916
|
*/
|
|
919
917
|
declare class SkyDayPickerButtonComponent {
|
|
920
|
-
datepicker: SkyDatepickerCalendarInnerComponent;
|
|
921
918
|
/**
|
|
922
919
|
* The date this picker button will represent on the calendar.
|
|
923
920
|
*/
|
|
924
921
|
date: SkyDayPickerContext | undefined;
|
|
925
|
-
|
|
922
|
+
readonly datepicker: SkyDatepickerCalendarInnerComponent;
|
|
926
923
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDayPickerButtonComponent, never>;
|
|
927
924
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDayPickerButtonComponent, "sky-daypicker-button", never, { "date": { "alias": "date"; "required": false; }; }, {}, never, never, true, never>;
|
|
928
925
|
}
|
|
@@ -963,9 +960,8 @@ declare class SkyDayPickerComponent implements OnDestroy, OnInit {
|
|
|
963
960
|
title: string;
|
|
964
961
|
rows: SkyDayPickerContext[][];
|
|
965
962
|
weekNumbers: number[];
|
|
966
|
-
datepicker: SkyDatepickerCalendarInnerComponent;
|
|
963
|
+
readonly datepicker: SkyDatepickerCalendarInnerComponent;
|
|
967
964
|
CURRENT_THEME_TEMPLATE: any;
|
|
968
|
-
constructor(datepicker: SkyDatepickerCalendarInnerComponent);
|
|
969
965
|
ngOnInit(): void;
|
|
970
966
|
ngOnDestroy(): void;
|
|
971
967
|
protected getDates(startDate: Date, n: number): Date[];
|
|
@@ -1039,7 +1035,7 @@ declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, Aft
|
|
|
1039
1035
|
*/
|
|
1040
1036
|
set yearRequired(value: boolean | undefined);
|
|
1041
1037
|
get yearRequired(): boolean | undefined;
|
|
1042
|
-
constructor(
|
|
1038
|
+
constructor();
|
|
1043
1039
|
ngOnInit(): void;
|
|
1044
1040
|
ngAfterContentInit(): void;
|
|
1045
1041
|
ngAfterViewInit(): void;
|
|
@@ -1059,7 +1055,7 @@ declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, Aft
|
|
|
1059
1055
|
*/
|
|
1060
1056
|
detectInputValueChange(): void;
|
|
1061
1057
|
protected onFocusout(evt: FocusEvent): void;
|
|
1062
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatepickerInputDirective,
|
|
1058
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatepickerInputDirective, never>;
|
|
1063
1059
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyFuzzyDatepickerInputDirective, "[skyFuzzyDatepickerInput]", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "futureDisabled": { "alias": "futureDisabled"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "startAtDate": { "alias": "startAtDate"; "required": false; }; "skyDatepickerNoValidate": { "alias": "skyDatepickerNoValidate"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRequired": { "alias": "yearRequired"; "required": false; }; }, {}, never, never, true, never>;
|
|
1064
1060
|
}
|
|
1065
1061
|
|
|
@@ -1068,10 +1064,9 @@ declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, Aft
|
|
|
1068
1064
|
*/
|
|
1069
1065
|
declare class SkyMonthPickerComponent implements OnInit {
|
|
1070
1066
|
#private;
|
|
1071
|
-
datepicker: SkyDatepickerCalendarInnerComponent;
|
|
1067
|
+
readonly datepicker: SkyDatepickerCalendarInnerComponent;
|
|
1072
1068
|
rows: SkyDayPickerContext[][];
|
|
1073
1069
|
title: string;
|
|
1074
|
-
constructor(datepicker: SkyDatepickerCalendarInnerComponent);
|
|
1075
1070
|
ngOnInit(): void;
|
|
1076
1071
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyMonthPickerComponent, never>;
|
|
1077
1072
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyMonthPickerComponent, "sky-monthpicker", never, {}, {}, never, never, true, never>;
|
|
@@ -1082,10 +1077,9 @@ declare class SkyMonthPickerComponent implements OnInit {
|
|
|
1082
1077
|
*/
|
|
1083
1078
|
declare class SkyYearPickerComponent implements OnInit {
|
|
1084
1079
|
#private;
|
|
1085
|
-
datepicker: SkyDatepickerCalendarInnerComponent;
|
|
1080
|
+
readonly datepicker: SkyDatepickerCalendarInnerComponent;
|
|
1086
1081
|
rows: SkyDayPickerContext[][];
|
|
1087
1082
|
title: string;
|
|
1088
|
-
constructor(datepicker: SkyDatepickerCalendarInnerComponent);
|
|
1089
1083
|
ngOnInit(): void;
|
|
1090
1084
|
protected getStartingYear(year: number): number;
|
|
1091
1085
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyYearPickerComponent, never>;
|
|
@@ -1139,7 +1133,6 @@ interface SkyTimepickerTimeOutput {
|
|
|
1139
1133
|
*/
|
|
1140
1134
|
declare class SkyTimepickerComponent implements OnInit, OnDestroy {
|
|
1141
1135
|
#private;
|
|
1142
|
-
inputBoxHostService?: SkyInputBoxHostService | undefined;
|
|
1143
1136
|
/**
|
|
1144
1137
|
* Fires when the value in the timepicker input changes.
|
|
1145
1138
|
*/
|
|
@@ -1172,7 +1165,8 @@ declare class SkyTimepickerComponent implements OnInit, OnDestroy {
|
|
|
1172
1165
|
triggerButtonRef: ElementRef | undefined;
|
|
1173
1166
|
inputTemplateRef: TemplateRef<unknown> | undefined;
|
|
1174
1167
|
triggerButtonTemplateRef: TemplateRef<unknown> | undefined;
|
|
1175
|
-
|
|
1168
|
+
readonly inputBoxHostService: SkyInputBoxHostService | null;
|
|
1169
|
+
constructor();
|
|
1176
1170
|
ngOnInit(): void;
|
|
1177
1171
|
ngOnDestroy(): void;
|
|
1178
1172
|
setFormat(format: SkyTimepickerTimeFormatType): void;
|
|
@@ -1180,7 +1174,7 @@ declare class SkyTimepickerComponent implements OnInit, OnDestroy {
|
|
|
1180
1174
|
setTime(event: any): void;
|
|
1181
1175
|
onTriggerButtonClick(): void;
|
|
1182
1176
|
protected highlightMinute(selectedMinute: number, minute: number): boolean;
|
|
1183
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerComponent,
|
|
1177
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerComponent, never>;
|
|
1184
1178
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTimepickerComponent, "sky-timepicker", never, {}, { "selectedTimeChanged": "selectedTimeChanged"; }, never, ["*"], true, never>;
|
|
1185
1179
|
}
|
|
1186
1180
|
|
|
@@ -1214,7 +1208,6 @@ declare class SkyTimepickerInputDirective implements OnInit, OnDestroy, ControlV
|
|
|
1214
1208
|
*/
|
|
1215
1209
|
get disabled(): boolean;
|
|
1216
1210
|
set disabled(value: boolean | undefined);
|
|
1217
|
-
constructor(renderer: Renderer2, elRef: ElementRef, changeDetector: ChangeDetectorRef);
|
|
1218
1211
|
ngOnInit(): void;
|
|
1219
1212
|
ngAfterContentInit(): void;
|
|
1220
1213
|
ngOnDestroy(): void;
|