@progress/kendo-angular-dateinputs 11.0.0-develop.92 → 11.0.0-develop.94

package/esm2020/datetimepicker/datetimepicker.component.mjs

@@ -32,6 +32,7 @@ import { CenturyCellTemplateDirective } from '../calendar/templates/century-cell
 import { WeekNumberCellTemplateDirective } from '../calendar/templates/weeknumber-cell-template.directive';
 import { HeaderTitleTemplateDirective } from '../calendar/templates/header-title-template.directive';
 import { incompleteDateValidator } from '../validators/incomplete-date.validator';
+import { calendarIcon, clockIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "@progress/kendo-angular-intl";
@@ -39,13 +40,14 @@ import * as i3 from "../common/picker.service";
 import * as i4 from "@progress/kendo-angular-l10n";
 import * as i5 from "../calendar/services/disabled-dates.service";
 import * as i6 from "../dateinput/dateinput.component";
-import * as i7 from "../calendar/calendar.component";
-import * as i8 from "../calendar/localization/calendar-custom-messages.component";
-import * as i9 from "../timepicker/timeselector.component";
-import * as i10 from "../timepicker/localization/timeselector-custom-messages.component";
-import * as i11 from "./localization/localized-messages.directive";
-import * as i12 from "@progress/kendo-angular-common";
-import * as i13 from "@angular/common";
+import * as i7 from "@progress/kendo-angular-icons";
+import * as i8 from "../calendar/calendar.component";
+import * as i9 from "../calendar/localization/calendar-custom-messages.component";
+import * as i10 from "../timepicker/timeselector.component";
+import * as i11 from "../timepicker/localization/timeselector-custom-messages.component";
+import * as i12 from "./localization/localized-messages.directive";
+import * as i13 from "@progress/kendo-angular-common";
+import * as i14 from "@angular/common";
 const timeFormatRegExp = new RegExp(`${TIME_PART.hour}|${TIME_PART.minute}|${TIME_PART.second}|${TIME_PART.dayperiod}|literal`);
 const VALUE_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/integration-with-json/';
 const MIN_MAX_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits/';
@@ -68,6 +70,14 @@ export class DateTimePickerComponent {
         this.localization = localization;
         this.disabledDatesService = disabledDatesService;
         this.renderer = renderer;
+        /**
+         * @hidden
+         */
+        this.calendarIcon = calendarIcon;
+        /**
+         * @hidden
+         */
+        this.clockIcon = clockIcon;
         /**
          * @hidden
          */
@@ -1123,12 +1133,20 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             }"
             [scope]="this"
         >
-            <span class="k-button-icon k-icon"
-                [ngClass]="{
-                    'k-i-calendar': activeTab === 'date',
-                    'k-i-clock': activeTab === 'time'
-                }"
-            ></span>
+            <kendo-icon-wrapper
+                *ngIf="activeTab === 'date'"
+                name="calendar"
+                class="k-button-icon"
+                [svgIcon]="calendarIcon"
+            >
+            </kendo-icon-wrapper>
+            <kendo-icon-wrapper
+                *ngIf="activeTab === 'time'"
+                name="clock"
+                class="k-button-icon"
+                [svgIcon]="clockIcon"
+            >
+            </kendo-icon-wrapper>
         </button>
 
         <ng-container #container></ng-container>
@@ -1278,7 +1296,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                 </div>
             </div>
         </ng-template>
