@skyux/datetime 12.23.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.
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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/datetime",
3
- "version": "12.23.0",
3
+ "version": "13.0.0-alpha.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -16,19 +16,19 @@
16
16
  },
17
17
  "homepage": "https://github.com/blackbaud/skyux#readme",
18
18
  "peerDependencies": {
19
- "@angular/cdk": "^19.2.19",
20
- "@angular/common": "^19.2.14",
21
- "@angular/core": "^19.2.14",
22
- "@angular/forms": "^19.2.14",
23
- "@angular/platform-browser": "^19.2.14",
24
- "@skyux-sdk/testing": "12.23.0",
25
- "@skyux/core": "12.23.0",
26
- "@skyux/forms": "12.23.0",
27
- "@skyux/i18n": "12.23.0",
28
- "@skyux/icon": "12.23.0",
29
- "@skyux/indicators": "12.23.0",
30
- "@skyux/popovers": "12.23.0",
31
- "@skyux/theme": "12.23.0",
19
+ "@angular/cdk": "^20.0.4",
20
+ "@angular/common": "^20.0.5",
21
+ "@angular/core": "^20.0.5",
22
+ "@angular/forms": "^20.0.5",
23
+ "@angular/platform-browser": "^20.0.5",
24
+ "@skyux-sdk/testing": "13.0.0-alpha.0",
25
+ "@skyux/core": "13.0.0-alpha.0",
26
+ "@skyux/forms": "13.0.0-alpha.0",
27
+ "@skyux/i18n": "13.0.0-alpha.0",
28
+ "@skyux/icon": "13.0.0-alpha.0",
29
+ "@skyux/indicators": "13.0.0-alpha.0",
30
+ "@skyux/popovers": "13.0.0-alpha.0",
31
+ "@skyux/theme": "13.0.0-alpha.0",
32
32
  "moment": "^2.30.1"
33
33
  },
