@progress/kendo-angular-dateinputs 21.4.1 → 22.0.0-develop.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.
- package/calendar/localization/calendar-messages.d.ts +1 -1
- package/calendar/localization/multiview-calendar-messages.d.ts +1 -1
- package/dateinput/localization/messages.d.ts +1 -1
- package/datepicker/localization/messages.d.ts +1 -1
- package/daterange/date-range-input.d.ts +1 -1
- package/daterange/localization/messages.d.ts +1 -1
- package/datetimepicker/localization/messages.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-dateinputs.mjs +262 -262
- package/package.json +15 -23
- package/timepicker/localization/messages.d.ts +1 -1
- package/esm2022/calendar/calendar.component.mjs +0 -1711
- package/esm2022/calendar/calendar.module.mjs +0 -91
- package/esm2022/calendar/calendars.module.mjs +0 -87
- package/esm2022/calendar/footer.component.mjs +0 -77
- package/esm2022/calendar/for.directive.mjs +0 -116
- package/esm2022/calendar/header.component.mjs +0 -367
- package/esm2022/calendar/horizontal-view-list.component.mjs +0 -580
- package/esm2022/calendar/localization/calendar-custom-messages.component.mjs +0 -51
- package/esm2022/calendar/localization/calendar-localized-messages.directive.mjs +0 -39
- package/esm2022/calendar/localization/calendar-messages.mjs +0 -45
- package/esm2022/calendar/localization/multiview-calendar-custom-messages.component.mjs +0 -51
- package/esm2022/calendar/localization/multiview-calendar-localized-messages.directive.mjs +0 -39
- package/esm2022/calendar/localization/multiview-calendar-messages.mjs +0 -45
- package/esm2022/calendar/models/cell-context.interface.mjs +0 -5
- package/esm2022/calendar/models/navigation-action.enum.mjs +0 -20
- package/esm2022/calendar/models/orientation.mjs +0 -5
- package/esm2022/calendar/models/row-length-options.interface.mjs +0 -5
- package/esm2022/calendar/models/scrollable.interface.mjs +0 -5
- package/esm2022/calendar/models/selection-range-end.type.mjs +0 -5
- package/esm2022/calendar/models/selection-range.interface.mjs +0 -10
- package/esm2022/calendar/models/selection.mjs +0 -50
- package/esm2022/calendar/models/type.mjs +0 -5
- package/esm2022/calendar/models/view-service.interface.mjs +0 -5
- package/esm2022/calendar/models/view.enum.mjs +0 -16
- package/esm2022/calendar/models/view.type.mjs +0 -5
- package/esm2022/calendar/multiview-calendar.component.mjs +0 -1564
- package/esm2022/calendar/multiview-calendar.module.mjs +0 -89
- package/esm2022/calendar/navigation.component.mjs +0 -230
- package/esm2022/calendar/services/bus-view.service.mjs +0 -83
- package/esm2022/calendar/services/century-view.service.mjs +0 -219
- package/esm2022/calendar/services/decade-view.service.mjs +0 -217
- package/esm2022/calendar/services/disabled-dates.service.mjs +0 -66
- package/esm2022/calendar/services/dom.service.mjs +0 -203
- package/esm2022/calendar/services/month-view.service.mjs +0 -223
- package/esm2022/calendar/services/navigation.service.mjs +0 -60
- package/esm2022/calendar/services/scroll-sync.service.mjs +0 -89
- package/esm2022/calendar/services/selection.service.mjs +0 -62
- package/esm2022/calendar/services/weeknames.service.mjs +0 -33
- package/esm2022/calendar/services/year-view.service.mjs +0 -204
- package/esm2022/calendar/templates/cell-template.directive.mjs +0 -45
- package/esm2022/calendar/templates/century-cell-template.directive.mjs +0 -43
- package/esm2022/calendar/templates/decade-cell-template.directive.mjs +0 -43
- package/esm2022/calendar/templates/footer-template.directive.mjs +0 -44
- package/esm2022/calendar/templates/header-template.directive.mjs +0 -47
- package/esm2022/calendar/templates/header-title-template.directive.mjs +0 -43
- package/esm2022/calendar/templates/month-cell-template.directive.mjs +0 -43
- package/esm2022/calendar/templates/navigation-item-template.directive.mjs +0 -43
- package/esm2022/calendar/templates/weeknumber-cell-template.directive.mjs +0 -43
- package/esm2022/calendar/templates/year-cell-template.directive.mjs +0 -43
- package/esm2022/calendar/view-list.component.mjs +0 -497
- package/esm2022/calendar/view.component.mjs +0 -432
- package/esm2022/common/dom-queries.mjs +0 -24
- package/esm2022/common/models/fillmode.mjs +0 -5
- package/esm2022/common/models/rounded.mjs +0 -5
- package/esm2022/common/models/size.mjs +0 -5
- package/esm2022/common/models/week-days-format.mjs +0 -5
- package/esm2022/common/picker.service.mjs +0 -17
- package/esm2022/common/utils.mjs +0 -70
- package/esm2022/dateinput/arrow.enum.mjs +0 -13
- package/esm2022/dateinput/dateinput.component.mjs +0 -1196
- package/esm2022/dateinput/dateinput.module.mjs +0 -45
- package/esm2022/dateinput/localization/dateinput-custom-messages.component.mjs +0 -60
- package/esm2022/dateinput/localization/dateinput-localized-messages.directive.mjs +0 -39
- package/esm2022/dateinput/localization/messages.mjs +0 -39
- package/esm2022/dateinput/models/format-placeholder.model.mjs +0 -5
- package/esm2022/dateinput/models/format-settings.model.mjs +0 -5
- package/esm2022/dateinput/models/incremental-steps.model.mjs +0 -5
- package/esm2022/dateinputs.module.mjs +0 -136
- package/esm2022/datepicker/datepicker.component.mjs +0 -1758
- package/esm2022/datepicker/datepicker.module.mjs +0 -83
- package/esm2022/datepicker/localization/datepicker-custom-messages.component.mjs +0 -53
- package/esm2022/datepicker/localization/datepicker-localized-messages.directive.mjs +0 -39
- package/esm2022/datepicker/localization/messages.mjs +0 -63
- package/esm2022/daterange/auto-correct-on.type.mjs +0 -5
- package/esm2022/daterange/date-range-end-input.directive.mjs +0 -105
- package/esm2022/daterange/date-range-input.mjs +0 -138
- package/esm2022/daterange/date-range-popup-template.directive.mjs +0 -36
- package/esm2022/daterange/date-range-popup.component.mjs +0 -1051
- package/esm2022/daterange/date-range-selection.directive.mjs +0 -223
- package/esm2022/daterange/date-range-start-input.directive.mjs +0 -109
- package/esm2022/daterange/date-range.component.mjs +0 -116
- package/esm2022/daterange/date-range.module.mjs +0 -103
- package/esm2022/daterange/date-range.service.mjs +0 -225
- package/esm2022/daterange/localization/daterange-popup-custom-messages.component.mjs +0 -43
- package/esm2022/daterange/localization/daterange-popup-localized-messages.directive.mjs +0 -39
- package/esm2022/daterange/localization/messages.mjs +0 -51
- package/esm2022/datetimepicker/datetimepicker.component.mjs +0 -2505
- package/esm2022/datetimepicker/datetimepicker.module.mjs +0 -106
- package/esm2022/datetimepicker/localization/datetimepicker-custom-messages.component.mjs +0 -52
- package/esm2022/datetimepicker/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/datetimepicker/localization/messages.mjs +0 -153
- package/esm2022/datetimepicker/models/active-tab.type.mjs +0 -5
- package/esm2022/defaults.mjs +0 -24
- package/esm2022/directives.mjs +0 -146
- package/esm2022/index.mjs +0 -78
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/popup-settings.model.mjs +0 -5
- package/esm2022/preventable-event.mjs +0 -27
- package/esm2022/progress-kendo-angular-dateinputs.mjs +0 -8
- package/esm2022/timepicker/localization/messages.mjs +0 -105
- package/esm2022/timepicker/localization/timepicker-custom-messages.component.mjs +0 -54
- package/esm2022/timepicker/localization/timepicker-localized-messages.directive.mjs +0 -39
- package/esm2022/timepicker/localization/timeselector-custom-messages.component.mjs +0 -45
- package/esm2022/timepicker/localization/timeselector-localized-messages.directive.mjs +0 -39
- package/esm2022/timepicker/models/incremental-steps.model.mjs +0 -5
- package/esm2022/timepicker/models/list-item.interface.mjs +0 -5
- package/esm2022/timepicker/models/list-service-settings.mjs +0 -5
- package/esm2022/timepicker/models/list-service.interface.mjs +0 -5
- package/esm2022/timepicker/models/time-part.default.mjs +0 -14
- package/esm2022/timepicker/services/dayperiod.service.mjs +0 -131
- package/esm2022/timepicker/services/dom.service.mjs +0 -126
- package/esm2022/timepicker/services/hours.service.mjs +0 -130
- package/esm2022/timepicker/services/milliseconds.service.mjs +0 -131
- package/esm2022/timepicker/services/minutes.service.mjs +0 -128
- package/esm2022/timepicker/services/seconds.service.mjs +0 -128
- package/esm2022/timepicker/timelist.component.mjs +0 -388
- package/esm2022/timepicker/timepicker.component.mjs +0 -1598
- package/esm2022/timepicker/timepicker.module.mjs +0 -71
- package/esm2022/timepicker/timeselector.component.mjs +0 -728
- package/esm2022/timepicker/util.mjs +0 -70
- package/esm2022/util.mjs +0 -406
- package/esm2022/validators/disabled-date.validator.mjs +0 -18
- package/esm2022/validators/disabled-dates-range.validator.mjs +0 -26
- package/esm2022/validators/incomplete-date.validator.mjs +0 -18
- package/esm2022/validators/max.validator.mjs +0 -21
- package/esm2022/validators/min.validator.mjs +0 -21
- package/esm2022/validators/time-range.validator.mjs +0 -23
- package/esm2022/virtualization/models/scrollable.interface.mjs +0 -5
- package/esm2022/virtualization/services/row-height.service.mjs +0 -73
- package/esm2022/virtualization/services/scroller.service.mjs +0 -109
- package/esm2022/virtualization/virtualization.component.mjs +0 -324
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* A preventable event instance which is triggered by the `open` and `close` events.
|
|
7
|
-
*/
|
|
8
|
-
export class PreventableEvent {
|
|
9
|
-
prevented = false;
|
|
10
|
-
/** @hidden */
|
|
11
|
-
constructor() { }
|
|
12
|
-
/**
|
|
13
|
-
* Prevents the default action for a specified event.
|
|
14
|
-
* In this way, the source component suppresses the built-in behavior that follows the event.
|
|
15
|
-
*/
|
|
16
|
-
preventDefault() {
|
|
17
|
-
this.prevented = true;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* If the event is prevented by any of its subscribers, returns `true`.
|
|
21
|
-
*
|
|
22
|
-
* @returns `true` if the default action was prevented. Otherwise, returns `false`.
|
|
23
|
-
*/
|
|
24
|
-
isDefaultPrevented() {
|
|
25
|
-
return this.prevented;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './index';
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Input } from '@angular/core';
|
|
6
|
-
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export class TimePickerMessages extends ComponentMessages {
|
|
12
|
-
/**
|
|
13
|
-
* Specifies the text of the **Accept** button in the popup footer of the TimeList.
|
|
14
|
-
*/
|
|
15
|
-
accept;
|
|
16
|
-
/**
|
|
17
|
-
* Specifies the label of the **Accept** button in the popup footer of the TimeList.
|
|
18
|
-
*/
|
|
19
|
-
acceptLabel;
|
|
20
|
-
/**
|
|
21
|
-
* Specifies the text of the **Cancel** button in the popup footer of the TimeList.
|
|
22
|
-
*/
|
|
23
|
-
cancel;
|
|
24
|
-
/**
|
|
25
|
-
* Specifies the label of the **Cancel** button in the popup footer of the TimeList.
|
|
26
|
-
*/
|
|
27
|
-
cancelLabel;
|
|
28
|
-
/**
|
|
29
|
-
* Specifies the text of the **Now** button in the popup header of the TimeList.
|
|
30
|
-
*/
|
|
31
|
-
now;
|
|
32
|
-
/**
|
|
33
|
-
* Specifies the label of the **Now** button in the popup header of the TimeList.
|
|
34
|
-
*/
|
|
35
|
-
nowLabel;
|
|
36
|
-
/**
|
|
37
|
-
* Specifies the title of the **Toggle** button of the TimePicker.
|
|
38
|
-
*/
|
|
39
|
-
toggle;
|
|
40
|
-
/**
|
|
41
|
-
* Specifies the label of the **Hour** part in the TimePicker.
|
|
42
|
-
*/
|
|
43
|
-
hour;
|
|
44
|
-
/**
|
|
45
|
-
* Specifies the label of the **Minute** part in the TimePicker.
|
|
46
|
-
*/
|
|
47
|
-
minute;
|
|
48
|
-
/**
|
|
49
|
-
* Specifies the label of the **Second** part in the TimePicker.
|
|
50
|
-
*/
|
|
51
|
-
second;
|
|
52
|
-
/**
|
|
53
|
-
* Specifies the label of the **Millisecond** part in the TimePicker.
|
|
54
|
-
*/
|
|
55
|
-
millisecond;
|
|
56
|
-
/**
|
|
57
|
-
* Specifies the label of the **Dayperiod** part in the TimePicker.
|
|
58
|
-
*/
|
|
59
|
-
dayperiod;
|
|
60
|
-
/**
|
|
61
|
-
* Specifies the title of the **Clear** button of the TimePicker.
|
|
62
|
-
*/
|
|
63
|
-
clearTitle;
|
|
64
|
-
/**
|
|
65
|
-
* Specifies the title of the **Close** button of the ActionSheet that renders instead of the popup when using small screen devices in adaptive mode.
|
|
66
|
-
*/
|
|
67
|
-
adaptiveCloseButtonTitle;
|
|
68
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
69
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TimePickerMessages, selector: "kendo-timepicker-messages-base", inputs: { accept: "accept", acceptLabel: "acceptLabel", cancel: "cancel", cancelLabel: "cancelLabel", now: "now", nowLabel: "nowLabel", toggle: "toggle", hour: "hour", minute: "minute", second: "second", millisecond: "millisecond", dayperiod: "dayperiod", clearTitle: "clearTitle", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle" }, usesInheritance: true, ngImport: i0 });
|
|
70
|
-
}
|
|
71
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerMessages, decorators: [{
|
|
72
|
-
type: Directive,
|
|
73
|
-
args: [{
|
|
74
|
-
// eslint-disable-next-line
|
|
75
|
-
selector: 'kendo-timepicker-messages-base'
|
|
76
|
-
}]
|
|
77
|
-
}], propDecorators: { accept: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], acceptLabel: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}], cancel: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}], cancelLabel: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], now: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], nowLabel: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], toggle: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], hour: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], minute: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], second: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], millisecond: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], dayperiod: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}], clearTitle: [{
|
|
102
|
-
type: Input
|
|
103
|
-
}], adaptiveCloseButtonTitle: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}] } });
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, forwardRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { TimePickerMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the Kendo UI TimePicker custom messages component for Angular. Allows you to override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-timepicker>
|
|
16
|
-
* <kendo-timepicker-messages
|
|
17
|
-
* accept="Apply"
|
|
18
|
-
* cancel="Close"
|
|
19
|
-
* now="Current time">
|
|
20
|
-
* </kendo-timepicker-messages>
|
|
21
|
-
* </kendo-timepicker>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export class TimePickerCustomMessagesComponent extends TimePickerMessages {
|
|
25
|
-
service;
|
|
26
|
-
constructor(service) {
|
|
27
|
-
super();
|
|
28
|
-
this.service = service;
|
|
29
|
-
}
|
|
30
|
-
get override() {
|
|
31
|
-
return true;
|
|
32
|
-
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-timepicker-messages", providers: [
|
|
35
|
-
{
|
|
36
|
-
provide: TimePickerMessages,
|
|
37
|
-
useExisting: forwardRef(() => TimePickerCustomMessagesComponent)
|
|
38
|
-
}
|
|
39
|
-
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
40
|
-
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerCustomMessagesComponent, decorators: [{
|
|
42
|
-
type: Component,
|
|
43
|
-
args: [{
|
|
44
|
-
providers: [
|
|
45
|
-
{
|
|
46
|
-
provide: TimePickerMessages,
|
|
47
|
-
useExisting: forwardRef(() => TimePickerCustomMessagesComponent)
|
|
48
|
-
}
|
|
49
|
-
],
|
|
50
|
-
selector: 'kendo-timepicker-messages',
|
|
51
|
-
template: ``,
|
|
52
|
-
standalone: true
|
|
53
|
-
}]
|
|
54
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, forwardRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { TimePickerMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export class TimePickerLocalizedMessagesDirective extends TimePickerMessages {
|
|
14
|
-
service;
|
|
15
|
-
constructor(service) {
|
|
16
|
-
super();
|
|
17
|
-
this.service = service;
|
|
18
|
-
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TimePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoTimePickerLocalizedMessages]", providers: [
|
|
21
|
-
{
|
|
22
|
-
provide: TimePickerMessages,
|
|
23
|
-
useExisting: forwardRef(() => TimePickerLocalizedMessagesDirective)
|
|
24
|
-
}
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerLocalizedMessagesDirective, decorators: [{
|
|
28
|
-
type: Directive,
|
|
29
|
-
args: [{
|
|
30
|
-
providers: [
|
|
31
|
-
{
|
|
32
|
-
provide: TimePickerMessages,
|
|
33
|
-
useExisting: forwardRef(() => TimePickerLocalizedMessagesDirective)
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
selector: '[kendoTimePickerLocalizedMessages]',
|
|
37
|
-
standalone: true
|
|
38
|
-
}]
|
|
39
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, forwardRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { TimePickerMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*
|
|
13
|
-
* Custom component messages override default component messages.
|
|
14
|
-
*/
|
|
15
|
-
export class TimeSelectorCustomMessagesComponent extends TimePickerMessages {
|
|
16
|
-
service;
|
|
17
|
-
constructor(service) {
|
|
18
|
-
super();
|
|
19
|
-
this.service = service;
|
|
20
|
-
}
|
|
21
|
-
get override() {
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeSelectorCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimeSelectorCustomMessagesComponent, isStandalone: true, selector: "kendo-timeselector-messages", providers: [
|
|
26
|
-
{
|
|
27
|
-
provide: TimePickerMessages,
|
|
28
|
-
useExisting: forwardRef(() => TimeSelectorCustomMessagesComponent)
|
|
29
|
-
}
|
|
30
|
-
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
31
|
-
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeSelectorCustomMessagesComponent, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{
|
|
35
|
-
providers: [
|
|
36
|
-
{
|
|
37
|
-
provide: TimePickerMessages,
|
|
38
|
-
useExisting: forwardRef(() => TimeSelectorCustomMessagesComponent)
|
|
39
|
-
}
|
|
40
|
-
],
|
|
41
|
-
selector: 'kendo-timeselector-messages',
|
|
42
|
-
template: ``,
|
|
43
|
-
standalone: true
|
|
44
|
-
}]
|
|
45
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, forwardRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { TimePickerMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export class TimeSelectorLocalizedMessagesDirective extends TimePickerMessages {
|
|
14
|
-
service;
|
|
15
|
-
constructor(service) {
|
|
16
|
-
super();
|
|
17
|
-
this.service = service;
|
|
18
|
-
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeSelectorLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TimeSelectorLocalizedMessagesDirective, isStandalone: true, selector: "[kendoTimeSelectorLocalizedMessages]", providers: [
|
|
21
|
-
{
|
|
22
|
-
provide: TimePickerMessages,
|
|
23
|
-
useExisting: forwardRef(() => TimeSelectorLocalizedMessagesDirective)
|
|
24
|
-
}
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeSelectorLocalizedMessagesDirective, decorators: [{
|
|
28
|
-
type: Directive,
|
|
29
|
-
args: [{
|
|
30
|
-
providers: [
|
|
31
|
-
{
|
|
32
|
-
provide: TimePickerMessages,
|
|
33
|
-
useExisting: forwardRef(() => TimeSelectorLocalizedMessagesDirective)
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
selector: '[kendoTimeSelectorLocalizedMessages]',
|
|
37
|
-
standalone: true
|
|
38
|
-
}]
|
|
39
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const TIME_PART = {
|
|
9
|
-
dayperiod: 'dayperiod',
|
|
10
|
-
hour: 'hour',
|
|
11
|
-
millisecond: 'millisecond',
|
|
12
|
-
minute: 'minute',
|
|
13
|
-
second: 'second'
|
|
14
|
-
};
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Injectable } from '@angular/core';
|
|
6
|
-
import { cloneDate } from '@progress/kendo-date-math';
|
|
7
|
-
import { IntlService } from '@progress/kendo-angular-intl';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-intl";
|
|
10
|
-
const setHours = (date, hours) => {
|
|
11
|
-
const clone = cloneDate(date);
|
|
12
|
-
clone.setHours(hours);
|
|
13
|
-
return clone;
|
|
14
|
-
};
|
|
15
|
-
const isAM = (value) => value !== null && value < 12;
|
|
16
|
-
const isPM = (value) => value !== null && (!value || value > 11);
|
|
17
|
-
const inRange = (value, min, max) => ((!min && !max) || (value >= min && value <= max));
|
|
18
|
-
const inReverseRange = (value, min, max) => ((!min && !max) || value >= min || value <= max);
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
export class DayPeriodService {
|
|
23
|
-
intl;
|
|
24
|
-
min;
|
|
25
|
-
max;
|
|
26
|
-
part;
|
|
27
|
-
constructor(intl) {
|
|
28
|
-
this.intl = intl;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
apply(value, candidate) {
|
|
34
|
-
const hour = value.getHours();
|
|
35
|
-
const hourAM = isAM(hour);
|
|
36
|
-
const candidateAM = isAM(candidate.getHours());
|
|
37
|
-
if ((hourAM && candidateAM) || (!hourAM && !candidateAM)) {
|
|
38
|
-
return value;
|
|
39
|
-
}
|
|
40
|
-
const [min, max = 24] = this.normalizedRange();
|
|
41
|
-
const result = hour + (candidateAM ? -12 : 12);
|
|
42
|
-
return setHours(value, Math.min(Math.max(min, result), (max || 24)));
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* @hidden
|
|
46
|
-
*/
|
|
47
|
-
configure(settings) {
|
|
48
|
-
const { min = this.min, max = this.max, part = this.part } = settings;
|
|
49
|
-
this.min = min;
|
|
50
|
-
this.max = max;
|
|
51
|
-
this.part = part;
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* @hidden
|
|
55
|
-
*/
|
|
56
|
-
data(_) {
|
|
57
|
-
const names = this.part.names;
|
|
58
|
-
if (!names) {
|
|
59
|
-
return [];
|
|
60
|
-
}
|
|
61
|
-
const data = [];
|
|
62
|
-
const [min, max] = this.normalizedRange();
|
|
63
|
-
const dayPeriod = this.intl.dateFormatNames(names);
|
|
64
|
-
if (isAM(min)) {
|
|
65
|
-
data.push({ text: dayPeriod.am, value: setHours(this.min, min) });
|
|
66
|
-
}
|
|
67
|
-
if (isPM(max)) {
|
|
68
|
-
data.push({ text: dayPeriod.pm, value: setHours(this.min, Math.max(12, max)) });
|
|
69
|
-
}
|
|
70
|
-
return this.min.getHours() !== min ? data.reverse() : data;
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
*/
|
|
75
|
-
isRangeChanged(_, __) {
|
|
76
|
-
return false;
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
limitRange(min, max, _) {
|
|
82
|
-
return [min, max];
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* @hidden
|
|
86
|
-
*/
|
|
87
|
-
total() {
|
|
88
|
-
const [min, max] = this.normalizedRange();
|
|
89
|
-
if (!min && !max) {
|
|
90
|
-
return 2;
|
|
91
|
-
}
|
|
92
|
-
if (min > 11 || max < 12) {
|
|
93
|
-
return 1;
|
|
94
|
-
}
|
|
95
|
-
return 2;
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* @hidden
|
|
99
|
-
*/
|
|
100
|
-
selectedIndex(value) {
|
|
101
|
-
if (!this.valueInList(value)) {
|
|
102
|
-
return -1;
|
|
103
|
-
}
|
|
104
|
-
const index = Math.floor(value.getHours() / 12);
|
|
105
|
-
return this.min.getHours() === this.normalizedRange()[0] ? index : (index === 0 ? 1 : 0);
|
|
106
|
-
}
|
|
107
|
-
/**
|
|
108
|
-
* @hidden
|
|
109
|
-
*/
|
|
110
|
-
valueInList(value) {
|
|
111
|
-
const reverse = this.min.getHours() !== this.normalizedRange()[0];
|
|
112
|
-
const isInRange = reverse ? inReverseRange : inRange;
|
|
113
|
-
return isInRange(value.getHours(), this.min.getHours(), this.max.getHours());
|
|
114
|
-
}
|
|
115
|
-
normalizedRange() {
|
|
116
|
-
const minHour = this.min.getHours();
|
|
117
|
-
const maxHour = this.max.getHours();
|
|
118
|
-
return [
|
|
119
|
-
Math.min(minHour, maxHour),
|
|
120
|
-
Math.max(minHour, maxHour)
|
|
121
|
-
];
|
|
122
|
-
}
|
|
123
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayPeriodService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
124
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayPeriodService, providedIn: 'root' });
|
|
125
|
-
}
|
|
126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayPeriodService, decorators: [{
|
|
127
|
-
type: Injectable,
|
|
128
|
-
args: [{
|
|
129
|
-
providedIn: 'root'
|
|
130
|
-
}]
|
|
131
|
-
}], ctorParameters: () => [{ type: i1.IntlService }] });
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Injectable } from '@angular/core';
|
|
6
|
-
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
7
|
-
import { domContainerFactory as containerFactory } from '../../util';
|
|
8
|
-
import { AdaptiveService } from '@progress/kendo-angular-utils';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "@progress/kendo-angular-utils";
|
|
11
|
-
const div = containerFactory('div');
|
|
12
|
-
const ul = containerFactory('ul');
|
|
13
|
-
const li = containerFactory('li');
|
|
14
|
-
const span = containerFactory('span');
|
|
15
|
-
const listTitle = () => span('hour', 'k-title k-timeselector-title');
|
|
16
|
-
const listItem = () => li('<span>02</span>', 'k-item');
|
|
17
|
-
const list = () => ul([listItem()], 'k-reset');
|
|
18
|
-
const scrollable = () => (div([list()], 'k-time-container k-flex k-content k-scrollable'));
|
|
19
|
-
const actionSheetContent = (isDateTimePicker) => [
|
|
20
|
-
isDateTimePicker ? div([div('button', 'k-button k-button-lg')], 'k-datetime-buttongroup') : null,
|
|
21
|
-
div([
|
|
22
|
-
div([span('04:08:48:49 AM', 'k-title k-timeselector-title'),
|
|
23
|
-
div('now', 'k-button k-button-md')
|
|
24
|
-
], 'k-time-header'),
|
|
25
|
-
div([
|
|
26
|
-
span('', 'k-time-highlight'),
|
|
27
|
-
div([listTitle(), div([scrollable()], 'k-time-list')], 'k-time-list-wrapper'),
|
|
28
|
-
], 'k-time-list-container'),
|
|
29
|
-
], 'k-timeselector k-timeselector-lg'),
|
|
30
|
-
];
|
|
31
|
-
const timeListWrapper = (isAdaptiveEnabled = false, windowSize, isDateTimePicker) => {
|
|
32
|
-
if (!isDocumentAvailable()) {
|
|
33
|
-
return null;
|
|
34
|
-
}
|
|
35
|
-
if (!isAdaptiveEnabled) {
|
|
36
|
-
return div([listTitle(), div([scrollable()], 'k-time-list')], 'k-time-list-wrapper', { left: '-10000px', position: 'absolute' });
|
|
37
|
-
}
|
|
38
|
-
return div([
|
|
39
|
-
div([
|
|
40
|
-
div([div([
|
|
41
|
-
div([], 'k-actionsheet-title'),
|
|
42
|
-
div([
|
|
43
|
-
div([
|
|
44
|
-
div([div('', 'k-i-check k-button-icon k-icon k-font-icon')], 'k-icon-wrapper-host'),
|
|
45
|
-
], 'k-button k-icon-button k-button-lg'),
|
|
46
|
-
], 'k-actionsheet-actions'),
|
|
47
|
-
], 'k-actionsheet-titlebar-group')], 'k-actionsheet-titlebar'),
|
|
48
|
-
div([
|
|
49
|
-
isDateTimePicker
|
|
50
|
-
? div([...actionSheetContent(isDateTimePicker)], 'k-datetime-wrap k-time-tab')
|
|
51
|
-
: actionSheetContent(isDateTimePicker)[1],
|
|
52
|
-
], 'k-actionsheet-content'),
|
|
53
|
-
div([div('button', 'k-button k-button-lg')], 'k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer'),
|
|
54
|
-
], 'k-actionsheet-view'),
|
|
55
|
-
], `k-actionsheet k-adaptive-actionsheet ${windowSize === 'small' ? 'k-actionsheet-fullscreen' : ''}`, { height: windowSize === 'small' ? '100%' : '60vh', left: '-10000px', position: 'absolute', top: 0 });
|
|
56
|
-
};
|
|
57
|
-
/**
|
|
58
|
-
* @hidden
|
|
59
|
-
*/
|
|
60
|
-
export class TimePickerDOMService {
|
|
61
|
-
adaptiveService;
|
|
62
|
-
constructor(adaptiveService) {
|
|
63
|
-
this.adaptiveService = adaptiveService;
|
|
64
|
-
}
|
|
65
|
-
itemHeight;
|
|
66
|
-
timeListHeight;
|
|
67
|
-
isAdaptiveEnabled;
|
|
68
|
-
isDateTimePicker;
|
|
69
|
-
get windowSize() {
|
|
70
|
-
return this.adaptiveService.size;
|
|
71
|
-
}
|
|
72
|
-
ensureHeights() {
|
|
73
|
-
if (this.timeListHeight !== undefined) {
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
this.calculateHeights();
|
|
77
|
-
}
|
|
78
|
-
sumCSSProperties(style, ...properties) {
|
|
79
|
-
return properties.reduce((sum, property) => sum + parseFloat(style.getPropertyValue(property)), 0) || 0;
|
|
80
|
-
}
|
|
81
|
-
calculateHeights(container) {
|
|
82
|
-
if (!isDocumentAvailable()) {
|
|
83
|
-
return;
|
|
84
|
-
}
|
|
85
|
-
let wrapper;
|
|
86
|
-
let hostContainer;
|
|
87
|
-
if (!this.isAdaptiveEnabled || this.windowSize === 'large') { // not adaptive
|
|
88
|
-
const listContainer = container && container.querySelector('.k-time-list-container');
|
|
89
|
-
hostContainer = listContainer || document.body;
|
|
90
|
-
wrapper = hostContainer.appendChild(timeListWrapper());
|
|
91
|
-
}
|
|
92
|
-
else { // adaptive mode
|
|
93
|
-
hostContainer = document.body;
|
|
94
|
-
wrapper = hostContainer.appendChild(timeListWrapper(true, this.windowSize, this.isDateTimePicker));
|
|
95
|
-
}
|
|
96
|
-
const itemStyle = getComputedStyle(wrapper.querySelector('li'));
|
|
97
|
-
const listStyle = getComputedStyle(wrapper.querySelector('.k-scrollable'));
|
|
98
|
-
if (this.isAdaptiveEnabled && this.windowSize !== 'large') {
|
|
99
|
-
this.itemHeight = parseFloat(itemStyle.getPropertyValue('height'));
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
if (itemStyle['box-sizing'] === 'border-box') {
|
|
103
|
-
this.itemHeight = parseFloat(itemStyle.getPropertyValue('height'));
|
|
104
|
-
}
|
|
105
|
-
else {
|
|
106
|
-
this.itemHeight = this.sumCSSProperties(itemStyle, 'height', 'padding-top', 'padding-bottom');
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
this.timeListHeight = parseFloat(listStyle.getPropertyValue('height'));
|
|
110
|
-
hostContainer.removeChild(wrapper);
|
|
111
|
-
}
|
|
112
|
-
isActive(element) {
|
|
113
|
-
if (!isDocumentAvailable() || !element) {
|
|
114
|
-
return false;
|
|
115
|
-
}
|
|
116
|
-
return (element.nativeElement || element) === document.activeElement;
|
|
117
|
-
}
|
|
118
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerDOMService, deps: [{ token: i1.AdaptiveService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
119
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerDOMService, providedIn: 'root' });
|
|
120
|
-
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimePickerDOMService, decorators: [{
|
|
122
|
-
type: Injectable,
|
|
123
|
-
args: [{
|
|
124
|
-
providedIn: 'root'
|
|
125
|
-
}]
|
|
126
|
-
}], ctorParameters: () => [{ type: i1.AdaptiveService }] });
|