@progress/kendo-angular-dateinputs 19.1.2-develop.4 → 19.1.2-develop.6
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/calendar.component.d.ts +3 -0
- package/calendar/multiview-calendar.component.d.ts +3 -0
- package/codemods/utils.js +0 -3
- package/dateinput/dateinput.component.d.ts +7 -0
- package/datepicker/datepicker.component.d.ts +3 -0
- package/daterange/date-range-end-input.directive.d.ts +3 -0
- package/daterange/date-range-start-input.directive.d.ts +3 -0
- package/daterange/date-range.component.d.ts +3 -0
- package/datetimepicker/datetimepicker.component.d.ts +3 -0
- package/esm2022/calendar/calendar.component.mjs +3 -0
- package/esm2022/calendar/multiview-calendar.component.mjs +3 -0
- package/esm2022/dateinput/dateinput.component.mjs +13 -6
- package/esm2022/datepicker/datepicker.component.mjs +6 -3
- package/esm2022/daterange/date-range-end-input.directive.mjs +3 -0
- package/esm2022/daterange/date-range-start-input.directive.mjs +3 -0
- package/esm2022/daterange/date-range.component.mjs +3 -0
- package/esm2022/datetimepicker/datetimepicker.component.mjs +6 -3
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/timepicker/timepicker.component.mjs +3 -0
- package/fesm2022/progress-kendo-angular-dateinputs.mjs +45 -14
- package/package.json +11 -11
- package/popup-settings.model.d.ts +3 -10
- package/timepicker/timepicker.component.d.ts +3 -0
|
@@ -53,6 +53,9 @@ export declare const KENDO_INPUT_PROVIDER: any;
|
|
|
53
53
|
* ```html
|
|
54
54
|
* <kendo-calendar></kendo-calendar>
|
|
55
55
|
* ```
|
|
56
|
+
*
|
|
57
|
+
* @remarks
|
|
58
|
+
* Supported children components are: {@link CalendarCustomMessagesComponent}.
|
|
56
59
|
*/
|
|
57
60
|
export declare class CalendarComponent implements ControlValueAccessor, OnChanges, DoCheck, OnDestroy, AfterViewChecked, AfterViewInit, Validator {
|
|
58
61
|
private bus;
|
|
@@ -44,6 +44,9 @@ export declare const RANGE_CALENDAR_RANGE_VALIDATORS: any;
|
|
|
44
44
|
* ```html
|
|
45
45
|
* <kendo-multiviewcalendar> </kendo-multiviewcalendar>
|
|
46
46
|
* ```
|
|
47
|
+
*
|
|
48
|
+
* @remarks
|
|
49
|
+
* Supported children components are: {@link MultiViewCalendarCustomMessagesComponent}.
|
|
47
50
|
*/
|
|
48
51
|
export declare class MultiViewCalendarComponent implements AfterViewInit, ControlValueAccessor, OnChanges, DoCheck, OnDestroy, Validator {
|
|
49
52
|
bus: BusViewService;
|
package/codemods/utils.js
CHANGED
|
@@ -207,8 +207,6 @@ const tsPropertyValueTransformer = (root, j, typeName, oldValue, newValue) => {
|
|
|
207
207
|
path.node.value.value = newValue;
|
|
208
208
|
}
|
|
209
209
|
});
|
|
210
|
-
// 2. Find all assignments to variables of the specified type
|
|
211
|
-
const variablesOfType = new Set();
|
|
212
210
|
// First, collect all variables with the specified type
|
|
213
211
|
root
|
|
214
212
|
.find(j.VariableDeclarator)
|
|
@@ -224,7 +222,6 @@ const tsPropertyValueTransformer = (root, j, typeName, oldValue, newValue) => {
|
|
|
224
222
|
})
|
|
225
223
|
.forEach(path => {
|
|
226
224
|
if (path.node.id.type === 'Identifier') {
|
|
227
|
-
variablesOfType.add(path.node.id.name);
|
|
228
225
|
// Also update the initial value if it matches
|
|
229
226
|
if (path.node.init &&
|
|
230
227
|
path.node.init.type === 'StringLiteral' &&
|
|
@@ -43,6 +43,13 @@ export declare class DateInputIntl {
|
|
|
43
43
|
}
|
|
44
44
|
/**
|
|
45
45
|
* Represents the [Kendo UI DateInput component for Angular](slug:overview_dateinput).
|
|
46
|
+
*
|
|
47
|
+
* ```html
|
|
48
|
+
* <kendo-dateinput/>
|
|
49
|
+
* ```
|
|
50
|
+
*
|
|
51
|
+
* @remarks
|
|
52
|
+
* Supported children components are: {@link DateInputCustomMessagesComponent}.
|
|
46
53
|
*/
|
|
47
54
|
export declare class DateInputComponent implements OnInit, AfterViewInit, ControlValueAccessor, OnChanges, OnDestroy, Validator {
|
|
48
55
|
private cdr;
|
|
@@ -54,6 +54,9 @@ import * as i0 from "@angular/core";
|
|
|
54
54
|
* selectedDate = new Date();
|
|
55
55
|
* }
|
|
56
56
|
* ```
|
|
57
|
+
*
|
|
58
|
+
* @remarks
|
|
59
|
+
* Supported children components are: {@link DatePickerCustomMessagesComponent}.
|
|
57
60
|
*/
|
|
58
61
|
export declare class DatePickerComponent extends MultiTabStop implements ControlValueAccessor, OnInit, AfterViewInit, OnChanges, OnDestroy, Validator {
|
|
59
62
|
zone: NgZone;
|
|
@@ -30,6 +30,9 @@ import * as i0 from "@angular/core";
|
|
|
30
30
|
* public endDate: Date = new Date();
|
|
31
31
|
* }
|
|
32
32
|
* ```
|
|
33
|
+
*
|
|
34
|
+
* @remarks
|
|
35
|
+
* Applied to: {@link DateInputComponent}
|
|
33
36
|
*/
|
|
34
37
|
export declare class DateRangeEndInputDirective extends DateRangeInput implements OnInit, OnDestroy {
|
|
35
38
|
private rangeService;
|
|
@@ -30,6 +30,9 @@ import * as i0 from "@angular/core";
|
|
|
30
30
|
* public endDate: Date = new Date();
|
|
31
31
|
* }
|
|
32
32
|
* ```
|
|
33
|
+
*
|
|
34
|
+
* @remarks
|
|
35
|
+
* Applied to: {@link DateInputComponent}
|
|
33
36
|
*/
|
|
34
37
|
export declare class DateRangeStartInputDirective extends DateRangeInput implements OnInit, OnDestroy {
|
|
35
38
|
private rangeService;
|
|
@@ -24,6 +24,9 @@ import * as i0 from "@angular/core";
|
|
|
24
24
|
* public dateRange: any = { start: null, end: null };
|
|
25
25
|
* }
|
|
26
26
|
* ```
|
|
27
|
+
*
|
|
28
|
+
* @remarks
|
|
29
|
+
* Supported children components are: {@link DateRangePopupComponent}, {@link DateRangePopupCustomMessagesComponent}, {@link DateInputComponent}.
|
|
27
30
|
*/
|
|
28
31
|
export declare class DateRangeComponent implements AfterContentInit, OnDestroy {
|
|
29
32
|
private dateRangeService;
|
|
@@ -62,6 +62,9 @@ import * as i0 from "@angular/core";
|
|
|
62
62
|
* public maxDate: Date = new Date(2030, 11, 31);
|
|
63
63
|
* }
|
|
64
64
|
* ```
|
|
65
|
+
*
|
|
66
|
+
* @remarks
|
|
67
|
+
* Supported children components are: {@link DateTimePickerCustomMessagesComponent}.
|
|
65
68
|
*/
|
|
66
69
|
export declare class DateTimePickerComponent extends MultiTabStop implements OnInit, OnChanges, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
|
|
67
70
|
private popupService;
|
|
@@ -67,6 +67,9 @@ export const RANGE_CALENDAR_RANGE_VALIDATORS = {
|
|
|
67
67
|
* ```html
|
|
68
68
|
* <kendo-multiviewcalendar> </kendo-multiviewcalendar>
|
|
69
69
|
* ```
|
|
70
|
+
*
|
|
71
|
+
* @remarks
|
|
72
|
+
* Supported children components are: {@link MultiViewCalendarCustomMessagesComponent}.
|
|
70
73
|
*/
|
|
71
74
|
export class MultiViewCalendarComponent {
|
|
72
75
|
bus;
|
|
@@ -82,6 +82,13 @@ export class DateInputIntl {
|
|
|
82
82
|
}
|
|
83
83
|
/**
|
|
84
84
|
* Represents the [Kendo UI DateInput component for Angular](slug:overview_dateinput).
|
|
85
|
+
*
|
|
86
|
+
* ```html
|
|
87
|
+
* <kendo-dateinput/>
|
|
88
|
+
* ```
|
|
89
|
+
*
|
|
90
|
+
* @remarks
|
|
91
|
+
* Supported children components are: {@link DateInputCustomMessagesComponent}.
|
|
85
92
|
*/
|
|
86
93
|
export class DateInputComponent {
|
|
87
94
|
cdr;
|
|
@@ -191,7 +198,7 @@ export class DateInputComponent {
|
|
|
191
198
|
* [placeholders]({% slug placeholders_dateinput %}).
|
|
192
199
|
*/
|
|
193
200
|
set formatPlaceholder(format) {
|
|
194
|
-
this._formatPlaceholder = format
|
|
201
|
+
this._formatPlaceholder = format || DEFAULT_FORMAT_PLACEHOLDER;
|
|
195
202
|
}
|
|
196
203
|
get formatPlaceholder() {
|
|
197
204
|
return this._formatPlaceholder;
|
|
@@ -321,7 +328,7 @@ export class DateInputComponent {
|
|
|
321
328
|
*/
|
|
322
329
|
set size(size) {
|
|
323
330
|
this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
|
|
324
|
-
const newSize = size
|
|
331
|
+
const newSize = size || DEFAULT_SIZE;
|
|
325
332
|
if (newSize !== 'none') {
|
|
326
333
|
this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
|
|
327
334
|
}
|
|
@@ -336,7 +343,7 @@ export class DateInputComponent {
|
|
|
336
343
|
*/
|
|
337
344
|
set rounded(rounded) {
|
|
338
345
|
this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
|
|
339
|
-
const newRounded = rounded
|
|
346
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
340
347
|
if (newRounded !== 'none') {
|
|
341
348
|
this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
|
|
342
349
|
}
|
|
@@ -351,7 +358,7 @@ export class DateInputComponent {
|
|
|
351
358
|
*/
|
|
352
359
|
set fillMode(fillMode) {
|
|
353
360
|
this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
|
|
354
|
-
const newFillMode = fillMode
|
|
361
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE;
|
|
355
362
|
if (newFillMode !== 'none') {
|
|
356
363
|
this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
|
|
357
364
|
if (this.spinners && this.spinup && this.spindown) {
|
|
@@ -742,7 +749,7 @@ export class DateInputComponent {
|
|
|
742
749
|
*
|
|
743
750
|
*/
|
|
744
751
|
focus() {
|
|
745
|
-
this.kendoDate
|
|
752
|
+
this.kendoDate?.focus();
|
|
746
753
|
}
|
|
747
754
|
/**
|
|
748
755
|
* Blurs the DateInput component.
|
|
@@ -876,7 +883,7 @@ export class DateInputComponent {
|
|
|
876
883
|
}
|
|
877
884
|
}
|
|
878
885
|
setInputAttributes() {
|
|
879
|
-
const attributesToRender =
|
|
886
|
+
const attributesToRender = { ...this.mutableAttributes, ...this.parsedAttributes };
|
|
880
887
|
setHTMLAttributes(attributesToRender, this.renderer, this.dateInput.nativeElement, this.ngZone);
|
|
881
888
|
}
|
|
882
889
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.IntlService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i2.LocalizationService }, { token: i3.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -73,6 +73,9 @@ const TWO_DIGIT_YEAR_MAX = 68;
|
|
|
73
73
|
* selectedDate = new Date();
|
|
74
74
|
* }
|
|
75
75
|
* ```
|
|
76
|
+
*
|
|
77
|
+
* @remarks
|
|
78
|
+
* Supported children components are: {@link DatePickerCustomMessagesComponent}.
|
|
76
79
|
*/
|
|
77
80
|
export class DatePickerComponent extends MultiTabStop {
|
|
78
81
|
zone;
|
|
@@ -281,7 +284,7 @@ export class DatePickerComponent extends MultiTabStop {
|
|
|
281
284
|
* The popupClass option specifies a list of CSS classes that are used to style the popup.
|
|
282
285
|
*/
|
|
283
286
|
set popupSettings(settings) {
|
|
284
|
-
this._popupSettings =
|
|
287
|
+
this._popupSettings = { animate: true, ...settings };
|
|
285
288
|
}
|
|
286
289
|
get popupSettings() {
|
|
287
290
|
return this._popupSettings;
|
|
@@ -463,7 +466,7 @@ export class DatePickerComponent extends MultiTabStop {
|
|
|
463
466
|
set size(size) {
|
|
464
467
|
this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
|
|
465
468
|
this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
|
|
466
|
-
const newSize = size
|
|
469
|
+
const newSize = size || DEFAULT_SIZE;
|
|
467
470
|
if (newSize !== 'none') {
|
|
468
471
|
this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
|
|
469
472
|
this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
|
|
@@ -479,7 +482,7 @@ export class DatePickerComponent extends MultiTabStop {
|
|
|
479
482
|
*/
|
|
480
483
|
set rounded(rounded) {
|
|
481
484
|
this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
|
|
482
|
-
const newRounded = rounded
|
|
485
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
483
486
|
if (newRounded !== 'none') {
|
|
484
487
|
this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
|
|
485
488
|
}
|
|
@@ -34,6 +34,9 @@ import * as i2 from "../dateinput/dateinput.component";
|
|
|
34
34
|
* public endDate: Date = new Date();
|
|
35
35
|
* }
|
|
36
36
|
* ```
|
|
37
|
+
*
|
|
38
|
+
* @remarks
|
|
39
|
+
* Applied to: {@link DateInputComponent}
|
|
37
40
|
*/
|
|
38
41
|
export class DateRangeEndInputDirective extends DateRangeInput {
|
|
39
42
|
rangeService;
|
|
@@ -34,6 +34,9 @@ import * as i2 from "../dateinput/dateinput.component";
|
|
|
34
34
|
* public endDate: Date = new Date();
|
|
35
35
|
* }
|
|
36
36
|
* ```
|
|
37
|
+
*
|
|
38
|
+
* @remarks
|
|
39
|
+
* Applied to: {@link DateInputComponent}
|
|
37
40
|
*/
|
|
38
41
|
export class DateRangeStartInputDirective extends DateRangeInput {
|
|
39
42
|
rangeService;
|
|
@@ -29,6 +29,9 @@ import * as i1 from "./date-range.service";
|
|
|
29
29
|
* public dateRange: any = { start: null, end: null };
|
|
30
30
|
* }
|
|
31
31
|
* ```
|
|
32
|
+
*
|
|
33
|
+
* @remarks
|
|
34
|
+
* Supported children components are: {@link DateRangePopupComponent}, {@link DateRangePopupCustomMessagesComponent}, {@link DateInputComponent}.
|
|
32
35
|
*/
|
|
33
36
|
export class DateRangeComponent {
|
|
34
37
|
dateRangeService;
|
|
@@ -89,6 +89,9 @@ const TODAY_BUTTON_SELECTOR = '.k-button.k-calendar-nav-today';
|
|
|
89
89
|
* public maxDate: Date = new Date(2030, 11, 31);
|
|
90
90
|
* }
|
|
91
91
|
* ```
|
|
92
|
+
*
|
|
93
|
+
* @remarks
|
|
94
|
+
* Supported children components are: {@link DateTimePickerCustomMessagesComponent}.
|
|
92
95
|
*/
|
|
93
96
|
export class DateTimePickerComponent extends MultiTabStop {
|
|
94
97
|
popupService;
|
|
@@ -484,7 +487,7 @@ export class DateTimePickerComponent extends MultiTabStop {
|
|
|
484
487
|
set size(size) {
|
|
485
488
|
this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
|
|
486
489
|
this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
|
|
487
|
-
const newSize = size
|
|
490
|
+
const newSize = size || DEFAULT_SIZE;
|
|
488
491
|
if (newSize !== 'none') {
|
|
489
492
|
this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
|
|
490
493
|
this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
|
|
@@ -500,7 +503,7 @@ export class DateTimePickerComponent extends MultiTabStop {
|
|
|
500
503
|
*/
|
|
501
504
|
set rounded(rounded) {
|
|
502
505
|
this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
|
|
503
|
-
const newRounded = rounded
|
|
506
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
504
507
|
if (newRounded !== 'none') {
|
|
505
508
|
this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
|
|
506
509
|
}
|
|
@@ -517,7 +520,7 @@ export class DateTimePickerComponent extends MultiTabStop {
|
|
|
517
520
|
this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
|
|
518
521
|
this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
|
|
519
522
|
this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
|
|
520
|
-
const newFillMode = fillMode
|
|
523
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE;
|
|
521
524
|
if (newFillMode !== 'none') {
|
|
522
525
|
this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
|
|
523
526
|
this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '19.1.2-develop.
|
|
13
|
+
publishDate: 1750433700,
|
|
14
|
+
version: '19.1.2-develop.6',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -60,6 +60,9 @@ const CANCEL_BUTTON_SELECTOR = '.k-button.k-time-cancel';
|
|
|
60
60
|
* public selectedTime: Date = new Date();
|
|
61
61
|
* }
|
|
62
62
|
* ```
|
|
63
|
+
*
|
|
64
|
+
* @remarks
|
|
65
|
+
* Supported children components are: {@link TimePickerCustomMessagesComponent}.
|
|
63
66
|
*/
|
|
64
67
|
export class TimePickerComponent extends MultiTabStop {
|
|
65
68
|
bus;
|
|
@@ -36,8 +36,8 @@ const packageMetadata = {
|
|
|
36
36
|
productName: 'Kendo UI for Angular',
|
|
37
37
|
productCode: 'KENDOUIANGULAR',
|
|
38
38
|
productCodes: ['KENDOUIANGULAR'],
|
|
39
|
-
publishDate:
|
|
40
|
-
version: '19.1.2-develop.
|
|
39
|
+
publishDate: 1750433700,
|
|
40
|
+
version: '19.1.2-develop.6',
|
|
41
41
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -3643,6 +3643,9 @@ const RANGE_CALENDAR_RANGE_VALIDATORS = {
|
|
|
3643
3643
|
* ```html
|
|
3644
3644
|
* <kendo-multiviewcalendar> </kendo-multiviewcalendar>
|
|
3645
3645
|
* ```
|
|
3646
|
+
*
|
|
3647
|
+
* @remarks
|
|
3648
|
+
* Supported children components are: {@link MultiViewCalendarCustomMessagesComponent}.
|
|
3646
3649
|
*/
|
|
3647
3650
|
class MultiViewCalendarComponent {
|
|
3648
3651
|
bus;
|
|
@@ -6748,6 +6751,9 @@ const KENDO_INPUT_PROVIDER = {
|
|
|
6748
6751
|
* ```html
|
|
6749
6752
|
* <kendo-calendar></kendo-calendar>
|
|
6750
6753
|
* ```
|
|
6754
|
+
*
|
|
6755
|
+
* @remarks
|
|
6756
|
+
* Supported children components are: {@link CalendarCustomMessagesComponent}.
|
|
6751
6757
|
*/
|
|
6752
6758
|
class CalendarComponent {
|
|
6753
6759
|
bus;
|
|
@@ -8509,6 +8515,13 @@ class DateInputIntl {
|
|
|
8509
8515
|
}
|
|
8510
8516
|
/**
|
|
8511
8517
|
* Represents the [Kendo UI DateInput component for Angular](slug:overview_dateinput).
|
|
8518
|
+
*
|
|
8519
|
+
* ```html
|
|
8520
|
+
* <kendo-dateinput/>
|
|
8521
|
+
* ```
|
|
8522
|
+
*
|
|
8523
|
+
* @remarks
|
|
8524
|
+
* Supported children components are: {@link DateInputCustomMessagesComponent}.
|
|
8512
8525
|
*/
|
|
8513
8526
|
class DateInputComponent {
|
|
8514
8527
|
cdr;
|
|
@@ -8618,7 +8631,7 @@ class DateInputComponent {
|
|
|
8618
8631
|
* [placeholders]({% slug placeholders_dateinput %}).
|
|
8619
8632
|
*/
|
|
8620
8633
|
set formatPlaceholder(format) {
|
|
8621
|
-
this._formatPlaceholder = format
|
|
8634
|
+
this._formatPlaceholder = format || DEFAULT_FORMAT_PLACEHOLDER;
|
|
8622
8635
|
}
|
|
8623
8636
|
get formatPlaceholder() {
|
|
8624
8637
|
return this._formatPlaceholder;
|
|
@@ -8748,7 +8761,7 @@ class DateInputComponent {
|
|
|
8748
8761
|
*/
|
|
8749
8762
|
set size(size) {
|
|
8750
8763
|
this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
|
|
8751
|
-
const newSize = size
|
|
8764
|
+
const newSize = size || DEFAULT_SIZE;
|
|
8752
8765
|
if (newSize !== 'none') {
|
|
8753
8766
|
this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
|
|
8754
8767
|
}
|
|
@@ -8763,7 +8776,7 @@ class DateInputComponent {
|
|
|
8763
8776
|
*/
|
|
8764
8777
|
set rounded(rounded) {
|
|
8765
8778
|
this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
|
|
8766
|
-
const newRounded = rounded
|
|
8779
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
8767
8780
|
if (newRounded !== 'none') {
|
|
8768
8781
|
this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
|
|
8769
8782
|
}
|
|
@@ -8778,7 +8791,7 @@ class DateInputComponent {
|
|
|
8778
8791
|
*/
|
|
8779
8792
|
set fillMode(fillMode) {
|
|
8780
8793
|
this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
|
|
8781
|
-
const newFillMode = fillMode
|
|
8794
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE;
|
|
8782
8795
|
if (newFillMode !== 'none') {
|
|
8783
8796
|
this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
|
|
8784
8797
|
if (this.spinners && this.spinup && this.spindown) {
|
|
@@ -9169,7 +9182,7 @@ class DateInputComponent {
|
|
|
9169
9182
|
*
|
|
9170
9183
|
*/
|
|
9171
9184
|
focus() {
|
|
9172
|
-
this.kendoDate
|
|
9185
|
+
this.kendoDate?.focus();
|
|
9173
9186
|
}
|
|
9174
9187
|
/**
|
|
9175
9188
|
* Blurs the DateInput component.
|
|
@@ -9303,7 +9316,7 @@ class DateInputComponent {
|
|
|
9303
9316
|
}
|
|
9304
9317
|
}
|
|
9305
9318
|
setInputAttributes() {
|
|
9306
|
-
const attributesToRender =
|
|
9319
|
+
const attributesToRender = { ...this.mutableAttributes, ...this.parsedAttributes };
|
|
9307
9320
|
setHTMLAttributes(attributesToRender, this.renderer, this.dateInput.nativeElement, this.ngZone);
|
|
9308
9321
|
}
|
|
9309
9322
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.IntlService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i1$1.LocalizationService }, { token: PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -9856,6 +9869,9 @@ const TWO_DIGIT_YEAR_MAX$1 = 68;
|
|
|
9856
9869
|
* selectedDate = new Date();
|
|
9857
9870
|
* }
|
|
9858
9871
|
* ```
|
|
9872
|
+
*
|
|
9873
|
+
* @remarks
|
|
9874
|
+
* Supported children components are: {@link DatePickerCustomMessagesComponent}.
|
|
9859
9875
|
*/
|
|
9860
9876
|
class DatePickerComponent extends MultiTabStop {
|
|
9861
9877
|
zone;
|
|
@@ -10064,7 +10080,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
10064
10080
|
* The popupClass option specifies a list of CSS classes that are used to style the popup.
|
|
10065
10081
|
*/
|
|
10066
10082
|
set popupSettings(settings) {
|
|
10067
|
-
this._popupSettings =
|
|
10083
|
+
this._popupSettings = { animate: true, ...settings };
|
|
10068
10084
|
}
|
|
10069
10085
|
get popupSettings() {
|
|
10070
10086
|
return this._popupSettings;
|
|
@@ -10246,7 +10262,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
10246
10262
|
set size(size) {
|
|
10247
10263
|
this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
|
|
10248
10264
|
this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
|
|
10249
|
-
const newSize = size
|
|
10265
|
+
const newSize = size || DEFAULT_SIZE;
|
|
10250
10266
|
if (newSize !== 'none') {
|
|
10251
10267
|
this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
|
|
10252
10268
|
this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
|
|
@@ -10262,7 +10278,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
10262
10278
|
*/
|
|
10263
10279
|
set rounded(rounded) {
|
|
10264
10280
|
this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
|
|
10265
|
-
const newRounded = rounded
|
|
10281
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
10266
10282
|
if (newRounded !== 'none') {
|
|
10267
10283
|
this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
|
|
10268
10284
|
}
|
|
@@ -13568,6 +13584,9 @@ const CANCEL_BUTTON_SELECTOR = '.k-button.k-time-cancel';
|
|
|
13568
13584
|
* public selectedTime: Date = new Date();
|
|
13569
13585
|
* }
|
|
13570
13586
|
* ```
|
|
13587
|
+
*
|
|
13588
|
+
* @remarks
|
|
13589
|
+
* Supported children components are: {@link TimePickerCustomMessagesComponent}.
|
|
13571
13590
|
*/
|
|
13572
13591
|
class TimePickerComponent extends MultiTabStop {
|
|
13573
13592
|
bus;
|
|
@@ -15295,6 +15314,9 @@ const TODAY_BUTTON_SELECTOR = '.k-button.k-calendar-nav-today';
|
|
|
15295
15314
|
* public maxDate: Date = new Date(2030, 11, 31);
|
|
15296
15315
|
* }
|
|
15297
15316
|
* ```
|
|
15317
|
+
*
|
|
15318
|
+
* @remarks
|
|
15319
|
+
* Supported children components are: {@link DateTimePickerCustomMessagesComponent}.
|
|
15298
15320
|
*/
|
|
15299
15321
|
class DateTimePickerComponent extends MultiTabStop {
|
|
15300
15322
|
popupService;
|
|
@@ -15690,7 +15712,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
15690
15712
|
set size(size) {
|
|
15691
15713
|
this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
|
|
15692
15714
|
this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
|
|
15693
|
-
const newSize = size
|
|
15715
|
+
const newSize = size || DEFAULT_SIZE;
|
|
15694
15716
|
if (newSize !== 'none') {
|
|
15695
15717
|
this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
|
|
15696
15718
|
this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', newSize));
|
|
@@ -15706,7 +15728,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
15706
15728
|
*/
|
|
15707
15729
|
set rounded(rounded) {
|
|
15708
15730
|
this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
|
|
15709
|
-
const newRounded = rounded
|
|
15731
|
+
const newRounded = rounded || DEFAULT_ROUNDED;
|
|
15710
15732
|
if (newRounded !== 'none') {
|
|
15711
15733
|
this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
|
|
15712
15734
|
}
|
|
@@ -15723,7 +15745,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
15723
15745
|
this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
|
|
15724
15746
|
this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
|
|
15725
15747
|
this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
|
|
15726
|
-
const newFillMode = fillMode
|
|
15748
|
+
const newFillMode = fillMode || DEFAULT_FILL_MODE;
|
|
15727
15749
|
if (newFillMode !== 'none') {
|
|
15728
15750
|
this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
|
|
15729
15751
|
this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
|
|
@@ -19263,6 +19285,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
19263
19285
|
* public dateRange: any = { start: null, end: null };
|
|
19264
19286
|
* }
|
|
19265
19287
|
* ```
|
|
19288
|
+
*
|
|
19289
|
+
* @remarks
|
|
19290
|
+
* Supported children components are: {@link DateRangePopupComponent}, {@link DateRangePopupCustomMessagesComponent}, {@link DateInputComponent}.
|
|
19266
19291
|
*/
|
|
19267
19292
|
class DateRangeComponent {
|
|
19268
19293
|
dateRangeService;
|
|
@@ -19486,6 +19511,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
19486
19511
|
* public endDate: Date = new Date();
|
|
19487
19512
|
* }
|
|
19488
19513
|
* ```
|
|
19514
|
+
*
|
|
19515
|
+
* @remarks
|
|
19516
|
+
* Applied to: {@link DateInputComponent}
|
|
19489
19517
|
*/
|
|
19490
19518
|
class DateRangeEndInputDirective extends DateRangeInput {
|
|
19491
19519
|
rangeService;
|
|
@@ -19574,6 +19602,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
19574
19602
|
* public endDate: Date = new Date();
|
|
19575
19603
|
* }
|
|
19576
19604
|
* ```
|
|
19605
|
+
*
|
|
19606
|
+
* @remarks
|
|
19607
|
+
* Applied to: {@link DateInputComponent}
|
|
19577
19608
|
*/
|
|
19578
19609
|
class DateRangeStartInputDirective extends DateRangeInput {
|
|
19579
19610
|
rangeService;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dateinputs",
|
|
3
|
-
"version": "19.1.2-develop.
|
|
3
|
+
"version": "19.1.2-develop.6",
|
|
4
4
|
"description": "Kendo UI for Angular Date Inputs Package - Everything you need to add date selection functionality to apps (DatePicker, TimePicker, DateInput, DateRangePicker, DateTimePicker, Calendar, and MultiViewCalendar).",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"package": {
|
|
80
80
|
"productName": "Kendo UI for Angular",
|
|
81
81
|
"productCode": "KENDOUIANGULAR",
|
|
82
|
-
"publishDate":
|
|
82
|
+
"publishDate": 1750433700,
|
|
83
83
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
84
84
|
}
|
|
85
85
|
},
|
|
@@ -90,19 +90,19 @@
|
|
|
90
90
|
"@angular/forms": "16 - 20",
|
|
91
91
|
"@angular/platform-browser": "16 - 20",
|
|
92
92
|
"@progress/kendo-licensing": "^1.5.0",
|
|
93
|
-
"@progress/kendo-angular-buttons": "19.1.2-develop.
|
|
94
|
-
"@progress/kendo-angular-common": "19.1.2-develop.
|
|
95
|
-
"@progress/kendo-angular-utils": "19.1.2-develop.
|
|
96
|
-
"@progress/kendo-angular-intl": "19.1.2-develop.
|
|
97
|
-
"@progress/kendo-angular-l10n": "19.1.2-develop.
|
|
98
|
-
"@progress/kendo-angular-icons": "19.1.2-develop.
|
|
99
|
-
"@progress/kendo-angular-popup": "19.1.2-develop.
|
|
100
|
-
"@progress/kendo-angular-navigation": "19.1.2-develop.
|
|
93
|
+
"@progress/kendo-angular-buttons": "19.1.2-develop.6",
|
|
94
|
+
"@progress/kendo-angular-common": "19.1.2-develop.6",
|
|
95
|
+
"@progress/kendo-angular-utils": "19.1.2-develop.6",
|
|
96
|
+
"@progress/kendo-angular-intl": "19.1.2-develop.6",
|
|
97
|
+
"@progress/kendo-angular-l10n": "19.1.2-develop.6",
|
|
98
|
+
"@progress/kendo-angular-icons": "19.1.2-develop.6",
|
|
99
|
+
"@progress/kendo-angular-popup": "19.1.2-develop.6",
|
|
100
|
+
"@progress/kendo-angular-navigation": "19.1.2-develop.6",
|
|
101
101
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
102
102
|
},
|
|
103
103
|
"dependencies": {
|
|
104
104
|
"tslib": "^2.3.1",
|
|
105
|
-
"@progress/kendo-angular-schematics": "19.1.2-develop.
|
|
105
|
+
"@progress/kendo-angular-schematics": "19.1.2-develop.6",
|
|
106
106
|
"@progress/kendo-common": "^1.0.1",
|
|
107
107
|
"@progress/kendo-date-math": "^1.1.0",
|
|
108
108
|
"@progress/kendo-dateinputs-common": "^0.4.4",
|
|
@@ -7,16 +7,9 @@ import { ViewContainerRef } from '@angular/core';
|
|
|
7
7
|
* Used for configuring the options of the popup container.
|
|
8
8
|
*
|
|
9
9
|
* @example
|
|
10
|
-
* ```
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* template: `
|
|
14
|
-
* <kendo-datepicker [popupSettings]="{ animate: false }">
|
|
15
|
-
* </kendo-datepicker>
|
|
16
|
-
* `
|
|
17
|
-
* })
|
|
18
|
-
* export class AppComponent {
|
|
19
|
-
* }
|
|
10
|
+
* ```html
|
|
11
|
+
* <kendo-timepicker [popupSettings]="{ animate: false, appendTo: 'root', popupClass: 'custom-popup' }">
|
|
12
|
+
* </kendo-timepicker>
|
|
20
13
|
* ```
|
|
21
14
|
*/
|
|
22
15
|
export interface PopupSettings {
|
|
@@ -39,6 +39,9 @@ import * as i0 from "@angular/core";
|
|
|
39
39
|
* public selectedTime: Date = new Date();
|
|
40
40
|
* }
|
|
41
41
|
* ```
|
|
42
|
+
*
|
|
43
|
+
* @remarks
|
|
44
|
+
* Supported children components are: {@link TimePickerCustomMessagesComponent}.
|
|
42
45
|
*/
|
|
43
46
|
export declare class TimePickerComponent extends MultiTabStop implements ControlValueAccessor, OnInit, AfterViewInit, OnChanges, OnDestroy, Validator {
|
|
44
47
|
private bus;
|