34
34
  "dependencies": {
@@ -1,5 +1,400 @@
1
+ import { ComponentFixture } from '@angular/core/testing';
2
+ import { HarnessPredicate, BaseHarnessFilters, ComponentHarness } from '@angular/cdk/testing';
3
+ import { SkyHarnessFilters, SkyComponentHarness, SkyInputHarness } from '@skyux/core/testing';
4
+ import { SkyDateRangeCalculatorId } from '@skyux/datetime';
5
+
1
6
  /**
2
- * Generated bundle index. Do not edit.
7
+ * Allows interaction with a SKY UX datepicker component.
8
+ * @deprecated Use `SkyDatepickerHarness` instead.
9
+ * @internal
3
10
  */
4
- /// <amd-module name="@skyux/datetime/testing" />
5
- export * from './public-api';
11
+ declare class SkyDatepickerFixture {
12
+ #private;
13
+ constructor(fixture: ComponentFixture<any>, skyTestId: string);
14
+ /**
15
+ * The datepicker's currently selected date.
16
+ */
17
+ get date(): string;
18
+ /**
19
+ * Flag indicating if datepicker input is disabled.
20
+ */
21
+ get disabled(): boolean;
22
+ /**
23
+ * The datepicker's calendar element.
24
+ */
25
+ get calendarEl(): any;
26
+ /**
27
+ * Click the calendar button to open or close calendar.
28
+ */
29
+ clickDatepickerCalenderButtonEl(): void;
30
+ clickDayEl(dayIndex: number): void;
31
+ }
32
+
33
+ /**
34
+ * Allows interaction with a SKY UX timepicker component.
35
+ * @internal
36
+ */
37
+ declare class SkyTimepickerFixture {
38
+ #private;
39
+ constructor(fixture: ComponentFixture<any>, skyTestId: string);
40
+ /**
41
+ * The timepicker's currently selected time.
42
+ */
43
+ get value(): string;
44
+ /**
45
+ * Set the timepicker's selected time.
46
+ */
47
+ set value(value: string);
48
+ /**
49
+ * Flag indicating if timepicker input is disabled.
50
+ */
51
+ get isDisabled(): boolean;
52
+ /**
53
+ * Set the timepicker's disabled value
54
+ */
55
+ set isDisabled(value: boolean);
56
+ /**
57
+ * Flag indicating if timepicker input is valid.
58
+ */
59
+ get isValid(): boolean;
60
+ }
61
+
62
+ /**
63
+ * A set of criteria that can be used to filter a list of `SkyDateRangePickerHarness` instances.
64
+ */
65
+ interface SkyDateRangePickerFilters extends SkyHarnessFilters {
66
+ }
67
+
68
+ /**
69
+ * Harness for interacting with date range picker components in tests.
70
+ */
71
+ declare class SkyDateRangePickerHarness extends SkyComponentHarness {
72
+ #private;
73
+ /**
74
+ * @internal
75
+ */
76
+ static hostSelector: string;
77
+ /**
78
+ * Gets a `HarnessPredicate` that can be used to search for a
79
+ * `SkyDateRangePickerHarness` that meets certain criteria.
80
+ */
81
+ static with(filters: SkyDateRangePickerFilters): HarnessPredicate<SkyDateRangePickerHarness>;
82
+ /**
83
+ * Clicks the help inline button.
84
+ */
85
+ clickHelpInline(): Promise<void>;
86
+ /**
87
+ * Gets the end date value.
88
+ */
89
+ getEndDateValue(): Promise<string>;
90
+ /**
91
+ * Gets the help popover content.
92
+ */
93
+ getHelpPopoverContent(): Promise<string | undefined>;
94
+ /**
95
+ * Gets the help inline popover title.
96
+ */
97
+ getHelpPopoverTitle(): Promise<string | undefined>;
98
+ /**
99
+ * Gets the hint text.
100
+ */
101
+ getHintText(): Promise<string>;
102
+ /**
103
+ * Gets the label text.
104
+ */
105
+ getLabelText(): Promise<string>;
106
+ /**
107
+ * Gets the selected calculator ID.
108
+ */
109
+ getSelectedCalculator(): Promise<SkyDateRangeCalculatorId>;
110
+ /**
111
+ * Gets the start date value.
112
+ */
113
+ getStartDateValue(): Promise<string>;
114
+ /**
115
+ * Whether date range picker end date before start date error is thrown.
116
+ */
117
+ hasEndDateBeforeStartDateError(): Promise<boolean>;
118
+ /**
119
+ * Whether end date input has required error.
120
+ */
121
+ hasEndDateRequiredError(): Promise<boolean>;
122
+ /**
123
+ * Whether a custom error has fired.
124
+ * @param errorName `errorName` property of the custom `sky-form-error`.
125
+ */
126
+ hasError(errorName: string): Promise<boolean>;
127
+ /**
128
+ * Whether start date input has required error.
129
+ */
130
+ hasStartDateRequiredError(): Promise<boolean>;
131
+ /**
132
+ * Whether the date range picker component is disabled.
133
+ */
134
+ isDisabled(): Promise<boolean>;
135
+ /**
136
+ * Whether end date datepicker is visible.
137
+ */
138
+ isEndDateVisible(): Promise<boolean>;
139
+ /**
140
+ * Whether the date range picker has stacked enabled.
141
+ */
142
+ isStacked(): Promise<boolean>;
143
+ /**
144
+ * Whether start date datepicker is visible.
145
+ */
146
+ isStartDateVisible(): Promise<boolean>;
147
+ /**
148
+ * Selects the specified calculator.
149
+ */
150
+ selectCalculator(calculatorId: SkyDateRangeCalculatorId): Promise<void>;
151
+ /**
152
+ * Sets the end date.
153
+ * @param newDate date input as a formatted string.
154
+ */
155
+ setEndDateValue(newDate: string): Promise<void>;
156
+ /**
157
+ * Sets the start date.
158
+ * @param newDate date input as a formatted string.
159
+ */
160
+ setStartDateValue(newDate: string): Promise<void>;
161
+ }
162
+
163
+ /**
164
+ * A set of criteria that can be used to filter a list of `SkyDatepickerCalendarHarness` instances.
165
+ */
166
+ interface SkyDatepickerCalendarHarnessFilters extends BaseHarnessFilters {
167
+ }
168
+
169
+ /**
170
+ * Harness for interacting with datepicker calendar in tests.
171
+ */
172
+ declare class SkyDatepickerCalendarHarness extends SkyComponentHarness {
173
+ #private;
174
+ /**
175
+ * @internal
176
+ */
177
+ static hostSelector: string;
178
+ /**
179
+ * @internal
180
+ */
181
+ static with(filters: SkyDatepickerCalendarHarnessFilters): HarnessPredicate<SkyDatepickerCalendarHarness>;
182
+ /**
183
+ * Clicks the specified date, month or year in the following format
184
+ * day format: dddd, MMMM Do YYYY
185
+ * month format: MMMM YYYY
186
+ * year format: YYYY
187
+ */
188
+ clickDate(date: string): Promise<void>;
189
+ /**
190
+ * Clicks the 'next' button on the calendar header.
191
+ */
192
+ clickNextButton(): Promise<void>;
193
+ /**
194
+ * Clicks the 'previous' button on the calendar header.
195
+ */
196
+ clickPreviousButton(): Promise<void>;
197
+ /**
198
+ * Clicks the 'title' button on the calendar header.
199
+ */
200
+ clickTitleButton(): Promise<void>;
201
+ /**
202
+ * Gets the current calendar mode.
203
+ */
204
+ getCalendarMode(): Promise<string>;
205
+ /**
206
+ * Gets the current title.
207
+ */
208
+ getCalendarTitle(): Promise<string>;
209
+ /**
210
+ * Gets the long date value of the currently selected calendar item.
211
+ */
212
+ getSelectedValue(): Promise<string | null>;
213
+ }
214
+
215
+ /**
216
+ * A set of criteria that can be used to filter a list of `SkyDatepickerHarness` instances.
217
+ */
218
+ interface SkyDatepickerFilters extends SkyHarnessFilters {
219
+ }
220
+
221
+ /**
222
+ * Harness to interact with the datepicker input harness.
223
+ */
224
+ declare class SkyDatepickerInputHarness extends SkyInputHarness {
225
+ /**
226
+ * @internal
227
+ */
228
+ static hostSelector: string;
229
+ /**
230
+ * Blurs the input.
231
+ */
232
+ blur(): Promise<void>;
233
+ /**
234
+ * Sets the value of the input.
235
+ */
236
+ setValue(value: string): Promise<void>;
237
+ }
238
+
239
+ /**
240
+ * Harness to interact with the fuzzy datepicker input harness.
241
+ */
242
+ declare class SkyFuzzyDatepickerInputHarness extends SkyInputHarness {
243
+ /**
244
+ * @internal
245
+ */
246
+ static hostSelector: string;
247
+ /**
248
+ * Blurs the input.
249
+ */
250
+ blur(): Promise<void>;
251
+ /**
252
+ * Sets the value of the input.
253
+ */
254
+ setValue(value: string): Promise<void>;
255
+ }
256
+
257
+ /**
258
+ * Harness for interacting with datepicker components in tests.
259
+ */
260
+ declare class SkyDatepickerHarness extends SkyComponentHarness {
261
+ #private;
262
+ /**
263
+ * @internal
264
+ */
265
+ static hostSelector: string;
266
+ /**
267
+ * Gets a `HarnessPredicate` that can be used to search for a
268
+ * `SkyDatepickerHarness` that meets certain criteria.
269
+ *
270
+ * These filters only work for standalone datepickers. For datepickers
271
+ * wrapped inside `sky-input-box`, place filters on the input box instead and
272
+ * query the datepicker using a `SkyInputBoxHarness`.
273
+ * For the input box implementation, see the code example.
274
+ */
275
+ static with(filters: SkyDatepickerFilters): HarnessPredicate<SkyDatepickerHarness>;
276
+ /**
277
+ * Clicks the calendar button.
278
+ */
279
+ clickCalendarButton(): Promise<void>;
280
+ /**
281
+ * Gets the `SkyDatepickerCalendarHarness` for the calendar picker controlled by
282
+ * the datepicker. Throws an error if the calendar picker is not open.
283
+ */
284
+ getDatepickerCalendar(): Promise<SkyDatepickerCalendarHarness>;
285
+ /**
286
+ * Gets the datepicker input harness.
287
+ */
288
+ getControl(): Promise<SkyDatepickerInputHarness | SkyFuzzyDatepickerInputHarness>;
289
+ /**
290
+ * Whether the datepicker calendar picker is open.
291
+ */
292
+ isDatepickerOpen(): Promise<boolean>;
293
+ }
294
+
295
+ /**
296
+ * A set of criteria that can be used to filter a list of `SkyTimepickerHarness` instances.
297
+ */
298
+ interface SkyTimepickerFilters extends SkyHarnessFilters {
299
+ }
300
+
301
+ /**
302
+ * Harness to interact with the timepicker input harness.
303
+ */
304
+ declare class SkyTimepickerInputHarness extends SkyInputHarness {
305
+ /**
306
+ * @internal
307
+ */
308
+ static hostSelector: string;
309
+ /**
310
+ * Blurs the input.
311
+ */
312
+ blur(): Promise<void>;
313
+ /**
314
+ * Sets the value of the input.
315
+ */
316
+ setValue(value: string): Promise<void>;
317
+ }
318
+
319
+ /**
320
+ * A set of criteria that can be used to filter a list of `SkyTimepickerSelectorHarness` instances.
321
+ * @internal
322
+ */
323
+ interface SkyTimepickerSelectorHarnessFilters extends BaseHarnessFilters {
324
+ }
325
+
326
+ /**
327
+ * Harness for interacting with a timepicker selector in tests.
328
+ */
329
+ declare class SkyTimepickerSelectorHarness extends ComponentHarness {
330
+ #private;
331
+ /**
332
+ * @internal
333
+ */
334
+ static hostSelector: string;
335
+ /**
336
+ * @internal
337
+ */
338
+ static with(filters: SkyTimepickerSelectorHarnessFilters): HarnessPredicate<SkyTimepickerSelectorHarness>;
339
+ /**
340
+ * Clicks the specified hour button, or throws an error if it does not exist.
341
+ */
342
+ clickHour(value: string): Promise<void>;
343
+ /**
344
+ * Clicks the specified meridie button, or throws an error if it does not exist.
345
+ */
346
+ clickMeridie(value: string): Promise<void>;
347
+ /**
348
+ * Clicks the specified minute button, or throws an error if it does not exist.
349
+ */
350
+ clickMinute(value: string): Promise<void>;
351
+ /**
352
+ * Gets the current calendar mode.
353
+ */
354
+ getSelectorMode(): Promise<string>;
355
+ /**
356
+ * Gets the time value of the currently selected items.
357
+ */
358
+ getSelectedValue(): Promise<string | undefined>;
359
+ }
360
+
361
+ /**
362
+ * Harness for interacting with timepicker components in tests.
363
+ */
364
+ declare class SkyTimepickerHarness extends SkyComponentHarness {
365
+ #private;
366
+ /**
367
+ * @internal
368
+ */
369
+ static hostSelector: string;
370
+ /**
371
+ * Gets a `HarnessPredicate` that can be used to search for a
372
+ * `SkyTimepickerHarness` that meets certain criteria.
373
+ *
374
+ * These filters only work for standalone timepickers. For timepickers
375
+ * wrapped inside `sky-input-box`, place filters on the input box instead and
376
+ * query the timepicker using a `SkyInputBoxHarness`.
377
+ * For the input box implementation, see the code example.
378
+ */
379
+ static with(filters: SkyTimepickerFilters): HarnessPredicate<SkyTimepickerHarness>;
380
+ /**
381
+ * Clicks the selector button.
382
+ */
383
+ clickSelectorButton(): Promise<void>;
384
+ /**
385
+ * Gets the `SkyTimepickerSelectorHarness` for the selector controlled by
386
+ * the timepicker. Throws an error if the selector is not open.
387
+ */
388
+ getTimepickerSelector(): Promise<SkyTimepickerSelectorHarness>;
389
+ /**
390
+ * Gets the timepicker input harness.
391
+ */
392
+ getControl(): Promise<SkyTimepickerInputHarness>;
393
+ /**
394
+ * Whether the timepicker calendar picker is open.
395
+ */
396
+ isTimepickerOpen(): Promise<boolean>;
397
+ }
398
+
399
+ export { SkyDateRangePickerHarness, SkyDatepickerCalendarHarness, SkyDatepickerFixture, SkyDatepickerHarness, SkyDatepickerInputHarness, SkyFuzzyDatepickerInputHarness, SkyTimepickerFixture, SkyTimepickerHarness, SkyTimepickerInputHarness, SkyTimepickerSelectorHarness };
400
+ export type { SkyDateRangePickerFilters, SkyDatepickerCalendarHarnessFilters, SkyDatepickerFilters, SkyTimepickerFilters };
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./date.pipe";
3
- import * as i2 from "./fuzzy-date.pipe";
4
- import * as i3 from "../shared/sky-datetime-resources.module";
5
- export declare class SkyDatePipeModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatePipeModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDatePipeModule, [typeof i1.SkyDatePipe, typeof i2.SkyFuzzyDatePipe], [typeof i3.SkyDatetimeResourcesModule], [typeof i1.SkyDatePipe, typeof i2.SkyFuzzyDatePipe]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyDatePipeModule>;
9
- }
@@ -1,27 +0,0 @@
1
- import { OnDestroy, PipeTransform } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Formats date values according to locale rules.
5
- * @example
6
- * ```markup
7
- * {{ myDate | skyDate }}
8
- * {{ myDate | skyDate:'medium' }}
9
- * {{ myDate | skyDate:'medium':'en-CA' }}
10
- * ```
11
- */
12
- export declare class SkyDatePipe implements OnDestroy, PipeTransform {
13
- #private;
14
- constructor();
15
- ngOnDestroy(): void;
16
- /**
17
- * Transforms a date value using locale and format rules.
18
- * @param value Specifies the date value to transform.
19
- * @param format Specifies the format to apply to the transform. The format string is
20
- * constructed by a series of symbols that represent date-time values. The symbols are
21
- * identical to [Angular's `DatePipe`](https://angular.io/api/common/DatePipe#pre-defined-format-options) format options.
22
- * @param locale Specifies the locale code to use in the transform.
23
- */
24
- transform(value: any, format?: string, locale?: string): string;
25
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatePipe, never>;
26
- static ɵpipe: i0.ɵɵPipeDeclaration<SkyDatePipe, "skyDate", false>;
27
- }
@@ -1,13 +0,0 @@
1
- import { OnDestroy } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @internal
5
- */
6
- export declare class SkyDateService implements OnDestroy {
7
- #private;
8
- constructor();
9
- ngOnDestroy(): void;
10
- format(value: any, locale?: string, format?: string): string | undefined;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateService, never>;
12
- static ɵprov: i0.ɵɵInjectableDeclaration<SkyDateService>;
13
- }
@@ -1,31 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import { SkyFuzzyDate } from '../datepicker/fuzzy/fuzzy-date';
3
- import { SkyFuzzyDateService } from '../datepicker/fuzzy/fuzzy-date.service';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * Formats date values using two or more date tokens that represent the day, month,
7
- * and year. The tokens are described in the [moment.js values](https://momentjs.com/docs/#/displaying/).
8
- * @example
9
- * ```markup
10
- * {{ myFuzzyDate | skyFuzzyDate:'MMM Y' }}
11
- * {{ myFuzzyDate | skyFuzzyDate:'MMM Y':'en-CA' }}
12
- * ```
13
- */
14
- export declare class SkyFuzzyDatePipe implements PipeTransform {
15
- #private;
16
- constructor(fuzzyDateService: SkyFuzzyDateService);
17
- /**
18
- * Transforms fuzzy date values using two or more date tokens that represent the day, month,
19
- * and year.
20
- * @param value Specifies the date value to transform.
21
- * @param format Specifies the format to apply to the transform. You construct the format
22
- * string with a two or more tokens that specify the components of date-time value. The
23
- * tokens are described in the [moment.js values](https://momentjs.com/docs/#/displaying/).
24
- * If you don't provide a format, `SkyFuzzyDatePipe` attempts to format fuzzy dates based
25
- * on the browser's default locale.
26
- * @param locale Specifies the locale code to use in the transform.
27
- */
28
- transform(value: SkyFuzzyDate, format?: string, locale?: string): string;
29
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatePipe, never>;
30
- static ɵpipe: i0.ɵɵPipeDeclaration<SkyFuzzyDatePipe, "skyFuzzyDate", false>;
31
- }
@@ -1,8 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import { SkyDateRangeCalculatorType } from './types/date-range-calculator-type';
3
- import * as i0 from "@angular/core";
4
- export declare class SkyDateRangePickerEndDateResourceKeyPipe implements PipeTransform {
5
- transform(calculatorType: SkyDateRangeCalculatorType | undefined): string;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerEndDateResourceKeyPipe, never>;
7
- static ɵpipe: i0.ɵɵPipeDeclaration<SkyDateRangePickerEndDateResourceKeyPipe, "skyDateRangePickerEndDateResourceKey", true>;
8
- }
@@ -1,8 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import { SkyDateRangeCalculatorType } from './types/date-range-calculator-type';
3
- import * as i0 from "@angular/core";
4
- export declare class SkyDateRangePickerStartDateResourceKeyPipe implements PipeTransform {
5
- transform(calculatorType: SkyDateRangeCalculatorType | undefined): string;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerStartDateResourceKeyPipe, never>;
7
- static ɵpipe: i0.ɵɵPipeDeclaration<SkyDateRangePickerStartDateResourceKeyPipe, "skyDateRangePickerStartDateResourceKey", true>;
8
- }
@@ -1,108 +0,0 @@
1
- import { AfterViewInit, Signal, TemplateRef } from '@angular/core';
2
- import { AbstractControl, ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
3
- import { SkyDatepickerComponent } from '../datepicker/datepicker.component';
4
- import { SkyDateRangeCalculation } from './types/date-range-calculation';
5
- import { SkyDateRangeCalculator } from './types/date-range-calculator';
6
- import { SkyDateRangeCalculatorId } from './types/date-range-calculator-id';
7
- import * as i0 from "@angular/core";
8
- type DateValue = Date | string | null | undefined;
9
- export declare class SkyDateRangePickerComponent implements AfterViewInit, ControlValueAccessor, Validator {
10
- #private;
11
- /**
12
- * IDs for the date range options to include in the picker's dropdown.
13
- * The options specify calculator objects that return two `Date` objects to represent date ranges.
14
- * By default, this property includes all `SkyDateRangeCalculatorId` values.
15
- */
16
- set calculatorIds(calculatorIds: SkyDateRangeCalculatorId[] | undefined);
17
- get calculatorIds(): SkyDateRangeCalculatorId[];
18
- /**
19
- * The date format for
20
- * [the `sky-datepicker` components](https://developer.blackbaud.com/skyux/components/datepicker)
21
- * that make up the date range picker. The text input is a composite component of
22
- * up to two `sky-datepicker` components.
23
- * @default "MM/DD/YYYY"
24
- */
25
- dateFormat: string | undefined;
26
- /**
27
- * Whether to disable the date range picker on template-driven forms. Don't use
28
- * this input on reactive forms because they may overwrite the input or leave
29
- * the control out of sync. To set the disabled state on reactive forms,
30
- * use the `FormControl` instead.
31
- * @default false
32
- */
33
- set disabled(value: boolean);
34
- /**
35
- * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
36
- * button is added to date range picker. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
37
- * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
38
- */
39
- helpPopoverContent: string | TemplateRef<unknown> | undefined;
40
- /**
41
- * The title of the help popover. This property only applies when `helpPopoverContent` is
42
- * also specified.
43
- */
44
- helpPopoverTitle: string | undefined;
45
- /**
46
- * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
47
- * additional context to the user.
48
- */
49
- hintText: string | undefined;
50
- /**
51
- * The label for the date range picker.
52
- * @deprecated Use the `labelText` input instead.
53
- */
54
- set label(value: string | undefined);
55
- get label(): string | undefined;
56
- /**
57
- * The text to display as the date range picker's label.
58
- */
59
- labelText: string | undefined;
60
- /**
61
- * Whether the date range picker is stacked on another form component. When specified, the appropriate
62
- * vertical spacing is automatically added to the date range picker.
63
- */
64
- stacked: boolean;
65
- /**
66
- * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
67
- * button is placed beside the date range picker label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
68
- * as configured by the application. This property only applies when `labelText` is also specified.
69
- */
70
- helpKey: string | undefined;
71
- protected calculators: SkyDateRangeCalculator[];
72
- protected datepickers: Signal<readonly SkyDatepickerComponent[]>;
73
- protected hostControl: AbstractControl | null | undefined;
74
- protected selectedCalculator: SkyDateRangeCalculator;
75
- protected showEndDatePicker: import("@angular/core").WritableSignal<boolean>;
76
- protected showStartDatePicker: import("@angular/core").WritableSignal<boolean>;
77
- protected formGroup: import("@angular/forms").FormGroup<{
78
- calculatorId: FormControl<number>;
79
- startDate: FormControl<DateValue>;
80
- endDate: FormControl<DateValue>;
81
- }>;
82
- protected readonly calculatorIdHasErrors: Signal<boolean | undefined>;
83
- protected readonly endDateHasErrors: Signal<boolean | undefined>;
84
- protected readonly startDateHasErrors: Signal<boolean | undefined>;
85
- ngAfterViewInit(): void;
86
- registerOnChange(fn: (_: unknown) => void): void;
87
- registerOnTouched(fn: () => void): void;
88
- setDisabledState(isDisabled: boolean): void;
89
- validate(control: AbstractControl): ValidationErrors | null;
90
- writeValue(value: Partial<SkyDateRangeCalculation> | undefined): void;
91
- /**
92
- * Fires when a user changes the selected calculator ID.
93
- */
94
- protected onCalculatorIdChange(): void;
95
- /**
96
- * Fires when a user interacts with a date range picker.
97
- */
98
- protected onDateChange(): void;
99
- /**
100
- * Fires when the date range picker loses focus.
101
- */
102
- protected onFocusout({ relatedTarget }: FocusEvent): void;
103
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerComponent, never>;
104
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyDateRangePickerComponent, "sky-date-range-picker", never, { "calculatorIds": { "alias": "calculatorIds"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["sky-form-error"], true, never>;
105
- static ngAcceptInputType_disabled: unknown;
106
- static ngAcceptInputType_stacked: unknown;
107
- }
108
- export {};
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./date-range-picker.component";
3
- import * as i2 from "@skyux/forms";
4
- export declare class SkyDateRangePickerModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDateRangePickerModule, never, [typeof i1.SkyDateRangePickerComponent], [typeof i1.SkyDateRangePickerComponent, typeof i2.SkyFormErrorModule]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyDateRangePickerModule>;
8
- }