@progress/kendo-angular-dateinputs 21.4.1 → 22.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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,83 +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 { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_DATEPICKER } from '../directives';
|
|
7
|
-
import { IconsService } from '@progress/kendo-angular-icons';
|
|
8
|
-
import { ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
|
|
9
|
-
import { PopupService } from '@progress/kendo-angular-popup';
|
|
10
|
-
import { CenturyViewService } from '../calendar/services/century-view.service';
|
|
11
|
-
import { DecadeViewService } from '../calendar/services/decade-view.service';
|
|
12
|
-
import { CalendarDOMService } from '../calendar/services/dom.service';
|
|
13
|
-
import { MonthViewService } from '../calendar/services/month-view.service';
|
|
14
|
-
import { NavigationService } from '../calendar/services/navigation.service';
|
|
15
|
-
import { YearViewService } from '../calendar/services/year-view.service';
|
|
16
|
-
import { AdaptiveService } from '@progress/kendo-angular-utils';
|
|
17
|
-
import * as i0 from "@angular/core";
|
|
18
|
-
import * as i1 from "./localization/datepicker-custom-messages.component";
|
|
19
|
-
import * as i2 from "./datepicker.component";
|
|
20
|
-
import * as i3 from "../calendar/templates/cell-template.directive";
|
|
21
|
-
import * as i4 from "../calendar/templates/century-cell-template.directive";
|
|
22
|
-
import * as i5 from "../calendar/templates/decade-cell-template.directive";
|
|
23
|
-
import * as i6 from "../calendar/templates/footer-template.directive";
|
|
24
|
-
import * as i7 from "../calendar/templates/header-template.directive";
|
|
25
|
-
import * as i8 from "../calendar/templates/header-title-template.directive";
|
|
26
|
-
import * as i9 from "../calendar/templates/month-cell-template.directive";
|
|
27
|
-
import * as i10 from "../calendar/templates/navigation-item-template.directive";
|
|
28
|
-
import * as i11 from "../calendar/templates/weeknumber-cell-template.directive";
|
|
29
|
-
import * as i12 from "../calendar/templates/year-cell-template.directive";
|
|
30
|
-
import * as i13 from "@progress/kendo-angular-common";
|
|
31
|
-
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
32
|
-
/**
|
|
33
|
-
* Required for adding all DatePicker features in [NgModule-based](link:site.data.urls.angular['ngmoduleapi']) Angular applications.
|
|
34
|
-
*
|
|
35
|
-
* @example
|
|
36
|
-
* ```typescript
|
|
37
|
-
* import { DatePickerModule } from '@progress/kendo-angular-dateinputs';
|
|
38
|
-
*
|
|
39
|
-
* @NgModule({
|
|
40
|
-
* imports: [DatePickerModule]
|
|
41
|
-
* })
|
|
42
|
-
* export class AppModule { }
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
export class DatePickerModule {
|
|
46
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
47
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DatePickerModule, imports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.ToggleButtonTabStopDirective, i13.ToggleButtonTabStopDirective], exports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.ToggleButtonTabStopDirective, i13.ToggleButtonTabStopDirective] });
|
|
48
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerModule, providers: [
|
|
49
|
-
// DateInputModule providers
|
|
50
|
-
IconsService,
|
|
51
|
-
// CalendarModule providers
|
|
52
|
-
ResizeBatchService,
|
|
53
|
-
CalendarDOMService,
|
|
54
|
-
CenturyViewService,
|
|
55
|
-
DecadeViewService,
|
|
56
|
-
MonthViewService,
|
|
57
|
-
YearViewService,
|
|
58
|
-
PopupService,
|
|
59
|
-
NavigationService,
|
|
60
|
-
AdaptiveService
|
|
61
|
-
], imports: [i2.DatePickerComponent] });
|
|
62
|
-
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerModule, decorators: [{
|
|
64
|
-
type: NgModule,
|
|
65
|
-
args: [{
|
|
66
|
-
exports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
67
|
-
imports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
68
|
-
providers: [
|
|
69
|
-
// DateInputModule providers
|
|
70
|
-
IconsService,
|
|
71
|
-
// CalendarModule providers
|
|
72
|
-
ResizeBatchService,
|
|
73
|
-
CalendarDOMService,
|
|
74
|
-
CenturyViewService,
|
|
75
|
-
DecadeViewService,
|
|
76
|
-
MonthViewService,
|
|
77
|
-
YearViewService,
|
|
78
|
-
PopupService,
|
|
79
|
-
NavigationService,
|
|
80
|
-
AdaptiveService
|
|
81
|
-
]
|
|
82
|
-
}]
|
|
83
|
-
}] });
|
|
@@ -1,53 +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 { DatePickerMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* Allows you to override the default localization messages of the DatePicker component ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-datepicker>
|
|
16
|
-
* <kendo-datepicker-messages
|
|
17
|
-
* today="Today"
|
|
18
|
-
* toggle="Open calendar">
|
|
19
|
-
* </kendo-datepicker-messages>
|
|
20
|
-
* </kendo-datepicker>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export class DatePickerCustomMessagesComponent extends DatePickerMessages {
|
|
24
|
-
service;
|
|
25
|
-
constructor(service) {
|
|
26
|
-
super();
|
|
27
|
-
this.service = service;
|
|
28
|
-
}
|
|
29
|
-
get override() {
|
|
30
|
-
return true;
|
|
31
|
-
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DatePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-datepicker-messages", providers: [
|
|
34
|
-
{
|
|
35
|
-
provide: DatePickerMessages,
|
|
36
|
-
useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
|
|
37
|
-
}
|
|
38
|
-
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
39
|
-
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerCustomMessagesComponent, decorators: [{
|
|
41
|
-
type: Component,
|
|
42
|
-
args: [{
|
|
43
|
-
providers: [
|
|
44
|
-
{
|
|
45
|
-
provide: DatePickerMessages,
|
|
46
|
-
useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
|
|
47
|
-
}
|
|
48
|
-
],
|
|
49
|
-
selector: 'kendo-datepicker-messages',
|
|
50
|
-
template: ``,
|
|
51
|
-
standalone: true
|
|
52
|
-
}]
|
|
53
|
-
}], 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 { DatePickerMessages } 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 DatePickerLocalizedMessagesDirective extends DatePickerMessages {
|
|
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: DatePickerLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DatePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDatePickerLocalizedMessages]", providers: [
|
|
21
|
-
{
|
|
22
|
-
provide: DatePickerMessages,
|
|
23
|
-
useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
|
|
24
|
-
}
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerLocalizedMessagesDirective, decorators: [{
|
|
28
|
-
type: Directive,
|
|
29
|
-
args: [{
|
|
30
|
-
providers: [
|
|
31
|
-
{
|
|
32
|
-
provide: DatePickerMessages,
|
|
33
|
-
useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
selector: '[kendoDatePickerLocalizedMessages]',
|
|
37
|
-
standalone: true
|
|
38
|
-
}]
|
|
39
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,63 +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 DatePickerMessages extends ComponentMessages {
|
|
12
|
-
/**
|
|
13
|
-
* The **Today** button text in the header of the Calendar.
|
|
14
|
-
*/
|
|
15
|
-
today;
|
|
16
|
-
/**
|
|
17
|
-
* The title of the **Toggle** button of the DatePicker.
|
|
18
|
-
*/
|
|
19
|
-
toggle;
|
|
20
|
-
/**
|
|
21
|
-
* The title of the **Prev** button in the header of the Classic Calendar.
|
|
22
|
-
*/
|
|
23
|
-
prevButtonTitle;
|
|
24
|
-
/**
|
|
25
|
-
* The title of the **Next** button in the header of the Classic Calendar.
|
|
26
|
-
*/
|
|
27
|
-
nextButtonTitle;
|
|
28
|
-
/**
|
|
29
|
-
* The title of the **Parent View** button in the header of the Calendar.
|
|
30
|
-
*/
|
|
31
|
-
parentViewButtonTitle;
|
|
32
|
-
/**
|
|
33
|
-
* The title of the **Clear** button of the DatePicker.
|
|
34
|
-
*/
|
|
35
|
-
clearTitle;
|
|
36
|
-
/**
|
|
37
|
-
* The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode.
|
|
38
|
-
*/
|
|
39
|
-
adaptiveCloseButtonTitle;
|
|
40
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
41
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DatePickerMessages, selector: "kendo-datepicker-messages-base", inputs: { today: "today", toggle: "toggle", prevButtonTitle: "prevButtonTitle", nextButtonTitle: "nextButtonTitle", parentViewButtonTitle: "parentViewButtonTitle", clearTitle: "clearTitle", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle" }, usesInheritance: true, ngImport: i0 });
|
|
42
|
-
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerMessages, decorators: [{
|
|
44
|
-
type: Directive,
|
|
45
|
-
args: [{
|
|
46
|
-
// eslint-disable-next-line
|
|
47
|
-
selector: 'kendo-datepicker-messages-base'
|
|
48
|
-
}]
|
|
49
|
-
}], propDecorators: { today: [{
|
|
50
|
-
type: Input
|
|
51
|
-
}], toggle: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}], prevButtonTitle: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}], nextButtonTitle: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}], parentViewButtonTitle: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], clearTitle: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], adaptiveCloseButtonTitle: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}] } });
|
|
@@ -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,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, ElementRef, Input, Renderer2, NgZone } from '@angular/core';
|
|
6
|
-
import { cloneDate, isEqual } from '@progress/kendo-date-math';
|
|
7
|
-
import { DateInputComponent } from '../dateinput/dateinput.component';
|
|
8
|
-
import { DateRangeInput } from './date-range-input';
|
|
9
|
-
import { DateRangeService } from './date-range.service';
|
|
10
|
-
import { EMPTY_SELECTIONRANGE } from '../calendar/models/selection-range.interface';
|
|
11
|
-
import { clampRange, isInRange } from '../util';
|
|
12
|
-
import { attributeNames, isPresent } from '../common/utils';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
import * as i1 from "./date-range.service";
|
|
15
|
-
import * as i2 from "../dateinput/dateinput.component";
|
|
16
|
-
/**
|
|
17
|
-
* Manages the end date selection in a date range.
|
|
18
|
-
*
|
|
19
|
-
* You can use the `DateRangeEndInputDirective` only with a DateInput component.
|
|
20
|
-
*
|
|
21
|
-
* @example
|
|
22
|
-
* ```typescript
|
|
23
|
-
* @Component({
|
|
24
|
-
* selector: 'my-app',
|
|
25
|
-
* template: `
|
|
26
|
-
* <kendo-daterange>
|
|
27
|
-
* <kendo-dateinput kendoDateRangeStartInput [(value)]="startDate"></kendo-dateinput>
|
|
28
|
-
* <kendo-dateinput kendoDateRangeEndInput [(value)]="endDate"></kendo-dateinput>
|
|
29
|
-
* </kendo-daterange>
|
|
30
|
-
* `
|
|
31
|
-
* })
|
|
32
|
-
* export class AppComponent {
|
|
33
|
-
* public startDate: Date = new Date();
|
|
34
|
-
* public endDate: Date = new Date();
|
|
35
|
-
* }
|
|
36
|
-
* ```
|
|
37
|
-
*
|
|
38
|
-
* @remarks
|
|
39
|
-
* Applied to: {@link DateInputComponent}
|
|
40
|
-
*/
|
|
41
|
-
export class DateRangeEndInputDirective extends DateRangeInput {
|
|
42
|
-
rangeService;
|
|
43
|
-
dateInput;
|
|
44
|
-
/**
|
|
45
|
-
* Specifies the auto-correction behavior. If the start date is greater than the end date, the directive fixes the date range to a single date either on input change or on blur ([see example](slug:autocorrect_daterange#toc-input-directives)).
|
|
46
|
-
*
|
|
47
|
-
* By default, the component does not perform any auto-correction.
|
|
48
|
-
*
|
|
49
|
-
*/
|
|
50
|
-
autoCorrectOn;
|
|
51
|
-
/**
|
|
52
|
-
* Specifies the navigation behavior of the calendar when the active end is changed on input focus. When enabled,
|
|
53
|
-
* the calendar navigates to the value of the focused input. Otherwise, the calendar displays the last picked date.
|
|
54
|
-
*
|
|
55
|
-
* @default false
|
|
56
|
-
*/
|
|
57
|
-
navigateCalendarOnFocus = false;
|
|
58
|
-
constructor(rangeService, dateInput, element, renderer, zone) {
|
|
59
|
-
super('end', rangeService, dateInput, element, renderer, zone);
|
|
60
|
-
this.rangeService = rangeService;
|
|
61
|
-
this.dateInput = dateInput;
|
|
62
|
-
}
|
|
63
|
-
ngOnInit() {
|
|
64
|
-
this.rangeService.registerEndInput(this.dateInput);
|
|
65
|
-
super.init();
|
|
66
|
-
this.dateInput.pickerType = 'daterangeend';
|
|
67
|
-
}
|
|
68
|
-
ngAfterViewInit() {
|
|
69
|
-
this.renderer.setAttribute(this.dateInput.inputElement, attributeNames.ariaExpanded, 'false');
|
|
70
|
-
}
|
|
71
|
-
ngOnDestroy() {
|
|
72
|
-
super.destroy();
|
|
73
|
-
}
|
|
74
|
-
getRange(value, correctOn) {
|
|
75
|
-
const { min, max } = this.dateInput;
|
|
76
|
-
if (!isInRange(value, min, max)) {
|
|
77
|
-
return null;
|
|
78
|
-
}
|
|
79
|
-
const { start } = this.rangeService.selectionRange || EMPTY_SELECTIONRANGE;
|
|
80
|
-
const shouldClamp = this.autoCorrectOn === correctOn && isPresent(value) && value < start;
|
|
81
|
-
return shouldClamp ? clampRange(value) : { start, end: cloneDate(value) };
|
|
82
|
-
}
|
|
83
|
-
updateInputValue(range) {
|
|
84
|
-
const { end } = range || EMPTY_SELECTIONRANGE;
|
|
85
|
-
const { min, max } = this.dateInput;
|
|
86
|
-
if (isEqual(this.dateInput.value, end) || !isInRange(end, min, max)) {
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
this.dateInput.writeValue(cloneDate(end));
|
|
90
|
-
this.dateInput.notify();
|
|
91
|
-
}
|
|
92
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeEndInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
93
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangeEndInputDirective, isStandalone: true, selector: "[kendoDateRangeEndInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
|
|
94
|
-
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeEndInputDirective, decorators: [{
|
|
96
|
-
type: Directive,
|
|
97
|
-
args: [{
|
|
98
|
-
selector: '[kendoDateRangeEndInput]',
|
|
99
|
-
standalone: true
|
|
100
|
-
}]
|
|
101
|
-
}], ctorParameters: () => [{ type: i1.DateRangeService }, { type: i2.DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { autoCorrectOn: [{
|
|
102
|
-
type: Input
|
|
103
|
-
}], navigateCalendarOnFocus: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}] } });
|
|
@@ -1,138 +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 { ElementRef, Renderer2, NgZone, Directive } from '@angular/core';
|
|
6
|
-
import { cloneDate } from '@progress/kendo-date-math';
|
|
7
|
-
import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
|
|
8
|
-
import { Subscription, fromEvent } from 'rxjs';
|
|
9
|
-
import { DateInputComponent } from '../dateinput/dateinput.component';
|
|
10
|
-
import { DateRangeService } from './date-range.service';
|
|
11
|
-
import { isPresent } from '../common/utils';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
import * as i1 from "./date-range.service";
|
|
14
|
-
import * as i2 from "../dateinput/dateinput.component";
|
|
15
|
-
/**
|
|
16
|
-
* @hidden
|
|
17
|
-
*/
|
|
18
|
-
export class DateRangeInput {
|
|
19
|
-
activeRangeEnd;
|
|
20
|
-
dateRangeService;
|
|
21
|
-
input;
|
|
22
|
-
element;
|
|
23
|
-
renderer;
|
|
24
|
-
zone;
|
|
25
|
-
navigateCalendarOnFocus = false;
|
|
26
|
-
get isActiveEnd() {
|
|
27
|
-
return this.dateRangeService.activeRangeEnd === this.activeRangeEnd;
|
|
28
|
-
}
|
|
29
|
-
popupSubscriptions = new Subscription();
|
|
30
|
-
subscriptions = new Subscription();
|
|
31
|
-
get popupCalendarActivated() {
|
|
32
|
-
const popup = this.dateRangeService.dateRangePopup$.value;
|
|
33
|
-
return isPresent(popup) && isPresent(popup.calendar);
|
|
34
|
-
}
|
|
35
|
-
constructor(activeRangeEnd, dateRangeService, input, element, renderer, zone) {
|
|
36
|
-
this.activeRangeEnd = activeRangeEnd;
|
|
37
|
-
this.dateRangeService = dateRangeService;
|
|
38
|
-
this.input = input;
|
|
39
|
-
this.element = element;
|
|
40
|
-
this.renderer = renderer;
|
|
41
|
-
this.zone = zone;
|
|
42
|
-
}
|
|
43
|
-
init() {
|
|
44
|
-
this.input.role = 'combobox';
|
|
45
|
-
this.input.hasPopup = 'grid';
|
|
46
|
-
if (this.input.value) {
|
|
47
|
-
this.dateRangeService.setRange(this.getRange(this.input.value));
|
|
48
|
-
}
|
|
49
|
-
[
|
|
50
|
-
this.input.onBlur.subscribe(() => this.deactivate()),
|
|
51
|
-
this.input.valueUpdate.subscribe(value => this.updateRange(value, 'change')),
|
|
52
|
-
this.dateRangeService.activeRangeEnd$.subscribe(() => {
|
|
53
|
-
if (this.navigateCalendarOnFocus) {
|
|
54
|
-
this.focusActiveDate();
|
|
55
|
-
}
|
|
56
|
-
this.toggleActiveClass(this.isActiveEnd);
|
|
57
|
-
}),
|
|
58
|
-
this.dateRangeService.dateRangePopup$.subscribe(popup => this.initPopup(popup)),
|
|
59
|
-
this.dateRangeService.range$.subscribe(range => this.updateInputValue(range)),
|
|
60
|
-
fromEvent(this.element.nativeElement, 'click').subscribe(() => this.activate()),
|
|
61
|
-
fromEvent(this.element.nativeElement, 'keydown').subscribe((event) => this.togglePopup(event || {}))
|
|
62
|
-
].forEach(s => this.subscriptions.add(s));
|
|
63
|
-
}
|
|
64
|
-
destroy() {
|
|
65
|
-
this.subscriptions.unsubscribe();
|
|
66
|
-
this.unsubscribePopup();
|
|
67
|
-
}
|
|
68
|
-
initPopup(popup) {
|
|
69
|
-
if (!popup) {
|
|
70
|
-
this.unsubscribePopup();
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
if (!popup.anchor) {
|
|
74
|
-
popup.anchor = this.element.nativeElement;
|
|
75
|
-
}
|
|
76
|
-
[
|
|
77
|
-
popup.cancel.subscribe(() => this.isActiveEnd && this.input.focus()),
|
|
78
|
-
popup.onFocus.subscribe(() => this.toggleActiveClass(this.isActiveEnd)),
|
|
79
|
-
popup.onBlur.subscribe(() => this.deactivate()),
|
|
80
|
-
popup.close?.subscribe(() => this.isActiveEnd && this.input.focus())
|
|
81
|
-
].forEach(s => this.popupSubscriptions.add(s));
|
|
82
|
-
}
|
|
83
|
-
unsubscribePopup() {
|
|
84
|
-
this.popupSubscriptions.unsubscribe();
|
|
85
|
-
this.popupSubscriptions = new Subscription();
|
|
86
|
-
}
|
|
87
|
-
activate() {
|
|
88
|
-
this.dateRangeService.setActiveRangeEnd(this.activeRangeEnd);
|
|
89
|
-
this.dateRangeService.activatePopup();
|
|
90
|
-
}
|
|
91
|
-
deactivate() {
|
|
92
|
-
this.zone.runOutsideAngular(() => {
|
|
93
|
-
setTimeout(() => {
|
|
94
|
-
this.updateRange(this.input.value, 'blur');
|
|
95
|
-
if (this.dateRangeService.hasActiveComponent()) {
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
this.toggleActiveClass(false);
|
|
99
|
-
this.zone.run(() => this.dateRangeService.deactivatePopup());
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
updateRange(value, correctOn) {
|
|
104
|
-
const range = this.getRange(value, correctOn);
|
|
105
|
-
if (range) {
|
|
106
|
-
this.focusActiveDate();
|
|
107
|
-
this.dateRangeService.setRange(range);
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
togglePopup(e) {
|
|
111
|
-
const code = normalizeKeys(e);
|
|
112
|
-
const altKey = e.altKey;
|
|
113
|
-
if (code === Keys.Escape) {
|
|
114
|
-
this.dateRangeService.cancelPopup();
|
|
115
|
-
}
|
|
116
|
-
else if (altKey && code === Keys.ArrowDown) {
|
|
117
|
-
this.dateRangeService.activatePopup();
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
focusActiveDate() {
|
|
121
|
-
if (this.input.value && this.isActiveEnd) {
|
|
122
|
-
this.dateRangeService.setFocusedDate(cloneDate(this.input.value));
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
toggleActiveClass(show) {
|
|
126
|
-
const action = show ? 'addClass' : 'removeClass';
|
|
127
|
-
const nativeElement = this.element.nativeElement;
|
|
128
|
-
if (nativeElement && nativeElement.querySelector) {
|
|
129
|
-
this.renderer[action](nativeElement, 'k-focus');
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeInput, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
133
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangeInput, ngImport: i0 });
|
|
134
|
-
}
|
|
135
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeInput, decorators: [{
|
|
136
|
-
type: Directive,
|
|
137
|
-
args: [{}]
|
|
138
|
-
}], ctorParameters: () => [{ type: undefined }, { type: i1.DateRangeService }, { type: i2.DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }] });
|
|
@@ -1,36 +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, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Renders the content of the DateRange Popup.
|
|
9
|
-
* To define the popup template, nest an `<ng-template>` tag with the `kendoDateRangePopupTemplate` directive inside the component tag.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```html
|
|
13
|
-
* <kendo-daterange>
|
|
14
|
-
* <ng-template kendoDateRangePopupTemplate>
|
|
15
|
-
* <div class="custom-popup-content">
|
|
16
|
-
* Custom content for the DateRange Popup
|
|
17
|
-
* </div>
|
|
18
|
-
* </ng-template>
|
|
19
|
-
* </kendo-daterange>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export class DateRangePopupTemplateDirective {
|
|
23
|
-
templateRef;
|
|
24
|
-
constructor(templateRef) {
|
|
25
|
-
this.templateRef = templateRef;
|
|
26
|
-
}
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangePopupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
28
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangePopupTemplateDirective, isStandalone: true, selector: "[kendoDateRangePopupTemplate]", ngImport: i0 });
|
|
29
|
-
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangePopupTemplateDirective, decorators: [{
|
|
31
|
-
type: Directive,
|
|
32
|
-
args: [{
|
|
33
|
-
selector: '[kendoDateRangePopupTemplate]',
|
|
34
|
-
standalone: true
|
|
35
|
-
}]
|
|
36
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|