@progress/kendo-angular-dateinputs 16.0.0-develop.13 → 16.0.0-develop.14
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/datetimepicker/datetimepicker.component.d.ts +5 -0
- package/esm2020/datetimepicker/datetimepicker.component.mjs +14 -2
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/timepicker/timepicker.component.mjs +1 -1
- package/esm2020/timepicker/timeselector.component.mjs +22 -7
- package/fesm2015/progress-kendo-angular-dateinputs.mjs +41 -13
- package/fesm2020/progress-kendo-angular-dateinputs.mjs +39 -12
- package/package.json +8 -8
- package/timepicker/timeselector.component.d.ts +2 -1
|
@@ -514,6 +514,7 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
|
|
|
514
514
|
private get acceptButton();
|
|
515
515
|
private get cancelButtonElement();
|
|
516
516
|
private get dateTabButton();
|
|
517
|
+
private get timeTabButton();
|
|
517
518
|
/**
|
|
518
519
|
* @hidden
|
|
519
520
|
*/
|
|
@@ -622,6 +623,10 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
|
|
|
622
623
|
* @hidden
|
|
623
624
|
*/
|
|
624
625
|
onTabOutLastPart(): void;
|
|
626
|
+
/**
|
|
627
|
+
* @hidden
|
|
628
|
+
*/
|
|
629
|
+
onTabOutNow(): void;
|
|
625
630
|
/**
|
|
626
631
|
* @hidden
|
|
627
632
|
*/
|
|
@@ -63,6 +63,7 @@ const TWO_DIGIT_YEAR_MAX = 68;
|
|
|
63
63
|
const ACCEPT_BUTTON_SELECTOR = '.k-button.k-time-accept';
|
|
64
64
|
const CANCEL_BUTTON_SELECOTR = '.k-button.k-time-cancel';
|
|
65
65
|
const DATE_TAB_BUTTON_SELECTOR = '.k-button.k-date-tab';
|
|
66
|
+
const TIME_TAB_BUTTON_SELECTOR = '.k-button.k-time-tab';
|
|
66
67
|
/**
|
|
67
68
|
* Represents the [Kendo UI DateTimePicker component for Angular]({% slug overview_datetimepicker %}).
|
|
68
69
|
*/
|
|
@@ -659,6 +660,9 @@ export class DateTimePickerComponent {
|
|
|
659
660
|
get dateTabButton() {
|
|
660
661
|
return this.popupRef?.popup.instance.container.nativeElement.querySelector(DATE_TAB_BUTTON_SELECTOR);
|
|
661
662
|
}
|
|
663
|
+
get timeTabButton() {
|
|
664
|
+
return this.popupRef?.popup.instance.container.nativeElement.querySelector(TIME_TAB_BUTTON_SELECTOR);
|
|
665
|
+
}
|
|
662
666
|
/**
|
|
663
667
|
* @hidden
|
|
664
668
|
*/
|
|
@@ -905,6 +909,12 @@ export class DateTimePickerComponent {
|
|
|
905
909
|
this.dateTabButton.focus();
|
|
906
910
|
}
|
|
907
911
|
}
|
|
912
|
+
/**
|
|
913
|
+
* @hidden
|
|
914
|
+
*/
|
|
915
|
+
onTabOutNow() {
|
|
916
|
+
this.timeTabButton.focus();
|
|
917
|
+
}
|
|
908
918
|
/**
|
|
909
919
|
* @hidden
|
|
910
920
|
*/
|
|
@@ -1028,7 +1038,7 @@ export class DateTimePickerComponent {
|
|
|
1028
1038
|
this.calendar.monthView.list.nativeElement.focus();
|
|
1029
1039
|
}
|
|
1030
1040
|
else {
|
|
1031
|
-
this.timeSelector.focus();
|
|
1041
|
+
this.timeSelector.timeLists.last.focus();
|
|
1032
1042
|
}
|
|
1033
1043
|
}
|
|
1034
1044
|
break;
|
|
@@ -1644,6 +1654,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
1644
1654
|
[isAdaptiveEnabled]="isAdaptiveModeEnabled"
|
|
1645
1655
|
[isDateTimePicker]="true"
|
|
1646
1656
|
(tabOutLastPart)="onTabOutLastPart()"
|
|
1657
|
+
(tabOutNow)="onTabOutNow()"
|
|
1647
1658
|
>
|
|
1648
1659
|
<kendo-timeselector-messages
|
|
1649
1660
|
[acceptLabel]="localization.get('acceptLabel')"
|
|
@@ -1704,7 +1715,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
1704
1715
|
</div>
|
|
1705
1716
|
</div>
|
|
1706
1717
|
</ng-template>
|
|
1707
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i8.CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: i9.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: i10.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: i11.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart"], exportAs: ["kendo-timeselector"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i13.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i14.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i14.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i15.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i16.LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1718
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i8.CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: i9.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: i10.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: i11.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i13.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i14.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i14.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i15.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i16.LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1708
1719
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimePickerComponent, decorators: [{
|
|
1709
1720
|
type: Component,
|
|
1710
1721
|
args: [{
|
|
@@ -2032,6 +2043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
2032
2043
|
[isAdaptiveEnabled]="isAdaptiveModeEnabled"
|
|
2033
2044
|
[isDateTimePicker]="true"
|
|
2034
2045
|
(tabOutLastPart)="onTabOutLastPart()"
|
|
2046
|
+
(tabOutNow)="onTabOutNow()"
|
|
2035
2047
|
>
|
|
2036
2048
|
<kendo-timeselector-messages
|
|
2037
2049
|
[acceptLabel]="localization.get('acceptLabel')"
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-dateinputs',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '16.0.0-develop.
|
|
12
|
+
publishDate: 1715100988,
|
|
13
|
+
version: '16.0.0-develop.14',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -1168,7 +1168,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
1168
1168
|
</kendo-timeselector-messages>
|
|
1169
1169
|
</kendo-timeselector>
|
|
1170
1170
|
</ng-template>
|
|
1171
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i10.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i10.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i11.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i12.TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: i13.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: i14.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart"], exportAs: ["kendo-timeselector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1171
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i10.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i10.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i11.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i12.TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: i13.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: i14.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1172
1172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
1173
1173
|
type: Component,
|
|
1174
1174
|
args: [{
|
|
@@ -97,6 +97,7 @@ export class TimeSelectorComponent {
|
|
|
97
97
|
*/
|
|
98
98
|
this.valueReject = new EventEmitter();
|
|
99
99
|
this.tabOutLastPart = new EventEmitter();
|
|
100
|
+
this.tabOutNow = new EventEmitter();
|
|
100
101
|
this.isActive = false;
|
|
101
102
|
this.showNowButton = true;
|
|
102
103
|
this._activeListIndex = -1;
|
|
@@ -192,7 +193,7 @@ export class TimeSelectorComponent {
|
|
|
192
193
|
if (keyCode === Keys.Tab && shiftKey) {
|
|
193
194
|
event.preventDefault();
|
|
194
195
|
this.renderer.removeClass(this.timeListWrappers.first.nativeElement, 'k-focus');
|
|
195
|
-
this.
|
|
196
|
+
this.now ? this.now.nativeElement.focus() : this.cancel.nativeElement.focus();
|
|
196
197
|
}
|
|
197
198
|
}));
|
|
198
199
|
this.subscriptions.add(fromEvent(this.timeListWrappers.last.nativeElement, 'keydown').subscribe((event) => {
|
|
@@ -311,13 +312,23 @@ export class TimeSelectorComponent {
|
|
|
311
312
|
*/
|
|
312
313
|
handleTabOut(event) {
|
|
313
314
|
const { keyCode, shiftKey } = event;
|
|
314
|
-
if (keyCode === Keys.Tab &&
|
|
315
|
+
if (event.target === this.now?.nativeElement && keyCode === Keys.Tab && shiftKey) {
|
|
316
|
+
event.preventDefault();
|
|
317
|
+
if (this.isDateTimePicker) {
|
|
318
|
+
this.tabOutNow.emit();
|
|
319
|
+
}
|
|
320
|
+
else {
|
|
321
|
+
this.cancel ? this.cancel.nativeElement.focus() : this.accept.nativeElement.focus();
|
|
322
|
+
}
|
|
323
|
+
return;
|
|
324
|
+
}
|
|
325
|
+
if (keyCode === Keys.Tab && !shiftKey && event.target !== this.now?.nativeElement) {
|
|
315
326
|
event.preventDefault();
|
|
316
327
|
if (document.activeElement === this.accept.nativeElement) {
|
|
317
|
-
this.cancel ? this.cancel.nativeElement.focus() : this.
|
|
328
|
+
this.cancel ? this.cancel.nativeElement.focus() : this.now?.nativeElement.focus();
|
|
318
329
|
}
|
|
319
330
|
else {
|
|
320
|
-
this.timeLists.first.focus();
|
|
331
|
+
this.now ? this.now.nativeElement.focus() : this.timeLists.first.focus();
|
|
321
332
|
}
|
|
322
333
|
}
|
|
323
334
|
}
|
|
@@ -408,7 +419,7 @@ export class TimeSelectorComponent {
|
|
|
408
419
|
}
|
|
409
420
|
}
|
|
410
421
|
TimeSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimeSelectorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.IntlService }, { token: i3.TimePickerDOMService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i4.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
411
|
-
TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
422
|
+
TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart", tabOutNow: "tabOutNow" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
412
423
|
LocalizationService,
|
|
413
424
|
{
|
|
414
425
|
provide: L10N_PREFIX,
|
|
@@ -449,7 +460,8 @@ TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
449
460
|
[kendoEventsOutsideAngular]="{
|
|
450
461
|
click: handleNow,
|
|
451
462
|
focus: handleFocus,
|
|
452
|
-
blur: handleBlur
|
|
463
|
+
blur: handleBlur,
|
|
464
|
+
keydown: handleTabOut
|
|
453
465
|
}"
|
|
454
466
|
[scope]="this"
|
|
455
467
|
[disabled]="disabled"
|
|
@@ -570,7 +582,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
570
582
|
[kendoEventsOutsideAngular]="{
|
|
571
583
|
click: handleNow,
|
|
572
584
|
focus: handleFocus,
|
|
573
|
-
blur: handleBlur
|
|
585
|
+
blur: handleBlur,
|
|
586
|
+
keydown: handleTabOut
|
|
574
587
|
}"
|
|
575
588
|
[scope]="this"
|
|
576
589
|
[disabled]="disabled"
|
|
@@ -692,4 +705,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
692
705
|
type: Output
|
|
693
706
|
}], tabOutLastPart: [{
|
|
694
707
|
type: Output
|
|
708
|
+
}], tabOutNow: [{
|
|
709
|
+
type: Output
|
|
695
710
|
}] } });
|
|
@@ -38,8 +38,8 @@ const packageMetadata = {
|
|
|
38
38
|
name: '@progress/kendo-angular-dateinputs',
|
|
39
39
|
productName: 'Kendo UI for Angular',
|
|
40
40
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
41
|
-
publishDate:
|
|
42
|
-
version: '16.0.0-develop.
|
|
41
|
+
publishDate: 1715100988,
|
|
42
|
+
version: '16.0.0-develop.14',
|
|
43
43
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
44
44
|
};
|
|
45
45
|
|
|
@@ -12041,6 +12041,7 @@ class TimeSelectorComponent {
|
|
|
12041
12041
|
*/
|
|
12042
12042
|
this.valueReject = new EventEmitter();
|
|
12043
12043
|
this.tabOutLastPart = new EventEmitter();
|
|
12044
|
+
this.tabOutNow = new EventEmitter();
|
|
12044
12045
|
this.isActive = false;
|
|
12045
12046
|
this.showNowButton = true;
|
|
12046
12047
|
this._activeListIndex = -1;
|
|
@@ -12132,12 +12133,11 @@ class TimeSelectorComponent {
|
|
|
12132
12133
|
}
|
|
12133
12134
|
ngAfterViewInit() {
|
|
12134
12135
|
this.subscriptions.add(fromEvent(this.timeListWrappers.first.nativeElement, 'keydown').subscribe((event) => {
|
|
12135
|
-
var _a;
|
|
12136
12136
|
const { keyCode, shiftKey } = event;
|
|
12137
12137
|
if (keyCode === Keys$1.Tab && shiftKey) {
|
|
12138
12138
|
event.preventDefault();
|
|
12139
12139
|
this.renderer.removeClass(this.timeListWrappers.first.nativeElement, 'k-focus');
|
|
12140
|
-
this.
|
|
12140
|
+
this.now ? this.now.nativeElement.focus() : this.cancel.nativeElement.focus();
|
|
12141
12141
|
}
|
|
12142
12142
|
}));
|
|
12143
12143
|
this.subscriptions.add(fromEvent(this.timeListWrappers.last.nativeElement, 'keydown').subscribe((event) => {
|
|
@@ -12255,14 +12255,25 @@ class TimeSelectorComponent {
|
|
|
12255
12255
|
* @hidden
|
|
12256
12256
|
*/
|
|
12257
12257
|
handleTabOut(event) {
|
|
12258
|
+
var _a, _b, _c;
|
|
12258
12259
|
const { keyCode, shiftKey } = event;
|
|
12259
|
-
if (keyCode === Keys$1.Tab &&
|
|
12260
|
+
if (event.target === ((_a = this.now) === null || _a === void 0 ? void 0 : _a.nativeElement) && keyCode === Keys$1.Tab && shiftKey) {
|
|
12261
|
+
event.preventDefault();
|
|
12262
|
+
if (this.isDateTimePicker) {
|
|
12263
|
+
this.tabOutNow.emit();
|
|
12264
|
+
}
|
|
12265
|
+
else {
|
|
12266
|
+
this.cancel ? this.cancel.nativeElement.focus() : this.accept.nativeElement.focus();
|
|
12267
|
+
}
|
|
12268
|
+
return;
|
|
12269
|
+
}
|
|
12270
|
+
if (keyCode === Keys$1.Tab && !shiftKey && event.target !== ((_b = this.now) === null || _b === void 0 ? void 0 : _b.nativeElement)) {
|
|
12260
12271
|
event.preventDefault();
|
|
12261
12272
|
if (document.activeElement === this.accept.nativeElement) {
|
|
12262
|
-
this.cancel ? this.cancel.nativeElement.focus() : this.
|
|
12273
|
+
this.cancel ? this.cancel.nativeElement.focus() : (_c = this.now) === null || _c === void 0 ? void 0 : _c.nativeElement.focus();
|
|
12263
12274
|
}
|
|
12264
12275
|
else {
|
|
12265
|
-
this.timeLists.first.focus();
|
|
12276
|
+
this.now ? this.now.nativeElement.focus() : this.timeLists.first.focus();
|
|
12266
12277
|
}
|
|
12267
12278
|
}
|
|
12268
12279
|
}
|
|
@@ -12353,7 +12364,7 @@ class TimeSelectorComponent {
|
|
|
12353
12364
|
}
|
|
12354
12365
|
}
|
|
12355
12366
|
TimeSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimeSelectorComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.IntlService }, { token: TimePickerDOMService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
12356
|
-
TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
12367
|
+
TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart", tabOutNow: "tabOutNow" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
12357
12368
|
LocalizationService,
|
|
12358
12369
|
{
|
|
12359
12370
|
provide: L10N_PREFIX,
|
|
@@ -12394,7 +12405,8 @@ TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
12394
12405
|
[kendoEventsOutsideAngular]="{
|
|
12395
12406
|
click: handleNow,
|
|
12396
12407
|
focus: handleFocus,
|
|
12397
|
-
blur: handleBlur
|
|
12408
|
+
blur: handleBlur,
|
|
12409
|
+
keydown: handleTabOut
|
|
12398
12410
|
}"
|
|
12399
12411
|
[scope]="this"
|
|
12400
12412
|
[disabled]="disabled"
|
|
@@ -12515,7 +12527,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
12515
12527
|
[kendoEventsOutsideAngular]="{
|
|
12516
12528
|
click: handleNow,
|
|
12517
12529
|
focus: handleFocus,
|
|
12518
|
-
blur: handleBlur
|
|
12530
|
+
blur: handleBlur,
|
|
12531
|
+
keydown: handleTabOut
|
|
12519
12532
|
}"
|
|
12520
12533
|
[scope]="this"
|
|
12521
12534
|
[disabled]="disabled"
|
|
@@ -12639,6 +12652,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
12639
12652
|
type: Output
|
|
12640
12653
|
}], tabOutLastPart: [{
|
|
12641
12654
|
type: Output
|
|
12655
|
+
}], tabOutNow: [{
|
|
12656
|
+
type: Output
|
|
12642
12657
|
}] } });
|
|
12643
12658
|
|
|
12644
12659
|
const VALUE_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/#toc-integration-with-json';
|
|
@@ -13773,7 +13788,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
13773
13788
|
</kendo-timeselector-messages>
|
|
13774
13789
|
</kendo-timeselector>
|
|
13775
13790
|
</ng-template>
|
|
13776
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i11.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart"], exportAs: ["kendo-timeselector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13791
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i11.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13777
13792
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
13778
13793
|
type: Component,
|
|
13779
13794
|
args: [{
|
|
@@ -14189,6 +14204,7 @@ const TWO_DIGIT_YEAR_MAX = 68;
|
|
|
14189
14204
|
const ACCEPT_BUTTON_SELECTOR = '.k-button.k-time-accept';
|
|
14190
14205
|
const CANCEL_BUTTON_SELECOTR = '.k-button.k-time-cancel';
|
|
14191
14206
|
const DATE_TAB_BUTTON_SELECTOR = '.k-button.k-date-tab';
|
|
14207
|
+
const TIME_TAB_BUTTON_SELECTOR = '.k-button.k-time-tab';
|
|
14192
14208
|
/**
|
|
14193
14209
|
* Represents the [Kendo UI DateTimePicker component for Angular]({% slug overview_datetimepicker %}).
|
|
14194
14210
|
*/
|
|
@@ -14790,6 +14806,10 @@ class DateTimePickerComponent {
|
|
|
14790
14806
|
var _a;
|
|
14791
14807
|
return (_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.popup.instance.container.nativeElement.querySelector(DATE_TAB_BUTTON_SELECTOR);
|
|
14792
14808
|
}
|
|
14809
|
+
get timeTabButton() {
|
|
14810
|
+
var _a;
|
|
14811
|
+
return (_a = this.popupRef) === null || _a === void 0 ? void 0 : _a.popup.instance.container.nativeElement.querySelector(TIME_TAB_BUTTON_SELECTOR);
|
|
14812
|
+
}
|
|
14793
14813
|
/**
|
|
14794
14814
|
* @hidden
|
|
14795
14815
|
*/
|
|
@@ -15039,6 +15059,12 @@ class DateTimePickerComponent {
|
|
|
15039
15059
|
this.dateTabButton.focus();
|
|
15040
15060
|
}
|
|
15041
15061
|
}
|
|
15062
|
+
/**
|
|
15063
|
+
* @hidden
|
|
15064
|
+
*/
|
|
15065
|
+
onTabOutNow() {
|
|
15066
|
+
this.timeTabButton.focus();
|
|
15067
|
+
}
|
|
15042
15068
|
/**
|
|
15043
15069
|
* @hidden
|
|
15044
15070
|
*/
|
|
@@ -15162,7 +15188,7 @@ class DateTimePickerComponent {
|
|
|
15162
15188
|
this.calendar.monthView.list.nativeElement.focus();
|
|
15163
15189
|
}
|
|
15164
15190
|
else {
|
|
15165
|
-
this.timeSelector.focus();
|
|
15191
|
+
this.timeSelector.timeLists.last.focus();
|
|
15166
15192
|
}
|
|
15167
15193
|
}
|
|
15168
15194
|
break;
|
|
@@ -15781,6 +15807,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
15781
15807
|
[isAdaptiveEnabled]="isAdaptiveModeEnabled"
|
|
15782
15808
|
[isDateTimePicker]="true"
|
|
15783
15809
|
(tabOutLastPart)="onTabOutLastPart()"
|
|
15810
|
+
(tabOutNow)="onTabOutNow()"
|
|
15784
15811
|
>
|
|
15785
15812
|
<kendo-timeselector-messages
|
|
15786
15813
|
[acceptLabel]="localization.get('acceptLabel')"
|
|
@@ -15841,7 +15868,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
15841
15868
|
</div>
|
|
15842
15869
|
</div>
|
|
15843
15870
|
</ng-template>
|
|
15844
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart"], exportAs: ["kendo-timeselector"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i11.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15871
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i11.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15845
15872
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimePickerComponent, decorators: [{
|
|
15846
15873
|
type: Component,
|
|
15847
15874
|
args: [{
|
|
@@ -16169,6 +16196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
16169
16196
|
[isAdaptiveEnabled]="isAdaptiveModeEnabled"
|
|
16170
16197
|
[isDateTimePicker]="true"
|
|
16171
16198
|
(tabOutLastPart)="onTabOutLastPart()"
|
|
16199
|
+
(tabOutNow)="onTabOutNow()"
|
|
16172
16200
|
>
|
|
16173
16201
|
<kendo-timeselector-messages
|
|
16174
16202
|
[acceptLabel]="localization.get('acceptLabel')"
|
|
@@ -38,8 +38,8 @@ const packageMetadata = {
|
|
|
38
38
|
name: '@progress/kendo-angular-dateinputs',
|
|
39
39
|
productName: 'Kendo UI for Angular',
|
|
40
40
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
41
|
-
publishDate:
|
|
42
|
-
version: '16.0.0-develop.
|
|
41
|
+
publishDate: 1715100988,
|
|
42
|
+
version: '16.0.0-develop.14',
|
|
43
43
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
44
44
|
};
|
|
45
45
|
|
|
@@ -12014,6 +12014,7 @@ class TimeSelectorComponent {
|
|
|
12014
12014
|
*/
|
|
12015
12015
|
this.valueReject = new EventEmitter();
|
|
12016
12016
|
this.tabOutLastPart = new EventEmitter();
|
|
12017
|
+
this.tabOutNow = new EventEmitter();
|
|
12017
12018
|
this.isActive = false;
|
|
12018
12019
|
this.showNowButton = true;
|
|
12019
12020
|
this._activeListIndex = -1;
|
|
@@ -12109,7 +12110,7 @@ class TimeSelectorComponent {
|
|
|
12109
12110
|
if (keyCode === Keys$1.Tab && shiftKey) {
|
|
12110
12111
|
event.preventDefault();
|
|
12111
12112
|
this.renderer.removeClass(this.timeListWrappers.first.nativeElement, 'k-focus');
|
|
12112
|
-
this.
|
|
12113
|
+
this.now ? this.now.nativeElement.focus() : this.cancel.nativeElement.focus();
|
|
12113
12114
|
}
|
|
12114
12115
|
}));
|
|
12115
12116
|
this.subscriptions.add(fromEvent(this.timeListWrappers.last.nativeElement, 'keydown').subscribe((event) => {
|
|
@@ -12228,13 +12229,23 @@ class TimeSelectorComponent {
|
|
|
12228
12229
|
*/
|
|
12229
12230
|
handleTabOut(event) {
|
|
12230
12231
|
const { keyCode, shiftKey } = event;
|
|
12231
|
-
if (keyCode === Keys$1.Tab &&
|
|
12232
|
+
if (event.target === this.now?.nativeElement && keyCode === Keys$1.Tab && shiftKey) {
|
|
12233
|
+
event.preventDefault();
|
|
12234
|
+
if (this.isDateTimePicker) {
|
|
12235
|
+
this.tabOutNow.emit();
|
|
12236
|
+
}
|
|
12237
|
+
else {
|
|
12238
|
+
this.cancel ? this.cancel.nativeElement.focus() : this.accept.nativeElement.focus();
|
|
12239
|
+
}
|
|
12240
|
+
return;
|
|
12241
|
+
}
|
|
12242
|
+
if (keyCode === Keys$1.Tab && !shiftKey && event.target !== this.now?.nativeElement) {
|
|
12232
12243
|
event.preventDefault();
|
|
12233
12244
|
if (document.activeElement === this.accept.nativeElement) {
|
|
12234
|
-
this.cancel ? this.cancel.nativeElement.focus() : this.
|
|
12245
|
+
this.cancel ? this.cancel.nativeElement.focus() : this.now?.nativeElement.focus();
|
|
12235
12246
|
}
|
|
12236
12247
|
else {
|
|
12237
|
-
this.timeLists.first.focus();
|
|
12248
|
+
this.now ? this.now.nativeElement.focus() : this.timeLists.first.focus();
|
|
12238
12249
|
}
|
|
12239
12250
|
}
|
|
12240
12251
|
}
|
|
@@ -12325,7 +12336,7 @@ class TimeSelectorComponent {
|
|
|
12325
12336
|
}
|
|
12326
12337
|
}
|
|
12327
12338
|
TimeSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimeSelectorComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.IntlService }, { token: TimePickerDOMService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
12328
|
-
TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
12339
|
+
TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart", tabOutNow: "tabOutNow" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
12329
12340
|
LocalizationService,
|
|
12330
12341
|
{
|
|
12331
12342
|
provide: L10N_PREFIX,
|
|
@@ -12366,7 +12377,8 @@ TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
12366
12377
|
[kendoEventsOutsideAngular]="{
|
|
12367
12378
|
click: handleNow,
|
|
12368
12379
|
focus: handleFocus,
|
|
12369
|
-
blur: handleBlur
|
|
12380
|
+
blur: handleBlur,
|
|
12381
|
+
keydown: handleTabOut
|
|
12370
12382
|
}"
|
|
12371
12383
|
[scope]="this"
|
|
12372
12384
|
[disabled]="disabled"
|
|
@@ -12487,7 +12499,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
12487
12499
|
[kendoEventsOutsideAngular]="{
|
|
12488
12500
|
click: handleNow,
|
|
12489
12501
|
focus: handleFocus,
|
|
12490
|
-
blur: handleBlur
|
|
12502
|
+
blur: handleBlur,
|
|
12503
|
+
keydown: handleTabOut
|
|
12491
12504
|
}"
|
|
12492
12505
|
[scope]="this"
|
|
12493
12506
|
[disabled]="disabled"
|
|
@@ -12609,6 +12622,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
12609
12622
|
type: Output
|
|
12610
12623
|
}], tabOutLastPart: [{
|
|
12611
12624
|
type: Output
|
|
12625
|
+
}], tabOutNow: [{
|
|
12626
|
+
type: Output
|
|
12612
12627
|
}] } });
|
|
12613
12628
|
|
|
12614
12629
|
const VALUE_DOC_LINK$1 = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/#toc-integration-with-json';
|
|
@@ -13740,7 +13755,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
13740
13755
|
</kendo-timeselector-messages>
|
|
13741
13756
|
</kendo-timeselector>
|
|
13742
13757
|
</ng-template>
|
|
13743
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i11.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart"], exportAs: ["kendo-timeselector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13758
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i11.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13744
13759
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
13745
13760
|
type: Component,
|
|
13746
13761
|
args: [{
|
|
@@ -14154,6 +14169,7 @@ const TWO_DIGIT_YEAR_MAX = 68;
|
|
|
14154
14169
|
const ACCEPT_BUTTON_SELECTOR = '.k-button.k-time-accept';
|
|
14155
14170
|
const CANCEL_BUTTON_SELECOTR = '.k-button.k-time-cancel';
|
|
14156
14171
|
const DATE_TAB_BUTTON_SELECTOR = '.k-button.k-date-tab';
|
|
14172
|
+
const TIME_TAB_BUTTON_SELECTOR = '.k-button.k-time-tab';
|
|
14157
14173
|
/**
|
|
14158
14174
|
* Represents the [Kendo UI DateTimePicker component for Angular]({% slug overview_datetimepicker %}).
|
|
14159
14175
|
*/
|
|
@@ -14750,6 +14766,9 @@ class DateTimePickerComponent {
|
|
|
14750
14766
|
get dateTabButton() {
|
|
14751
14767
|
return this.popupRef?.popup.instance.container.nativeElement.querySelector(DATE_TAB_BUTTON_SELECTOR);
|
|
14752
14768
|
}
|
|
14769
|
+
get timeTabButton() {
|
|
14770
|
+
return this.popupRef?.popup.instance.container.nativeElement.querySelector(TIME_TAB_BUTTON_SELECTOR);
|
|
14771
|
+
}
|
|
14753
14772
|
/**
|
|
14754
14773
|
* @hidden
|
|
14755
14774
|
*/
|
|
@@ -14996,6 +15015,12 @@ class DateTimePickerComponent {
|
|
|
14996
15015
|
this.dateTabButton.focus();
|
|
14997
15016
|
}
|
|
14998
15017
|
}
|
|
15018
|
+
/**
|
|
15019
|
+
* @hidden
|
|
15020
|
+
*/
|
|
15021
|
+
onTabOutNow() {
|
|
15022
|
+
this.timeTabButton.focus();
|
|
15023
|
+
}
|
|
14999
15024
|
/**
|
|
15000
15025
|
* @hidden
|
|
15001
15026
|
*/
|
|
@@ -15119,7 +15144,7 @@ class DateTimePickerComponent {
|
|
|
15119
15144
|
this.calendar.monthView.list.nativeElement.focus();
|
|
15120
15145
|
}
|
|
15121
15146
|
else {
|
|
15122
|
-
this.timeSelector.focus();
|
|
15147
|
+
this.timeSelector.timeLists.last.focus();
|
|
15123
15148
|
}
|
|
15124
15149
|
}
|
|
15125
15150
|
break;
|
|
@@ -15735,6 +15760,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
15735
15760
|
[isAdaptiveEnabled]="isAdaptiveModeEnabled"
|
|
15736
15761
|
[isDateTimePicker]="true"
|
|
15737
15762
|
(tabOutLastPart)="onTabOutLastPart()"
|
|
15763
|
+
(tabOutNow)="onTabOutNow()"
|
|
15738
15764
|
>
|
|
15739
15765
|
<kendo-timeselector-messages
|
|
15740
15766
|
[acceptLabel]="localization.get('acceptLabel')"
|
|
@@ -15795,7 +15821,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
15795
15821
|
</div>
|
|
15796
15822
|
</div>
|
|
15797
15823
|
</ng-template>
|
|
15798
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart"], exportAs: ["kendo-timeselector"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i11.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15824
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i11.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15799
15825
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimePickerComponent, decorators: [{
|
|
15800
15826
|
type: Component,
|
|
15801
15827
|
args: [{
|
|
@@ -16123,6 +16149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
16123
16149
|
[isAdaptiveEnabled]="isAdaptiveModeEnabled"
|
|
16124
16150
|
[isDateTimePicker]="true"
|
|
16125
16151
|
(tabOutLastPart)="onTabOutLastPart()"
|
|
16152
|
+
(tabOutNow)="onTabOutNow()"
|
|
16126
16153
|
>
|
|
16127
16154
|
<kendo-timeselector-messages
|
|
16128
16155
|
[acceptLabel]="localization.get('acceptLabel')"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dateinputs",
|
|
3
|
-
"version": "16.0.0-develop.
|
|
3
|
+
"version": "16.0.0-develop.14",
|
|
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",
|
|
@@ -34,17 +34,17 @@
|
|
|
34
34
|
"@angular/forms": "15 - 17",
|
|
35
35
|
"@angular/platform-browser": "15 - 17",
|
|
36
36
|
"@progress/kendo-licensing": "^1.0.2",
|
|
37
|
-
"@progress/kendo-angular-common": "16.0.0-develop.
|
|
38
|
-
"@progress/kendo-angular-intl": "16.0.0-develop.
|
|
39
|
-
"@progress/kendo-angular-l10n": "16.0.0-develop.
|
|
40
|
-
"@progress/kendo-angular-icons": "16.0.0-develop.
|
|
41
|
-
"@progress/kendo-angular-popup": "16.0.0-develop.
|
|
42
|
-
"@progress/kendo-angular-navigation": "16.0.0-develop.
|
|
37
|
+
"@progress/kendo-angular-common": "16.0.0-develop.14",
|
|
38
|
+
"@progress/kendo-angular-intl": "16.0.0-develop.14",
|
|
39
|
+
"@progress/kendo-angular-l10n": "16.0.0-develop.14",
|
|
40
|
+
"@progress/kendo-angular-icons": "16.0.0-develop.14",
|
|
41
|
+
"@progress/kendo-angular-popup": "16.0.0-develop.14",
|
|
42
|
+
"@progress/kendo-angular-navigation": "16.0.0-develop.14",
|
|
43
43
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"tslib": "^2.3.1",
|
|
47
|
-
"@progress/kendo-angular-schematics": "16.0.0-develop.
|
|
47
|
+
"@progress/kendo-angular-schematics": "16.0.0-develop.14",
|
|
48
48
|
"@progress/kendo-common": "^0.2.0",
|
|
49
49
|
"@progress/kendo-date-math": "^1.1.0",
|
|
50
50
|
"@progress/kendo-dateinputs-common": "^0.3.2"
|
|
@@ -106,6 +106,7 @@ export declare class TimeSelectorComponent implements OnChanges, OnInit, OnDestr
|
|
|
106
106
|
*/
|
|
107
107
|
valueReject: EventEmitter<any>;
|
|
108
108
|
tabOutLastPart: EventEmitter<any>;
|
|
109
|
+
tabOutNow: EventEmitter<any>;
|
|
109
110
|
dateFormatParts: any[];
|
|
110
111
|
isActive: boolean;
|
|
111
112
|
showNowButton: boolean;
|
|
@@ -196,5 +197,5 @@ export declare class TimeSelectorComponent implements OnChanges, OnInit, OnDestr
|
|
|
196
197
|
private emitFocus;
|
|
197
198
|
private listIndex;
|
|
198
199
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimeSelectorComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
|
|
199
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimeSelectorComponent, "kendo-timeselector", ["kendo-timeselector"], { "format": "format"; "min": "min"; "max": "max"; "cancelButton": "cancelButton"; "setButton": "setButton"; "nowButton": "nowButton"; "disabled": "disabled"; "isAdaptiveEnabled": "isAdaptiveEnabled"; "isDateTimePicker": "isDateTimePicker"; "steps": "steps"; "value": "value"; }, { "valueChange": "valueChange"; "valueReject": "valueReject"; "tabOutLastPart": "tabOutLastPart"; }, never, never, false, never>;
|
|
200
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimeSelectorComponent, "kendo-timeselector", ["kendo-timeselector"], { "format": "format"; "min": "min"; "max": "max"; "cancelButton": "cancelButton"; "setButton": "setButton"; "nowButton": "nowButton"; "disabled": "disabled"; "isAdaptiveEnabled": "isAdaptiveEnabled"; "isDateTimePicker": "isDateTimePicker"; "steps": "steps"; "value": "value"; }, { "valueChange": "valueChange"; "valueReject": "valueReject"; "tabOutLastPart": "tabOutLastPart"; "tabOutNow": "tabOutNow"; }, never, never, false, never>;
|
|
200
201
|
}
|