@progress/kendo-angular-dateinputs 5.3.1-dev.202112201533 → 5.3.1-dev.202201070925

package/dist/es/calendar/multiview-calendar.component.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ContentChild, EventEmitter, ElementRef, Renderer2, isDevMode, forwardRef, HostBinding, HostListener, Input, Output, ViewChild, NgZone } from '@angular/core';
+import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ContentChild, EventEmitter, ElementRef, Renderer2, isDevMode, forwardRef, HostBinding, HostListener, Input, Output, ViewChild, NgZone, Optional } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { cloneDate, isEqual } from '@progress/kendo-date-math';
@@ -30,6 +30,7 @@ import { MIN_DATE, MAX_DATE } from '../defaults';
 import { areDatesEqual, dateInRange, getToday, hasExistingValue, last, noop } from '../util';
 import { Subscription } from 'rxjs';
 import { isPresent } from '../common/utils';
+import { PickerService } from '../common/picker.service';
 var BOTTOM_VIEW_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-bottomview';
 var TOP_VIEW_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-topview';
 var MIN_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-min';
@@ -66,7 +67,7 @@ export var RANGE_CALENDAR_RANGE_VALIDATORS = {
  * ```
  */
 var MultiViewCalendarComponent = /** @class */ (function () {
-    function MultiViewCalendarComponent(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService) {
+    function MultiViewCalendarComponent(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService, pickerService) {
         this.bus = bus;
         this.element = element;
         this.navigator = navigator;
@@ -75,6 +76,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         this.zone = zone;
         this.disabledDatesService = disabledDatesService;
         this.selectionService = selectionService;
+        this.pickerService = pickerService;
         /**
          * @hidden
          */
@@ -497,6 +499,9 @@ var MultiViewCalendarComponent = /** @class */ (function () {
             return;
         }
         if (event.keyCode === Keys.Enter) {
+            if (isPresent(this.pickerService)) {
+                event.preventDefault(); // Don't submit form from Datepicker popup
+            }
             this.performSelection(this.focusedDate, event);
         }
         var candidate = dateInRange(this.navigator.move(this.focusedDate, this.navigator.action(event), this.activeViewEnum), this.min, this.max);
@@ -1059,6 +1064,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
             selector: 'kendo-multiviewcalendar',
             template: "\n    <ng-container kendoMultiViewCalendarLocalizedMessages\n        i18n-today=\"kendo.multiviewcalendar.today|The label for the today button in the calendar header\"\n        today=\"Today\"\n\n        i18n-prevButtonTitle=\"kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar\"\n        prevButtonTitle=\"Navigate to previous view\"\n\n        i18n-nextButtonTitle=\"kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar\"\n        nextButtonTitle=\"Navigate to next view\"\n    >\n    </ng-container>\n    <kendo-calendar-header\n        [activeView]=\"activeViewEnum\"\n        [currentDate]=\"activeDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rangeLength]=\"views\"\n        [templateRef]=\"headerTitleTemplate?.templateRef\"\n        [isPrevDisabled]=\"isPrevDisabled\"\n        [isNextDisabled]=\"isNextDisabled\"\n        [showNavigationButtons]=\"true\"\n        (todayButtonClick)=\"handleTodayButtonClick({ selectedDates: [$event], focusedDate: $event })\"\n        (prevButtonClick)=\"navigateView(prevView)\"\n        (nextButtonClick)=\"navigateView(nextView)\"\n        [kendoEventsOutsideAngular]=\"{\n            focusin: handleHeaderFocus\n        }\"\n        [scope]=\"this\"\n    >\n    </kendo-calendar-header>\n    <kendo-calendar-horizontal\n        [activeView]=\"activeViewEnum\"\n        [isActive]=\"isActive || (isHovered && !isHeaderActive)\"\n        [cellTemplateRef]=\"activeCellTemplate()?.templateRef\"\n        [weekNumberTemplateRef]=\"weekNumberTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [views]=\"views\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [focusedDate]=\"focusedDate\"\n        [animateNavigation]=\"animateNavigation\"\n        [showViewHeader]=\"showViewHeader\"\n        [weekNumber]=\"weekNumber\"\n        [activeRangeEnd]=\"activeRangeEnd\"\n        [selectionRange]=\"selectionRange\"\n        [selectedDates]=\"selectedDates\"\n        (valueChange)=\"handleDateChange($event)\"\n        (cellClick)=\"handleCellClick($event)\"\n        (weekNumberCellClick)=\"handleWeekNumberClick($event)\"\n        (cellEnter)=\"emitCellEvent(cellEnter, $event)\"\n        (cellLeave)=\"emitCellEvent(cellLeave, $event)\"\n        (activeDateChange)=\"setActiveDate($event)\"\n    >\n    </kendo-calendar-horizontal>\n  "
         }),
+        tslib_1.__param(8, Optional()),
         tslib_1.__metadata("design:paramtypes", [BusViewService,
             ElementRef,
             NavigationService,
@@ -1066,7 +1072,8 @@ var MultiViewCalendarComponent = /** @class */ (function () {
             ChangeDetectorRef,
             NgZone,
             DisabledDatesService,
-            SelectionService])
+            SelectionService,
+            PickerService])
     ], MultiViewCalendarComponent);
     return MultiViewCalendarComponent;
 }());

package/dist/es/datepicker/datepicker.component.js

@@ -730,6 +730,9 @@ var DatePickerComponent = /** @class */ (function () {
                 this.show = false;
             }
         }
+        if (keyCode === Keys.Enter && target.classList.contains('k-calendar')) {
+            e.preventDefault(); // Don't submit form on date selection in popup
+        }
         if (keyCode === Keys.Tab && this.show && this.calendar.isActive && isTabExitingCalendar(this.calendarType, target, shiftKey)) {
             this.input.focus();
             this.show = false;

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1640014125,
+    publishDate: 1641547209,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/calendar/multiview-calendar.component.d.ts

@@ -24,6 +24,7 @@ import { CalendarViewEnum } from './models/view.enum';
 import { SelectionRangeEnd } from './models/selection-range-end.type';
 import { SelectionRange } from './models/selection-range.interface';
 import { CalendarSelection } from './models/selection';
+import { PickerService } from '../common/picker.service';
 /**
  * @hidden
  */
@@ -55,6 +56,7 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     private zone;
     private disabledDatesService;
     private selectionService;
+    private pickerService?;
     /**
      * @hidden
      */
@@ -333,7 +335,7 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      * @hidden
      */
     keydown(event: KeyDown): void;
-    constructor(bus: BusViewService, element: ElementRef, navigator: NavigationService, renderer: Renderer2, cdr: ChangeDetectorRef, zone: NgZone, disabledDatesService: DisabledDatesService, selectionService: SelectionService);
+    constructor(bus: BusViewService, element: ElementRef, navigator: NavigationService, renderer: Renderer2, cdr: ChangeDetectorRef, zone: NgZone, disabledDatesService: DisabledDatesService, selectionService: SelectionService, pickerService?: PickerService);
     ngOnInit(): void;
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;

package/dist/es2015/calendar/multiview-calendar.component.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ContentChild, EventEmitter, ElementRef, Renderer2, isDevMode, forwardRef, HostBinding, HostListener, Input, Output, ViewChild, NgZone } from '@angular/core';
+import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ContentChild, EventEmitter, ElementRef, Renderer2, isDevMode, forwardRef, HostBinding, HostListener, Input, Output, ViewChild, NgZone, Optional } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { cloneDate, isEqual } from '@progress/kendo-date-math';
@@ -30,6 +30,7 @@ import { MIN_DATE, MAX_DATE } from '../defaults';
 import { areDatesEqual, dateInRange, getToday, hasExistingValue, last, noop } from '../util';
 import { Subscription } from 'rxjs';
 import { isPresent } from '../common/utils';
+import { PickerService } from '../common/picker.service';
 const BOTTOM_VIEW_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-bottomview';
 const TOP_VIEW_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-topview';
 const MIN_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-min';
@@ -66,7 +67,7 @@ export const RANGE_CALENDAR_RANGE_VALIDATORS = {
  * ```
  */
 let MultiViewCalendarComponent = class MultiViewCalendarComponent {
-    constructor(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService) {
+    constructor(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService, pickerService) {
         this.bus = bus;
         this.element = element;
         this.navigator = navigator;
@@ -75,6 +76,7 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
         this.zone = zone;
         this.disabledDatesService = disabledDatesService;
         this.selectionService = selectionService;
+        this.pickerService = pickerService;
         /**
          * @hidden
          */
@@ -413,6 +415,9 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
             return;
         }
         if (event.keyCode === Keys.Enter) {
+            if (isPresent(this.pickerService)) {
+                event.preventDefault(); // Don't submit form from Datepicker popup
+            }
             this.performSelection(this.focusedDate, event);
         }
         const candidate = dateInRange(this.navigator.move(this.focusedDate, this.navigator.action(event), this.activeViewEnum), this.min, this.max);
@@ -1025,6 +1030,7 @@ MultiViewCalendarComponent = tslib_1.__decorate([
     </kendo-calendar-horizontal>
   `
     }),
+    tslib_1.__param(8, Optional()),
     tslib_1.__metadata("design:paramtypes", [BusViewService,
         ElementRef,
         NavigationService,
@@ -1032,6 +1038,7 @@ MultiViewCalendarComponent = tslib_1.__decorate([
         ChangeDetectorRef,
         NgZone,
         DisabledDatesService,
-        SelectionService])
+        SelectionService,
+        PickerService])
 ], MultiViewCalendarComponent);
 export { MultiViewCalendarComponent };

package/dist/es2015/datepicker/datepicker.component.js

@@ -643,6 +643,9 @@ let DatePickerComponent = DatePickerComponent_1 = class DatePickerComponent {
                 this.show = false;
             }
         }
+        if (keyCode === Keys.Enter && target.classList.contains('k-calendar')) {
+            e.preventDefault(); // Don't submit form on date selection in popup
+        }
         if (keyCode === Keys.Tab && this.show && this.calendar.isActive && isTabExitingCalendar(this.calendarType, target, shiftKey)) {
             this.input.focus();
             this.show = false;