-    `, isInline: true, components: [{ type: i6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrect", "incompleteDateValidation", "twoDigitYearMax", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i7.CalendarComponent, selector: "kendo-calendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { type: i8.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { type: i9.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "steps", "value"], outputs: ["valueChange", "valueReject"], exportAs: ["kendo-timeselector"] }, { type: i10.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], directives: [{ type: i11.LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: i6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrect", "incompleteDateValidation", "twoDigitYearMax", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i7.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i8.CalendarComponent, selector: "kendo-calendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { type: i9.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { type: i10.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "steps", "value"], outputs: ["valueChange", "valueReject"], exportAs: ["kendo-timeselector"] }, { type: i11.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], directives: [{ type: i12.LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { type: i13.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateTimePickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -1385,12 +1403,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }"
             [scope]="this"
         >
-            <span class="k-button-icon k-icon"
-                [ngClass]="{
-                    'k-i-calendar': activeTab === 'date',
-                    'k-i-clock': activeTab === 'time'
-                }"
-            ></span>
+            <kendo-icon-wrapper
+                *ngIf="activeTab === 'date'"
+                name="calendar"
+                class="k-button-icon"
+                [svgIcon]="calendarIcon"
+            >
+            </kendo-icon-wrapper>
+            <kendo-icon-wrapper
+                *ngIf="activeTab === 'time'"
+                name="clock"
+                class="k-button-icon"
+                [svgIcon]="clockIcon"
+            >
+            </kendo-icon-wrapper>
         </button>
 
         <ng-container #container></ng-container>

package/esm2020/datetimepicker/datetimepicker.module.mjs

@@ -16,6 +16,7 @@ import { TOUCH_ENABLED } from '../touch-enabled';
 import { DateTimePickerComponent } from './datetimepicker.component';
 import { DateTimePickerCustomMessagesComponent } from './localization/datetimepicker-custom-messages.component';
 import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     DateTimePickerComponent,
@@ -38,7 +39,8 @@ DateTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         TimePickerModule,
         PopupModule,
         EventsModule,
-        TemplatesModule], exports: [DateTimePickerComponent,
+        TemplatesModule,
+        IconsModule], exports: [DateTimePickerComponent,
         DateTimePickerCustomMessagesComponent,
         LocalizedMessagesDirective, TemplatesModule] });
 DateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateTimePickerModule, providers: [
@@ -51,7 +53,8 @@ DateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
             TimePickerModule,
             PopupModule,
             EventsModule,
-            TemplatesModule
+            TemplatesModule,
+            IconsModule
         ], TemplatesModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateTimePickerModule, decorators: [{
             type: NgModule,
@@ -71,7 +74,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         TimePickerModule,
                         PopupModule,
                         EventsModule,
-                        TemplatesModule
+                        TemplatesModule,
+                        IconsModule
                     ],
                     providers: [
                         { provide: TOUCH_ENABLED, useValue: touchEnabled }

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1673253277,
+    publishDate: 1673372503,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/timepicker/timepicker.component.mjs

@@ -22,6 +22,7 @@ import { TOUCH_ENABLED } from '../touch-enabled';
 import { fromEvent } from 'rxjs';
 import { incompleteDateValidator } from '../validators/incomplete-date.validator';
 import { BusViewService } from '../calendar/services/bus-view.service';
+import { clockIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "../calendar/services/bus-view.service";
 import * as i2 from "@progress/kendo-angular-l10n";
@@ -29,10 +30,11 @@ import * as i3 from "@progress/kendo-angular-popup";
 import * as i4 from "../common/picker.service";
 import * as i5 from "@progress/kendo-angular-intl";
 import * as i6 from "../dateinput/dateinput.component";
-import * as i7 from "./timeselector.component";
-import * as i8 from "./localization/timeselector-custom-messages.component";
-import * as i9 from "./localization/timepicker-localized-messages.directive";
-import * as i10 from "@progress/kendo-angular-common";
+import * as i7 from "@progress/kendo-angular-icons";
+import * as i8 from "./timeselector.component";
+import * as i9 from "./localization/timeselector-custom-messages.component";
+import * as i10 from "./localization/timepicker-localized-messages.directive";
+import * as i11 from "@progress/kendo-angular-common";
 const VALUE_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/#toc-integration-with-json';
 const INTL_DATE_FORMAT = 'https://github.com/telerik/kendo-intl/blob/master/docs/date-formatting/index.md';
 const formatRegExp = new RegExp(`${TIME_PART.hour}|${TIME_PART.minute}|${TIME_PART.second}|${TIME_PART.millisecond}|${TIME_PART.dayperiod}|literal`);
@@ -52,6 +54,10 @@ export class TimePickerComponent {
         this.pickerService = pickerService;
         this.intl = intl;
         this.touchEnabled = touchEnabled;
+        /**
+         * @hidden
+         */
+        this.clockIcon = clockIcon;
         /**
          * Sets or gets the `disabled` property of the TimePicker and
          * determines whether the component is active
@@ -896,7 +902,12 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             }"
             [scope]="this"
         >
-            <span class="k-button-icon k-icon k-i-clock"></span>
+            <kendo-icon-wrapper
+                name="clock"
+                class="k-button-icon"
+                [svgIcon]="clockIcon"
+            >
+            </kendo-icon-wrapper>
         </button>
         <ng-template #popupTemplate>
             <kendo-timeselector
@@ -933,7 +944,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             </kendo-timeselector>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, components: [{ type: i6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrect", "incompleteDateValidation", "twoDigitYearMax", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i7.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "steps", "value"], outputs: ["valueChange", "valueReject"], exportAs: ["kendo-timeselector"] }, { type: i8.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], directives: [{ type: i9.TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { type: i10.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: i6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrect", "incompleteDateValidation", "twoDigitYearMax", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i7.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i8.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "steps", "value"], outputs: ["valueChange", "valueReject"], exportAs: ["kendo-timeselector"] }, { type: i9.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], directives: [{ type: i10.TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { type: i11.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TimePickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -1029,7 +1040,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }"
             [scope]="this"
         >
-            <span class="k-button-icon k-icon k-i-clock"></span>
+            <kendo-icon-wrapper
+                name="clock"
+                class="k-button-icon"
+                [svgIcon]="clockIcon"
+            >
+            </kendo-icon-wrapper>
         </button>
         <ng-template #popupTemplate>
             <kendo-timeselector

package/esm2020/timepicker/timepicker.module.mjs

@@ -24,6 +24,7 @@ import { TimeSelectorCustomMessagesComponent } from './localization/timeselector
 import { touchEnabled } from '@progress/kendo-common';
 import { TOUCH_ENABLED } from '../touch-enabled';
 import { EventsModule } from '@progress/kendo-angular-common';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     TimePickerLocalizedMessagesDirective,
@@ -39,7 +40,8 @@ const COMPONENT_MODULES = [
     IntlModule,
     PopupModule,
     VirtualizationModule,
-    EventsModule
+    EventsModule,
+    IconsModule
 ];
 const providers = [
     TimePickerDOMService,
@@ -70,7 +72,8 @@ TimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         IntlModule,
         PopupModule,
         VirtualizationModule,
-        EventsModule], exports: [TimePickerLocalizedMessagesDirective,
+        EventsModule,
+        IconsModule], exports: [TimePickerLocalizedMessagesDirective,
         TimeListComponent,
         TimePickerCustomMessagesComponent,
         TimePickerComponent,