@skyux/datetime 12.22.0 → 13.0.0-alpha.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/fesm2022/skyux-datetime-testing.mjs.map +1 -1
- package/fesm2022/skyux-datetime.mjs +92 -92
- package/fesm2022/skyux-datetime.mjs.map +1 -1
- package/index.d.ts +1240 -30
- package/package.json +14 -14
- package/testing/index.d.ts +398 -3
- package/lib/modules/date-pipe/date-pipe.module.d.ts +0 -9
- package/lib/modules/date-pipe/date.pipe.d.ts +0 -27
- package/lib/modules/date-pipe/date.service.d.ts +0 -13
- package/lib/modules/date-pipe/fuzzy-date.pipe.d.ts +0 -31
- package/lib/modules/date-range-picker/date-range-picker-end-date-resource-key.pipe.d.ts +0 -8
- package/lib/modules/date-range-picker/date-range-picker-start-date-resource-key.pipe.d.ts +0 -8
- package/lib/modules/date-range-picker/date-range-picker.component.d.ts +0 -108
- package/lib/modules/date-range-picker/date-range-picker.module.d.ts +0 -8
- package/lib/modules/date-range-picker/date-range.service.d.ts +0 -35
- package/lib/modules/date-range-picker/types/date-range-calculation.d.ts +0 -11
- package/lib/modules/date-range-picker/types/date-range-calculator-config.d.ts +0 -25
- package/lib/modules/date-range-picker/types/date-range-calculator-date-range-function.d.ts +0 -2
- package/lib/modules/date-range-picker/types/date-range-calculator-id.d.ts +0 -116
- package/lib/modules/date-range-picker/types/date-range-calculator-type.d.ts +0 -21
- package/lib/modules/date-range-picker/types/date-range-calculator-validate-function.d.ts +0 -3
- package/lib/modules/date-range-picker/types/date-range-calculator.d.ts +0 -46
- package/lib/modules/date-range-picker/types/date-range-default-calculator-config.d.ts +0 -14
- package/lib/modules/date-range-picker/types/date-range-default-calculator-configs.d.ts +0 -4
- package/lib/modules/date-range-picker/types/date-range-relative-value.d.ts +0 -38
- package/lib/modules/date-range-picker/types/date-range.d.ts +0 -10
- package/lib/modules/datepicker/calendar/datepicker-calendar-change.d.ts +0 -24
- package/lib/modules/datepicker/calendar/datepicker-calendar-inner.component.d.ts +0 -90
- package/lib/modules/datepicker/calendar/datepicker-calendar-label.pipe.d.ts +0 -23
- package/lib/modules/datepicker/calendar/datepicker-calendar.component.d.ts +0 -35
- package/lib/modules/datepicker/calendar/datepicker-calendar.service.d.ts +0 -16
- package/lib/modules/datepicker/calendar/daypicker-button.component.d.ts +0 -16
- package/lib/modules/datepicker/calendar/daypicker-cell.component.d.ts +0 -26
- package/lib/modules/datepicker/calendar/daypicker-context.d.ts +0 -15
- package/lib/modules/datepicker/calendar/daypicker.component.d.ts +0 -28
- package/lib/modules/datepicker/calendar/monthpicker.component.d.ts +0 -17
- package/lib/modules/datepicker/calendar/yearpicker.component.d.ts +0 -18
- package/lib/modules/datepicker/date-formatter.d.ts +0 -15
- package/lib/modules/datepicker/datepicker-config.service.d.ts +0 -29
- package/lib/modules/datepicker/datepicker-custom-date.d.ts +0 -21
- package/lib/modules/datepicker/datepicker-host.service.d.ts +0 -21
- package/lib/modules/datepicker/datepicker-input.directive.d.ts +0 -92
- package/lib/modules/datepicker/datepicker.component.d.ts +0 -84
- package/lib/modules/datepicker/datepicker.module.d.ts +0 -16
- package/lib/modules/datepicker/fuzzy/datepicker-input-fuzzy.directive.d.ts +0 -97
- package/lib/modules/datepicker/fuzzy/fuzzy-date.d.ts +0 -15
- package/lib/modules/datepicker/fuzzy/fuzzy-date.service.d.ts +0 -54
- package/lib/modules/shared/sky-datetime-resources.module.d.ts +0 -10
- package/lib/modules/timepicker/timepicker-time-format-type.d.ts +0 -1
- package/lib/modules/timepicker/timepicker-time-output.d.ts +0 -30
- package/lib/modules/timepicker/timepicker.component.d.ts +0 -59
- package/lib/modules/timepicker/timepicker.directive.d.ts +0 -52
- package/lib/modules/timepicker/timepicker.module.d.ts +0 -13
- package/testing/legacy/datepicker-fixture.d.ts +0 -27
- package/testing/legacy/timepicker-fixture.d.ts +0 -29
- package/testing/modules/date-range-picker/date-range-picker-harness.d.ts +0 -98
- package/testing/modules/date-range-picker/date-range-picker-harness.filters.d.ts +0 -6
- package/testing/modules/datepicker/datepicker-calendar-harness.d.ts +0 -48
- package/testing/modules/datepicker/datepicker-calendar-harness.filters.d.ts +0 -6
- package/testing/modules/datepicker/datepicker-harness.d.ts +0 -43
- package/testing/modules/datepicker/datepicker-harness.filters.d.ts +0 -6
- package/testing/modules/datepicker/datepicker-input-harness.d.ts +0 -18
- package/testing/modules/datepicker/fuzzy-datepicker-input-harness.d.ts +0 -18
- package/testing/modules/timepicker/timepicker-harness-filters.d.ts +0 -6
- package/testing/modules/timepicker/timepicker-harness.d.ts +0 -42
- package/testing/modules/timepicker/timepicker-input-harness.d.ts +0 -18
- package/testing/modules/timepicker/timepicker-selector-column-harness.d.ts +0 -24
- package/testing/modules/timepicker/timepicker-selector-harness-filters.d.ts +0 -7
- package/testing/modules/timepicker/timepicker-selector-harness.d.ts +0 -36
- package/testing/public-api.d.ts +0 -14
@@ -1,18 +0,0 @@
|
|
1
|
-
import { OnInit } from '@angular/core';
|
2
|
-
import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
|
3
|
-
import { SkyDayPickerContext } from './daypicker-context';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
/**
|
6
|
-
* @internal
|
7
|
-
*/
|
8
|
-
export declare class SkyYearPickerComponent implements OnInit {
|
9
|
-
#private;
|
10
|
-
datepicker: SkyDatepickerCalendarInnerComponent;
|
11
|
-
rows: SkyDayPickerContext[][];
|
12
|
-
title: string;
|
13
|
-
constructor(datepicker: SkyDatepickerCalendarInnerComponent);
|
14
|
-
ngOnInit(): void;
|
15
|
-
protected getStartingYear(year: number): number;
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyYearPickerComponent, never>;
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyYearPickerComponent, "sky-yearpicker", never, {}, {}, never, never, true, never>;
|
18
|
-
}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
export declare class SkyDateFormatter {
|
2
|
-
private static defaultLocale;
|
3
|
-
private static defaultShortDateFormat;
|
4
|
-
/**
|
5
|
-
* Sets moment's global locale.
|
6
|
-
*/
|
7
|
-
static setLocale(locale: string): void;
|
8
|
-
/**
|
9
|
-
* Returns the preferred short date format for the current locale.
|
10
|
-
*/
|
11
|
-
static getPreferredShortDateFormat(): string;
|
12
|
-
format(date: Date, format?: string): string;
|
13
|
-
getDateFromString(dateString: string, format?: string, strict?: boolean): Date;
|
14
|
-
dateIsValid(date: Date | undefined): boolean;
|
15
|
-
}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
export declare class SkyDatepickerConfigService {
|
3
|
-
/**
|
4
|
-
* The date format for the input.
|
5
|
-
* @default "MM/DD/YYYY"
|
6
|
-
*/
|
7
|
-
dateFormat: string | undefined;
|
8
|
-
/**
|
9
|
-
* The latest selectable date that is available in the calendar.
|
10
|
-
*/
|
11
|
-
maxDate: Date | undefined;
|
12
|
-
/**
|
13
|
-
* The earliest selectable date that is available in the calendar.
|
14
|
-
*/
|
15
|
-
minDate: Date | undefined;
|
16
|
-
/**
|
17
|
-
* The date to open the calendar to initially.
|
18
|
-
* @default the current date
|
19
|
-
*/
|
20
|
-
startAtDate: Date | undefined;
|
21
|
-
/**
|
22
|
-
* The starting day of the week in the calendar,
|
23
|
-
* where `0` sets the starting day to Sunday.
|
24
|
-
* @default 0
|
25
|
-
*/
|
26
|
-
startingDay: number;
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerConfigService, never>;
|
28
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDatepickerConfigService>;
|
29
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* The configuration for a custom date.
|
3
|
-
*/
|
4
|
-
export interface SkyDatepickerCustomDate {
|
5
|
-
/**
|
6
|
-
* The date to customize.
|
7
|
-
*/
|
8
|
-
date: Date;
|
9
|
-
/**
|
10
|
-
* Whether to disable the date.
|
11
|
-
*/
|
12
|
-
disabled?: boolean;
|
13
|
-
/**
|
14
|
-
* Whether to display the date as a key date in the calendar.
|
15
|
-
*/
|
16
|
-
keyDate?: boolean;
|
17
|
-
/**
|
18
|
-
* Displays a popup of the provided text when hovering over the key date in the calendar.
|
19
|
-
*/
|
20
|
-
keyDateText?: string[];
|
21
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import { OnDestroy } from '@angular/core';
|
2
|
-
import { Observable } from 'rxjs';
|
3
|
-
import { SkyDatepickerComponent } from './datepicker.component';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
/**
|
6
|
-
* Handles interactions between the datepicker host component and the input
|
7
|
-
* directive.
|
8
|
-
* @internal
|
9
|
-
*/
|
10
|
-
export declare class SkyDatepickerHostService implements OnDestroy {
|
11
|
-
#private;
|
12
|
-
/**
|
13
|
-
* Fires when the picker or trigger button loses focus.
|
14
|
-
*/
|
15
|
-
get focusout(): Observable<FocusEvent>;
|
16
|
-
ngOnDestroy(): void;
|
17
|
-
init(host: SkyDatepickerComponent): void;
|
18
|
-
isFocusingDatepicker(evt: FocusEvent): boolean;
|
19
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerHostService, never>;
|
20
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDatepickerHostService>;
|
21
|
-
}
|
@@ -1,92 +0,0 @@
|
|
1
|
-
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
3
|
-
import { SkyAppLocaleProvider } from '@skyux/i18n';
|
4
|
-
import { SkyDatepickerConfigService } from './datepicker-config.service';
|
5
|
-
import { SkyDatepickerComponent } from './datepicker.component';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterViewInit, AfterContentInit, ControlValueAccessor, Validator {
|
8
|
-
#private;
|
9
|
-
/**
|
10
|
-
* The date format for the input. Place this attribute on the `input` element
|
11
|
-
* to override the default in the `SkyDatepickerConfigService`.
|
12
|
-
* @default "MM/DD/YYYY"
|
13
|
-
*/
|
14
|
-
set dateFormat(value: string | undefined);
|
15
|
-
get dateFormat(): string | undefined;
|
16
|
-
/**
|
17
|
-
* Whether to disable the datepicker on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
|
18
|
-
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
19
|
-
* @default false
|
20
|
-
*/
|
21
|
-
set disabled(value: boolean | undefined);
|
22
|
-
get disabled(): boolean;
|
23
|
-
/**
|
24
|
-
* The latest date that is available in the calendar. Place this attribute on
|
25
|
-
* the `input` element to override the default in `SkyDatepickerConfigService`.
|
26
|
-
*/
|
27
|
-
set maxDate(value: Date | undefined);
|
28
|
-
get maxDate(): Date | undefined;
|
29
|
-
/**
|
30
|
-
* The earliest date that is available in the calendar. Place this attribute on
|
31
|
-
* the `input` element to override the default in `SkyDatepickerConfigService`. To avoid validation errors, the time associated with the minimum date must be midnight. This is necessary because the datepicker automatically sets the time on the `Date` object for selected dates to midnight in the current user's time zone.
|
32
|
-
*/
|
33
|
-
set minDate(value: Date | undefined);
|
34
|
-
get minDate(): Date | undefined;
|
35
|
-
/**
|
36
|
-
* The date to open the calendar to initially. Place this attribute on the `input` element to override the default in `SkyDatepickerConfigService`.
|
37
|
-
* @default The current date
|
38
|
-
*/
|
39
|
-
set startAtDate(value: Date | undefined);
|
40
|
-
get startAtDate(): Date | undefined;
|
41
|
-
/**
|
42
|
-
* Creates the datepicker input and calendar. Place this directive on an `input` element,
|
43
|
-
* and wrap the input in a `sky-datepicker` component. The value that users select is driven
|
44
|
-
* through the `ngModel` attribute specified on the `input` element.
|
45
|
-
* @required
|
46
|
-
*/
|
47
|
-
set skyDatepickerInput(value: SkyDatepickerComponent | undefined | '');
|
48
|
-
/**
|
49
|
-
* Whether to disable date validation on the datepicker input.
|
50
|
-
* @default false
|
51
|
-
*/
|
52
|
-
skyDatepickerNoValidate: boolean | undefined;
|
53
|
-
/**
|
54
|
-
* The starting day of the week in the calendar, where `0` sets the starting day
|
55
|
-
* to Sunday. Place this attribute on the `input` element to override the default
|
56
|
-
* in `SkyDatepickerConfigService`.
|
57
|
-
* @default 0
|
58
|
-
*/
|
59
|
-
set startingDay(value: number | undefined);
|
60
|
-
get startingDay(): number;
|
61
|
-
/**
|
62
|
-
* Whether the format of the date value must match the format from the `dateFormat` value.
|
63
|
-
* If this property is `true` and the datepicker input directive cannot find an exact match, then
|
64
|
-
* the input is marked as invalid.
|
65
|
-
* If this property is `false` and the datepicker input directive cannot find an exact match, then
|
66
|
-
* it attempts to format the string based on the [ISO 8601 standard format](https://www.iso.org/iso-8601-date-and-time-format.html).
|
67
|
-
* @default false
|
68
|
-
*/
|
69
|
-
set strict(value: boolean | undefined);
|
70
|
-
get strict(): boolean;
|
71
|
-
constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, datepickerComponent?: SkyDatepickerComponent);
|
72
|
-
ngOnInit(): void;
|
73
|
-
ngAfterContentInit(): void;
|
74
|
-
ngAfterViewInit(): void;
|
75
|
-
ngOnDestroy(): void;
|
76
|
-
onInputChange(event: any): void;
|
77
|
-
onInput(): void;
|
78
|
-
writeValue(value: any): void;
|
79
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
80
|
-
registerOnChange(fn: (value: any) => void): void;
|
81
|
-
registerOnTouched(fn: () => void): void;
|
82
|
-
registerOnValidatorChange(fn: () => void): void;
|
83
|
-
setDisabledState(disabled: boolean): void;
|
84
|
-
/**
|
85
|
-
* Detects changes to the underlying input element's value and updates the ngModel accordingly.
|
86
|
-
* This is useful if you need to update the ngModel value before the input element loses focus.
|
87
|
-
*/
|
88
|
-
detectInputValueChange(): void;
|
89
|
-
protected onFocusout(evt: FocusEvent): void;
|
90
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerInputDirective, [null, null, null, null, null, { optional: true; }]>;
|
91
|
-
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>;
|
92
|
-
}
|
@@ -1,84 +0,0 @@
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
2
|
-
import { SkyAffixService, SkyCoreAdapterService, SkyOverlayService, SkyStackingContext } from '@skyux/core';
|
3
|
-
import { SkyInputBoxHostService } from '@skyux/forms';
|
4
|
-
import { SkyThemeService } from '@skyux/theme';
|
5
|
-
import { SkyDatepickerCalendarChange } from './calendar/datepicker-calendar-change';
|
6
|
-
import { SkyDatepickerCalendarComponent } from './calendar/datepicker-calendar.component';
|
7
|
-
import { SkyDatepickerCustomDate } from './datepicker-custom-date';
|
8
|
-
import * as i0 from "@angular/core";
|
9
|
-
/**
|
10
|
-
* Creates the datepicker button and calendar.
|
11
|
-
* You must wrap this component around an input with the `skyDatepickerInput` directive.
|
12
|
-
*/
|
13
|
-
export declare class SkyDatepickerComponent implements AfterViewInit, OnDestroy, OnInit {
|
14
|
-
#private;
|
15
|
-
inputBoxHostService?: SkyInputBoxHostService | undefined;
|
16
|
-
/**
|
17
|
-
* Adds a class to the datepicker.
|
18
|
-
* @default ""
|
19
|
-
*/
|
20
|
-
pickerClass: string | undefined;
|
21
|
-
set dateFormat(value: string | undefined);
|
22
|
-
get dateFormat(): string | undefined;
|
23
|
-
get disabled(): boolean | undefined;
|
24
|
-
set disabled(value: boolean | undefined);
|
25
|
-
set selectedDate(value: Date | undefined);
|
26
|
-
get selectedDate(): Date | undefined;
|
27
|
-
/**
|
28
|
-
* Fires when the range of displayed dates in the calendar changes. Provides the
|
29
|
-
* current range of displayed dates and a mutable `customDate` property consumers can use
|
30
|
-
* to modify individual dates on the calendar.
|
31
|
-
*/
|
32
|
-
calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange>;
|
33
|
-
/**
|
34
|
-
* @internal
|
35
|
-
*/
|
36
|
-
dateFormatChange: EventEmitter<string>;
|
37
|
-
/**
|
38
|
-
* @internal
|
39
|
-
*/
|
40
|
-
openChange: EventEmitter<boolean>;
|
41
|
-
/**
|
42
|
-
* Fires when a user selects a date from the calendar.
|
43
|
-
* @internal
|
44
|
-
*/
|
45
|
-
calendarDateChange: import("@angular/core").OutputEmitterRef<Date>;
|
46
|
-
calendarId: string;
|
47
|
-
customDates: SkyDatepickerCustomDate[] | undefined;
|
48
|
-
dateChange: EventEmitter<Date>;
|
49
|
-
isDaypickerWaiting: boolean;
|
50
|
-
isOpen: boolean;
|
51
|
-
isVisible: boolean;
|
52
|
-
maxDate: Date | undefined;
|
53
|
-
minDate: Date | undefined;
|
54
|
-
startAtDate: Date | undefined;
|
55
|
-
startingDay: number | undefined;
|
56
|
-
triggerButtonId: string;
|
57
|
-
calendar: SkyDatepickerCalendarComponent | undefined;
|
58
|
-
set calendarRef(value: ElementRef | undefined);
|
59
|
-
get calendarRef(): ElementRef | undefined;
|
60
|
-
calendarTemplateRef: TemplateRef<unknown> | undefined;
|
61
|
-
triggerButtonRef: ElementRef | undefined;
|
62
|
-
inputTemplateRef: TemplateRef<unknown> | undefined;
|
63
|
-
triggerButtonTemplateRef: TemplateRef<unknown> | undefined;
|
64
|
-
constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, coreAdapter: SkyCoreAdapterService, overlayService: SkyOverlayService, inputBoxHostService?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService, stackingContext?: SkyStackingContext);
|
65
|
-
ngOnInit(): void;
|
66
|
-
ngAfterViewInit(): void;
|
67
|
-
ngOnDestroy(): void;
|
68
|
-
onCalendarModeChange(): void;
|
69
|
-
onSelectedDateChange(value: Date): void;
|
70
|
-
onTriggerButtonClick(): void;
|
71
|
-
onCalendarDateRangeChange(event?: SkyDatepickerCalendarChange): void;
|
72
|
-
/**
|
73
|
-
* Whether the datepicker component contains the provided focus event target.
|
74
|
-
* @internal
|
75
|
-
*/
|
76
|
-
containsTarget(target: EventTarget): boolean;
|
77
|
-
/**
|
78
|
-
* Gets the element reference of the picker overlay.
|
79
|
-
* @internal
|
80
|
-
*/
|
81
|
-
getPickerRef(): ElementRef | undefined;
|
82
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerComponent, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
|
83
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerComponent, "sky-datepicker", never, { "pickerClass": { "alias": "pickerClass"; "required": false; }; }, { "calendarDateRangeChange": "calendarDateRangeChange"; "dateFormatChange": "dateFormatChange"; "openChange": "openChange"; "calendarDateChange": "calendarDateChange"; }, never, ["*"], true, never>;
|
84
|
-
}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "./calendar/datepicker-calendar.component";
|
3
|
-
import * as i2 from "./calendar/datepicker-calendar-inner.component";
|
4
|
-
import * as i3 from "./datepicker.component";
|
5
|
-
import * as i4 from "./datepicker-input.directive";
|
6
|
-
import * as i5 from "./calendar/daypicker-button.component";
|
7
|
-
import * as i6 from "./calendar/daypicker-cell.component";
|
8
|
-
import * as i7 from "./calendar/daypicker.component";
|
9
|
-
import * as i8 from "./fuzzy/datepicker-input-fuzzy.directive";
|
10
|
-
import * as i9 from "./calendar/monthpicker.component";
|
11
|
-
import * as i10 from "./calendar/yearpicker.component";
|
12
|
-
export declare class SkyDatepickerModule {
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerModule, never>;
|
14
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDatepickerModule, never, [typeof i1.SkyDatepickerCalendarComponent, typeof i2.SkyDatepickerCalendarInnerComponent, typeof i3.SkyDatepickerComponent, typeof i4.SkyDatepickerInputDirective, typeof i5.SkyDayPickerButtonComponent, typeof i6.SkyDayPickerCellComponent, typeof i7.SkyDayPickerComponent, typeof i8.SkyFuzzyDatepickerInputDirective, typeof i9.SkyMonthPickerComponent, typeof i10.SkyYearPickerComponent], [typeof i1.SkyDatepickerCalendarComponent, typeof i3.SkyDatepickerComponent, typeof i4.SkyDatepickerInputDirective, typeof i8.SkyFuzzyDatepickerInputDirective]>;
|
15
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyDatepickerModule>;
|
16
|
-
}
|
@@ -1,97 +0,0 @@
|
|
1
|
-
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
3
|
-
import { SkyAppLocaleProvider } from '@skyux/i18n';
|
4
|
-
import { SkyDatepickerConfigService } from '../datepicker-config.service';
|
5
|
-
import { SkyDatepickerComponent } from '../datepicker.component';
|
6
|
-
import { SkyFuzzyDate } from './fuzzy-date';
|
7
|
-
import { SkyFuzzyDateService } from './fuzzy-date.service';
|
8
|
-
import * as i0 from "@angular/core";
|
9
|
-
export declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, AfterViewInit, AfterContentInit, ControlValueAccessor, Validator {
|
10
|
-
#private;
|
11
|
-
/**
|
12
|
-
* The date format for the input. Place this attribute on the `input` element
|
13
|
-
* to override the default in `SkyDatepickerConfigService`.
|
14
|
-
* @default "MM/DD/YYYY"
|
15
|
-
*/
|
16
|
-
set dateFormat(value: string | undefined);
|
17
|
-
get dateFormat(): string | undefined;
|
18
|
-
/**
|
19
|
-
* Whether to disable the datepicker on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
|
20
|
-
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
21
|
-
* @default false
|
22
|
-
*/
|
23
|
-
set disabled(value: boolean | undefined);
|
24
|
-
get disabled(): boolean | undefined;
|
25
|
-
/**
|
26
|
-
* Whether to prevent users from specifying dates that are in the future.
|
27
|
-
* Place this attribute on the `input` element.
|
28
|
-
* @default false
|
29
|
-
*/
|
30
|
-
set futureDisabled(value: boolean | undefined);
|
31
|
-
get futureDisabled(): boolean | undefined;
|
32
|
-
/**
|
33
|
-
* The latest fuzzy date allowed. Place this attribute on the `input` element
|
34
|
-
* to prevent fuzzy dates after a specified date. This property accepts
|
35
|
-
* a `SkyFuzzyDate` value that includes numeric month, day, and year values.
|
36
|
-
* For example: `{ month: 1, day: 1, year: 2027 }`.
|
37
|
-
*/
|
38
|
-
set maxDate(value: SkyFuzzyDate | undefined);
|
39
|
-
get maxDate(): SkyFuzzyDate | undefined;
|
40
|
-
/**
|
41
|
-
* The earliest fuzzy date allowed. Place this attribute on the `input` element
|
42
|
-
* to prevent fuzzy dates before a specified date. This property accepts a `SkyFuzzyDate` value
|
43
|
-
* that includes numeric month, day, and year values.
|
44
|
-
* For example: `{ month: 1, day: 1, year: 2007 }`.
|
45
|
-
*/
|
46
|
-
set minDate(value: SkyFuzzyDate | undefined);
|
47
|
-
get minDate(): SkyFuzzyDate | undefined;
|
48
|
-
/**
|
49
|
-
* The fuzzy date to open the calendar to initially.
|
50
|
-
* This property accepts a `SkyFuzzyDate` value that includes numeric month, day, and year values.
|
51
|
-
* For example: `{ month: 1, day: 1, year: 2007 }`.
|
52
|
-
* @default The current date
|
53
|
-
*/
|
54
|
-
set startAtDate(value: SkyFuzzyDate | undefined);
|
55
|
-
get startAtDate(): SkyFuzzyDate | undefined;
|
56
|
-
/**
|
57
|
-
* Whether to disable date validation on the fuzzy datepicker input.
|
58
|
-
* @default false
|
59
|
-
*/
|
60
|
-
skyDatepickerNoValidate: boolean | undefined;
|
61
|
-
/**
|
62
|
-
* The starting day of the week in the calendar, where `0` sets the starting day
|
63
|
-
* to Sunday. Place this attribute on the `input` element to override the default
|
64
|
-
* in `SkyDatepickerConfigService`.
|
65
|
-
* @default 0
|
66
|
-
*/
|
67
|
-
set startingDay(value: number | undefined);
|
68
|
-
get startingDay(): number;
|
69
|
-
/**
|
70
|
-
* Whether to require the year in fuzzy dates.
|
71
|
-
* @default false
|
72
|
-
*/
|
73
|
-
set yearRequired(value: boolean | undefined);
|
74
|
-
get yearRequired(): boolean | undefined;
|
75
|
-
constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, fuzzyDateService: SkyFuzzyDateService, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, datepickerComponent?: SkyDatepickerComponent);
|
76
|
-
ngOnInit(): void;
|
77
|
-
ngAfterContentInit(): void;
|
78
|
-
ngAfterViewInit(): void;
|
79
|
-
ngOnDestroy(): void;
|
80
|
-
onInputChange(event: any): void;
|
81
|
-
onInputBlur(): void;
|
82
|
-
onInput(): void;
|
83
|
-
writeValue(value: any): void;
|
84
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
85
|
-
registerOnChange(fn: (value: any) => void): void;
|
86
|
-
registerOnTouched(fn: () => void): void;
|
87
|
-
registerOnValidatorChange(fn: () => void): void;
|
88
|
-
setDisabledState(disabled: boolean): void;
|
89
|
-
/**
|
90
|
-
* Detects changes to the underlying input element's value and updates the ngModel accordingly.
|
91
|
-
* This is useful if you need to update the ngModel value before the input element loses focus.
|
92
|
-
*/
|
93
|
-
detectInputValueChange(): void;
|
94
|
-
protected onFocusout(evt: FocusEvent): void;
|
95
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatepickerInputDirective, [null, null, null, null, null, null, { optional: true; }]>;
|
96
|
-
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>;
|
97
|
-
}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
export interface SkyFuzzyDate {
|
2
|
-
/**
|
3
|
-
* The day in a fuzzy date, where `1` sets the day
|
4
|
-
* to the first day of the specified month.
|
5
|
-
*/
|
6
|
-
day?: number;
|
7
|
-
/**
|
8
|
-
* The month in a fuzzy date, where `1` sets the month to January.
|
9
|
-
*/
|
10
|
-
month?: number;
|
11
|
-
/**
|
12
|
-
* The year in a fuzzy date.
|
13
|
-
*/
|
14
|
-
year?: number;
|
15
|
-
}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
import { OnDestroy } from '@angular/core';
|
2
|
-
import { SkyAppLocaleProvider } from '@skyux/i18n';
|
3
|
-
import { SkyFuzzyDate } from './fuzzy-date';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
/**
|
6
|
-
* @internal
|
7
|
-
*/
|
8
|
-
interface SkyFuzzyDateRange {
|
9
|
-
years: string;
|
10
|
-
months: string;
|
11
|
-
days: string;
|
12
|
-
startDate: Date;
|
13
|
-
endDate: Date;
|
14
|
-
valid: boolean;
|
15
|
-
}
|
16
|
-
/**
|
17
|
-
* @internal
|
18
|
-
*/
|
19
|
-
export declare class SkyFuzzyDateService implements OnDestroy {
|
20
|
-
#private;
|
21
|
-
constructor(localeProvider: SkyAppLocaleProvider);
|
22
|
-
ngOnDestroy(): void;
|
23
|
-
/**
|
24
|
-
* Returns the browser's current locale string.
|
25
|
-
*/
|
26
|
-
getCurrentLocale(): string;
|
27
|
-
/**
|
28
|
-
* Returns the short format of the provided locale.
|
29
|
-
* If not provided, the locale will be taken from the browser's default locale.
|
30
|
-
*/
|
31
|
-
getLocaleShortFormat(locale?: string): string;
|
32
|
-
/**
|
33
|
-
* Formats a fuzzy date by using the provided format and locale strings.
|
34
|
-
* If not provided, the locale will be taken from the browser's default locale.
|
35
|
-
*/
|
36
|
-
format(fuzzyDate: SkyFuzzyDate, format?: string, locale?: string): string;
|
37
|
-
/**
|
38
|
-
* If not provided, years will default to current year; months will default to January;
|
39
|
-
* days will default to 1st of the month.
|
40
|
-
*/
|
41
|
-
getMomentFromFuzzyDate(fuzzyDate?: SkyFuzzyDate): any;
|
42
|
-
/**
|
43
|
-
* Gets a string instance of a fuzzy date.
|
44
|
-
* @deprecated Deprecated in favor of the `format` function.
|
45
|
-
*/
|
46
|
-
getStringFromFuzzyDate(fuzzyDate?: SkyFuzzyDate, dateFormat?: string): string | undefined;
|
47
|
-
getFuzzyDateFromSelectedDate(selectedDate?: Date, dateFormat?: string): SkyFuzzyDate | undefined;
|
48
|
-
getFuzzyDateFromString(date: string, dateFormat?: string): SkyFuzzyDate | undefined;
|
49
|
-
getFuzzyDateRange(startFuzzyDate: SkyFuzzyDate, endFuzzyDate: SkyFuzzyDate): SkyFuzzyDateRange;
|
50
|
-
getCurrentFuzzyDate(): SkyFuzzyDate;
|
51
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDateService, never>;
|
52
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyFuzzyDateService>;
|
53
|
-
}
|
54
|
-
export {};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "@skyux/i18n";
|
3
|
-
/**
|
4
|
-
* Import into any component library module that needs to use resource strings.
|
5
|
-
*/
|
6
|
-
export declare class SkyDatetimeResourcesModule {
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatetimeResourcesModule, never>;
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDatetimeResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
|
9
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyDatetimeResourcesModule>;
|
10
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
export type SkyTimepickerTimeFormatType = 'hh' | 'HH';
|
@@ -1,30 +0,0 @@
|
|
1
|
-
export interface SkyTimepickerTimeOutput {
|
2
|
-
/**
|
3
|
-
* The hour.
|
4
|
-
*/
|
5
|
-
hour: number;
|
6
|
-
/**
|
7
|
-
* The minute.
|
8
|
-
*/
|
9
|
-
minute: number;
|
10
|
-
/**
|
11
|
-
* The meridian (`AM` or `PM`).
|
12
|
-
*/
|
13
|
-
meridie: string;
|
14
|
-
/**
|
15
|
-
* The time zone.
|
16
|
-
*/
|
17
|
-
timezone: number;
|
18
|
-
/**
|
19
|
-
* The date in [iso8601 format](https://www.iso.org/iso-8601-date-and-time-format.html).
|
20
|
-
*/
|
21
|
-
iso8601: Date;
|
22
|
-
/**
|
23
|
-
* The date in the current local time format.
|
24
|
-
*/
|
25
|
-
local: string;
|
26
|
-
/**
|
27
|
-
* The time format string.
|
28
|
-
*/
|
29
|
-
customFormat: string;
|
30
|
-
}
|
@@ -1,59 +0,0 @@
|
|
1
|
-
import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
2
|
-
import { SkyAffixService, SkyCoreAdapterService, SkyOverlayService, SkyStackingContext } from '@skyux/core';
|
3
|
-
import { SkyInputBoxHostService } from '@skyux/forms';
|
4
|
-
import { SkyThemeService } from '@skyux/theme';
|
5
|
-
import { SkyTimepickerTimeFormatType } from './timepicker-time-format-type';
|
6
|
-
import { SkyTimepickerTimeOutput } from './timepicker-time-output';
|
7
|
-
import * as i0 from "@angular/core";
|
8
|
-
/**
|
9
|
-
* Creates a SKY UX-themed replacement for the HTML `input` element with `type="time"`.
|
10
|
-
* The value that users select is driven through the `ngModel` attribute
|
11
|
-
* specified on the `input` element. You must wrap this component around an `input`
|
12
|
-
* with the `skyTimepickerInput` directive.
|
13
|
-
*/
|
14
|
-
export declare class SkyTimepickerComponent implements OnInit, OnDestroy {
|
15
|
-
#private;
|
16
|
-
inputBoxHostService?: SkyInputBoxHostService | undefined;
|
17
|
-
/**
|
18
|
-
* Fires when the value in the timepicker input changes.
|
19
|
-
*/
|
20
|
-
selectedTimeChanged: EventEmitter<SkyTimepickerTimeOutput>;
|
21
|
-
set disabled(value: boolean);
|
22
|
-
get disabled(): boolean;
|
23
|
-
set selectedHour(setHour: number);
|
24
|
-
get selectedHour(): number;
|
25
|
-
set selectedMeridies(meridies: string);
|
26
|
-
get selectedMeridies(): string;
|
27
|
-
set selectedMinute(minute: number);
|
28
|
-
get selectedMinute(): number;
|
29
|
-
set selectedTime(newTime: SkyTimepickerTimeOutput | undefined);
|
30
|
-
get selectedTime(): SkyTimepickerTimeOutput | undefined;
|
31
|
-
activeTime: Date;
|
32
|
-
hours: number[];
|
33
|
-
is8601: boolean;
|
34
|
-
isOpen: boolean;
|
35
|
-
isVisible: boolean;
|
36
|
-
localeFormat: string;
|
37
|
-
minutes: number[];
|
38
|
-
minuteMultiplier: number | undefined;
|
39
|
-
returnFormat: string | undefined;
|
40
|
-
timeFormat: SkyTimepickerTimeFormatType;
|
41
|
-
timepickerId: string;
|
42
|
-
triggerButtonId: string;
|
43
|
-
set timepickerRef(value: ElementRef | undefined);
|
44
|
-
get timepickerRef(): ElementRef | undefined;
|
45
|
-
timepickerTemplateRef: TemplateRef<unknown> | undefined;
|
46
|
-
triggerButtonRef: ElementRef | undefined;
|
47
|
-
inputTemplateRef: TemplateRef<unknown> | undefined;
|
48
|
-
triggerButtonTemplateRef: TemplateRef<unknown> | undefined;
|
49
|
-
constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, coreAdapter: SkyCoreAdapterService, overlayService: SkyOverlayService, inputBoxHostService?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService, stackingContext?: SkyStackingContext);
|
50
|
-
ngOnInit(): void;
|
51
|
-
ngOnDestroy(): void;
|
52
|
-
setFormat(format: SkyTimepickerTimeFormatType): void;
|
53
|
-
onCloseButtonClick(): void;
|
54
|
-
setTime(event: any): void;
|
55
|
-
onTriggerButtonClick(): void;
|
56
|
-
protected highlightMinute(selectedMinute: number, minute: number): boolean;
|
57
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerComponent, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
|
58
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTimepickerComponent, "sky-timepicker", never, {}, { "selectedTimeChanged": "selectedTimeChanged"; }, never, ["*"], false, never>;
|
59
|
-
}
|
@@ -1,52 +0,0 @@
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
3
|
-
import { Subscription } from 'rxjs';
|
4
|
-
import { SkyTimepickerTimeFormatType } from './timepicker-time-format-type';
|
5
|
-
import { SkyTimepickerComponent } from './timepicker.component';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export declare class SkyTimepickerInputDirective implements OnInit, OnDestroy, ControlValueAccessor, Validator, OnChanges, AfterContentInit {
|
8
|
-
#private;
|
9
|
-
pickerChangedSubscription: Subscription | undefined;
|
10
|
-
/**
|
11
|
-
* Creates the timepicker input field and picker. Place this attribute on an `input` element,
|
12
|
-
* and wrap the input in a `sky-timepicker` component.
|
13
|
-
* This attribute must be set to the instance of the `sky-timepicker`.
|
14
|
-
* @required
|
15
|
-
*/
|
16
|
-
get skyTimepickerInput(): SkyTimepickerComponent | undefined;
|
17
|
-
set skyTimepickerInput(value: SkyTimepickerComponent | undefined);
|
18
|
-
get hostTimepickerInput(): SkyTimepickerComponent | undefined;
|
19
|
-
/**
|
20
|
-
* The 12-hour `hh` or 24-hour `HH` time format for the input.
|
21
|
-
* @default "hh"
|
22
|
-
*/
|
23
|
-
set timeFormat(value: SkyTimepickerTimeFormatType | undefined);
|
24
|
-
get timeFormat(): SkyTimepickerTimeFormatType;
|
25
|
-
/**
|
26
|
-
* The custom time format. For examples,
|
27
|
-
* see the [moment.js](https://momentjs.com/docs/#/displaying/format/) docs.
|
28
|
-
*/
|
29
|
-
returnFormat: string | undefined;
|
30
|
-
/**
|
31
|
-
* Whether to disable the timepicker on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
|
32
|
-
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
33
|
-
* @default false
|
34
|
-
*/
|
35
|
-
get disabled(): boolean;
|
36
|
-
set disabled(value: boolean | undefined);
|
37
|
-
constructor(renderer: Renderer2, elRef: ElementRef, changeDetector: ChangeDetectorRef);
|
38
|
-
ngOnInit(): void;
|
39
|
-
ngAfterContentInit(): void;
|
40
|
-
ngOnDestroy(): void;
|
41
|
-
ngOnChanges(): void;
|
42
|
-
onChange(event: any): void;
|
43
|
-
onBlur(): void;
|
44
|
-
registerOnChange(fn: (value: any) => any): void;
|
45
|
-
registerOnTouched(fn: () => any): void;
|
46
|
-
registerOnValidatorChange(fn: () => void): void;
|
47
|
-
setDisabledState(isDisabled: boolean): void;
|
48
|
-
writeValue(value: any): void;
|
49
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
50
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerInputDirective, never>;
|
51
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyTimepickerInputDirective, "[skyTimepickerInput]", never, { "skyTimepickerInput": { "alias": "skyTimepickerInput"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "returnFormat": { "alias": "returnFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
|
52
|
-
}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "./timepicker.directive";
|
3
|
-
import * as i2 from "./timepicker.component";
|
4
|
-
import * as i3 from "@angular/common";
|
5
|
-
import * as i4 from "@skyux/icon";
|
6
|
-
import * as i5 from "../shared/sky-datetime-resources.module";
|
7
|
-
import * as i6 from "@skyux/core";
|
8
|
-
import * as i7 from "@skyux/theme";
|
9
|
-
export declare class SkyTimepickerModule {
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerModule, never>;
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTimepickerModule, [typeof i1.SkyTimepickerInputDirective, typeof i2.SkyTimepickerComponent], [typeof i3.CommonModule, typeof i4.SkyIconModule, typeof i5.SkyDatetimeResourcesModule, typeof i6.SkyAffixModule, typeof i7.SkyThemeModule], [typeof i1.SkyTimepickerInputDirective, typeof i2.SkyTimepickerComponent]>;
|
12
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyTimepickerModule>;
|
13
|
-
}
|