@skyux/datetime 12.27.0 → 13.0.0-alpha.1

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.
Files changed (70) hide show
  1. package/fesm2022/skyux-datetime-testing.mjs.map +1 -1
  2. package/fesm2022/skyux-datetime.mjs +92 -92
  3. package/fesm2022/skyux-datetime.mjs.map +1 -1
  4. package/index.d.ts +1240 -30
  5. package/package.json +14 -14
  6. package/testing/index.d.ts +398 -3
  7. package/lib/modules/date-pipe/date-pipe.module.d.ts +0 -9
  8. package/lib/modules/date-pipe/date.pipe.d.ts +0 -27
  9. package/lib/modules/date-pipe/date.service.d.ts +0 -13
  10. package/lib/modules/date-pipe/fuzzy-date.pipe.d.ts +0 -31
  11. package/lib/modules/date-range-picker/date-range-picker-end-date-resource-key.pipe.d.ts +0 -8
  12. package/lib/modules/date-range-picker/date-range-picker-start-date-resource-key.pipe.d.ts +0 -8
  13. package/lib/modules/date-range-picker/date-range-picker.component.d.ts +0 -108
  14. package/lib/modules/date-range-picker/date-range-picker.module.d.ts +0 -8
  15. package/lib/modules/date-range-picker/date-range.service.d.ts +0 -35
  16. package/lib/modules/date-range-picker/types/date-range-calculation.d.ts +0 -11
  17. package/lib/modules/date-range-picker/types/date-range-calculator-config.d.ts +0 -25
  18. package/lib/modules/date-range-picker/types/date-range-calculator-date-range-function.d.ts +0 -2
  19. package/lib/modules/date-range-picker/types/date-range-calculator-id.d.ts +0 -116
  20. package/lib/modules/date-range-picker/types/date-range-calculator-type.d.ts +0 -21
  21. package/lib/modules/date-range-picker/types/date-range-calculator-validate-function.d.ts +0 -3
  22. package/lib/modules/date-range-picker/types/date-range-calculator.d.ts +0 -46
  23. package/lib/modules/date-range-picker/types/date-range-default-calculator-config.d.ts +0 -14
  24. package/lib/modules/date-range-picker/types/date-range-default-calculator-configs.d.ts +0 -4
  25. package/lib/modules/date-range-picker/types/date-range-relative-value.d.ts +0 -38
  26. package/lib/modules/date-range-picker/types/date-range.d.ts +0 -10
  27. package/lib/modules/datepicker/calendar/datepicker-calendar-change.d.ts +0 -24
  28. package/lib/modules/datepicker/calendar/datepicker-calendar-inner.component.d.ts +0 -90
  29. package/lib/modules/datepicker/calendar/datepicker-calendar-label.pipe.d.ts +0 -23
  30. package/lib/modules/datepicker/calendar/datepicker-calendar.component.d.ts +0 -35
  31. package/lib/modules/datepicker/calendar/datepicker-calendar.service.d.ts +0 -16
  32. package/lib/modules/datepicker/calendar/daypicker-button.component.d.ts +0 -16
  33. package/lib/modules/datepicker/calendar/daypicker-cell.component.d.ts +0 -26
  34. package/lib/modules/datepicker/calendar/daypicker-context.d.ts +0 -15
  35. package/lib/modules/datepicker/calendar/daypicker.component.d.ts +0 -28
  36. package/lib/modules/datepicker/calendar/monthpicker.component.d.ts +0 -17
  37. package/lib/modules/datepicker/calendar/yearpicker.component.d.ts +0 -18
  38. package/lib/modules/datepicker/date-formatter.d.ts +0 -15
  39. package/lib/modules/datepicker/datepicker-config.service.d.ts +0 -29
  40. package/lib/modules/datepicker/datepicker-custom-date.d.ts +0 -21
  41. package/lib/modules/datepicker/datepicker-host.service.d.ts +0 -21
  42. package/lib/modules/datepicker/datepicker-input.directive.d.ts +0 -92
  43. package/lib/modules/datepicker/datepicker.component.d.ts +0 -84
  44. package/lib/modules/datepicker/datepicker.module.d.ts +0 -16
  45. package/lib/modules/datepicker/fuzzy/datepicker-input-fuzzy.directive.d.ts +0 -97
  46. package/lib/modules/datepicker/fuzzy/fuzzy-date.d.ts +0 -15
  47. package/lib/modules/datepicker/fuzzy/fuzzy-date.service.d.ts +0 -54
  48. package/lib/modules/shared/sky-datetime-resources.module.d.ts +0 -10
  49. package/lib/modules/timepicker/timepicker-time-format-type.d.ts +0 -1
  50. package/lib/modules/timepicker/timepicker-time-output.d.ts +0 -30
  51. package/lib/modules/timepicker/timepicker.component.d.ts +0 -59
  52. package/lib/modules/timepicker/timepicker.directive.d.ts +0 -52
  53. package/lib/modules/timepicker/timepicker.module.d.ts +0 -13
  54. package/testing/legacy/datepicker-fixture.d.ts +0 -27
  55. package/testing/legacy/timepicker-fixture.d.ts +0 -29
  56. package/testing/modules/date-range-picker/date-range-picker-harness.d.ts +0 -98
  57. package/testing/modules/date-range-picker/date-range-picker-harness.filters.d.ts +0 -6
  58. package/testing/modules/datepicker/datepicker-calendar-harness.d.ts +0 -48
  59. package/testing/modules/datepicker/datepicker-calendar-harness.filters.d.ts +0 -6
  60. package/testing/modules/datepicker/datepicker-harness.d.ts +0 -43
  61. package/testing/modules/datepicker/datepicker-harness.filters.d.ts +0 -6
  62. package/testing/modules/datepicker/datepicker-input-harness.d.ts +0 -18
  63. package/testing/modules/datepicker/fuzzy-datepicker-input-harness.d.ts +0 -18
  64. package/testing/modules/timepicker/timepicker-harness-filters.d.ts +0 -6
  65. package/testing/modules/timepicker/timepicker-harness.d.ts +0 -42
  66. package/testing/modules/timepicker/timepicker-input-harness.d.ts +0 -18
  67. package/testing/modules/timepicker/timepicker-selector-column-harness.d.ts +0 -24
  68. package/testing/modules/timepicker/timepicker-selector-harness-filters.d.ts +0 -7
  69. package/testing/modules/timepicker/timepicker-selector-harness.d.ts +0 -36
  70. 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
- }