@progress/kendo-angular-dateinputs 19.0.0-develop.1 → 19.0.0-develop.2
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/datepicker/datepicker.component.d.ts +1 -1
- package/daterange/date-range-popup.component.d.ts +1 -1
- package/datetimepicker/datetimepicker.component.d.ts +1 -1
- package/esm2022/datepicker/datepicker.component.mjs +17 -17
- package/esm2022/daterange/date-range-popup.component.mjs +17 -17
- package/esm2022/datetimepicker/datetimepicker.component.mjs +17 -17
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/timepicker/timepicker.component.mjs +15 -17
- package/fesm2022/progress-kendo-angular-dateinputs.mjs +65 -67
- package/package.json +11 -11
- package/timepicker/timepicker.component.d.ts +1 -1
|
@@ -31,7 +31,7 @@ import { fromEvent } from 'rxjs';
|
|
|
31
31
|
import { incompleteDateValidator } from '../validators/incomplete-date.validator';
|
|
32
32
|
import { disabledDatesValidator } from '../validators/disabled-date.validator';
|
|
33
33
|
import { DateInputComponent } from '../dateinput/dateinput.component';
|
|
34
|
-
import { calendarIcon,
|
|
34
|
+
import { calendarIcon, checkIcon } from '@progress/kendo-svg-icons';
|
|
35
35
|
import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
|
|
36
36
|
import { HeaderTemplateDirective } from '../calendar/templates/header-template.directive';
|
|
37
37
|
import { FooterTemplateDirective } from '../calendar/templates/footer-template.directive';
|
|
@@ -660,7 +660,7 @@ export class DatePickerComponent extends MultiTabStop {
|
|
|
660
660
|
/**
|
|
661
661
|
* @hidden
|
|
662
662
|
*/
|
|
663
|
-
|
|
663
|
+
checkIcon = checkIcon;
|
|
664
664
|
/**
|
|
665
665
|
* @hidden
|
|
666
666
|
*/
|
|
@@ -1342,29 +1342,29 @@ export class DatePickerComponent extends MultiTabStop {
|
|
|
1342
1342
|
>
|
|
1343
1343
|
<ng-template kendoActionSheetTemplate>
|
|
1344
1344
|
<div class="k-actionsheet-titlebar">
|
|
1345
|
-
<div class="k-actionsheet-titlebar-group
|
|
1345
|
+
<div class="k-actionsheet-titlebar-group">
|
|
1346
1346
|
<div class="k-actionsheet-title">
|
|
1347
|
-
<div class="k-text-center">{{ title }}</div>
|
|
1348
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1347
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
1348
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1349
1349
|
</div>
|
|
1350
1350
|
<div class="k-actionsheet-actions">
|
|
1351
1351
|
<button
|
|
1352
1352
|
kendoButton
|
|
1353
1353
|
type="button"
|
|
1354
|
-
icon="
|
|
1354
|
+
icon="check"
|
|
1355
1355
|
[attr.title]="localization.get('clearTitle')"
|
|
1356
|
-
[svgIcon]="
|
|
1356
|
+
[svgIcon]="checkIcon"
|
|
1357
1357
|
fillMode="flat"
|
|
1358
1358
|
[tabIndex]="-1"
|
|
1359
1359
|
aria-hidden="true"
|
|
1360
1360
|
size="large"
|
|
1361
|
-
|
|
1361
|
+
themeColor="primary"
|
|
1362
1362
|
(click)="show = false">
|
|
1363
1363
|
</button>
|
|
1364
1364
|
</div>
|
|
1365
1365
|
</div>
|
|
1366
1366
|
</div>
|
|
1367
|
-
<div class="k-actionsheet-content
|
|
1367
|
+
<div class="k-actionsheet-content">
|
|
1368
1368
|
<ng-container *ngTemplateOutlet="calendarTemplate"></ng-container>
|
|
1369
1369
|
</div>
|
|
1370
1370
|
</ng-template>
|
|
@@ -1414,7 +1414,7 @@ export class DatePickerComponent extends MultiTabStop {
|
|
|
1414
1414
|
</kendo-calendar-messages>
|
|
1415
1415
|
</kendo-calendar>
|
|
1416
1416
|
</ng-template>
|
|
1417
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: DatePickerLocalizedMessagesDirective, selector: "[kendoDatePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1417
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: DatePickerLocalizedMessagesDirective, selector: "[kendoDatePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1418
1418
|
}
|
|
1419
1419
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
1420
1420
|
type: Component,
|
|
@@ -1537,29 +1537,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1537
1537
|
>
|
|
1538
1538
|
<ng-template kendoActionSheetTemplate>
|
|
1539
1539
|
<div class="k-actionsheet-titlebar">
|
|
1540
|
-
<div class="k-actionsheet-titlebar-group
|
|
1540
|
+
<div class="k-actionsheet-titlebar-group">
|
|
1541
1541
|
<div class="k-actionsheet-title">
|
|
1542
|
-
<div class="k-text-center">{{ title }}</div>
|
|
1543
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1542
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
1543
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1544
1544
|
</div>
|
|
1545
1545
|
<div class="k-actionsheet-actions">
|
|
1546
1546
|
<button
|
|
1547
1547
|
kendoButton
|
|
1548
1548
|
type="button"
|
|
1549
|
-
icon="
|
|
1549
|
+
icon="check"
|
|
1550
1550
|
[attr.title]="localization.get('clearTitle')"
|
|
1551
|
-
[svgIcon]="
|
|
1551
|
+
[svgIcon]="checkIcon"
|
|
1552
1552
|
fillMode="flat"
|
|
1553
1553
|
[tabIndex]="-1"
|
|
1554
1554
|
aria-hidden="true"
|
|
1555
1555
|
size="large"
|
|
1556
|
-
|
|
1556
|
+
themeColor="primary"
|
|
1557
1557
|
(click)="show = false">
|
|
1558
1558
|
</button>
|
|
1559
1559
|
</div>
|
|
1560
1560
|
</div>
|
|
1561
1561
|
</div>
|
|
1562
|
-
<div class="k-actionsheet-content
|
|
1562
|
+
<div class="k-actionsheet-content">
|
|
1563
1563
|
<ng-container *ngTemplateOutlet="calendarTemplate"></ng-container>
|
|
1564
1564
|
</div>
|
|
1565
1565
|
</ng-template>
|
|
@@ -15,7 +15,7 @@ import { Subscription, fromEvent, merge } from 'rxjs';
|
|
|
15
15
|
import { filter, map } from 'rxjs/operators';
|
|
16
16
|
import { isWindowAvailable } from '../util';
|
|
17
17
|
import { isPresent } from '../common/utils';
|
|
18
|
-
import {
|
|
18
|
+
import { checkIcon } from '@progress/kendo-svg-icons';
|
|
19
19
|
import { DateRangeSelectionDirective } from './date-range-selection.directive';
|
|
20
20
|
import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
|
|
21
21
|
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
@@ -298,7 +298,7 @@ export class DateRangePopupComponent {
|
|
|
298
298
|
/**
|
|
299
299
|
* @hidden
|
|
300
300
|
*/
|
|
301
|
-
|
|
301
|
+
checkIcon = checkIcon;
|
|
302
302
|
/**
|
|
303
303
|
* Gets or sets the visibility state of the component.
|
|
304
304
|
*/
|
|
@@ -717,29 +717,29 @@ export class DateRangePopupComponent {
|
|
|
717
717
|
Note: The popup in non-adaptive mode closes on window blur -->
|
|
718
718
|
<kendo-resize-sensor *ngIf="isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
719
719
|
<div class="k-actionsheet-titlebar">
|
|
720
|
-
<div class="k-actionsheet-titlebar-group
|
|
720
|
+
<div class="k-actionsheet-titlebar-group">
|
|
721
721
|
<div class="k-actionsheet-title">
|
|
722
|
-
<div class="k-text-center">{{ title }}</div>
|
|
723
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
722
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
723
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
724
724
|
</div>
|
|
725
725
|
<div class="k-actionsheet-actions">
|
|
726
726
|
<button
|
|
727
727
|
kendoButton
|
|
728
728
|
type="button"
|
|
729
|
-
icon="
|
|
729
|
+
icon="check"
|
|
730
730
|
[attr.title]="localization.get('clearTitle')"
|
|
731
|
-
[svgIcon]="
|
|
731
|
+
[svgIcon]="checkIcon"
|
|
732
732
|
fillMode="flat"
|
|
733
733
|
[tabIndex]="-1"
|
|
734
734
|
aria-hidden="true"
|
|
735
|
+
themeColor="primary"
|
|
735
736
|
size="large"
|
|
736
|
-
innerCssClass="k-button-icon"
|
|
737
737
|
(click)="show = false">
|
|
738
738
|
</button>
|
|
739
739
|
</div>
|
|
740
740
|
</div>
|
|
741
741
|
</div>
|
|
742
|
-
<div class="k-actionsheet-content
|
|
742
|
+
<div class="k-actionsheet-content">
|
|
743
743
|
<div class="k-scrollable-wrap">
|
|
744
744
|
<kendo-multiviewcalendar
|
|
745
745
|
size="large"
|
|
@@ -791,7 +791,7 @@ export class DateRangePopupComponent {
|
|
|
791
791
|
</div>
|
|
792
792
|
</ng-template>
|
|
793
793
|
</kendo-actionsheet>
|
|
794
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: DateRangePopupLocalizedMessagesDirective, selector: "[kendoDateRangePopupLocalizedMessages]" }, { kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
794
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: DateRangePopupLocalizedMessagesDirective, selector: "[kendoDateRangePopupLocalizedMessages]" }, { kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
795
795
|
}
|
|
796
796
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupComponent, decorators: [{
|
|
797
797
|
type: Component,
|
|
@@ -860,29 +860,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
860
860
|
Note: The popup in non-adaptive mode closes on window blur -->
|
|
861
861
|
<kendo-resize-sensor *ngIf="isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
862
862
|
<div class="k-actionsheet-titlebar">
|
|
863
|
-
<div class="k-actionsheet-titlebar-group
|
|
863
|
+
<div class="k-actionsheet-titlebar-group">
|
|
864
864
|
<div class="k-actionsheet-title">
|
|
865
|
-
<div class="k-text-center">{{ title }}</div>
|
|
866
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
865
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
866
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
867
867
|
</div>
|
|
868
868
|
<div class="k-actionsheet-actions">
|
|
869
869
|
<button
|
|
870
870
|
kendoButton
|
|
871
871
|
type="button"
|
|
872
|
-
icon="
|
|
872
|
+
icon="check"
|
|
873
873
|
[attr.title]="localization.get('clearTitle')"
|
|
874
|
-
[svgIcon]="
|
|
874
|
+
[svgIcon]="checkIcon"
|
|
875
875
|
fillMode="flat"
|
|
876
876
|
[tabIndex]="-1"
|
|
877
877
|
aria-hidden="true"
|
|
878
|
+
themeColor="primary"
|
|
878
879
|
size="large"
|
|
879
|
-
innerCssClass="k-button-icon"
|
|
880
880
|
(click)="show = false">
|
|
881
881
|
</button>
|
|
882
882
|
</div>
|
|
883
883
|
</div>
|
|
884
884
|
</div>
|
|
885
|
-
<div class="k-actionsheet-content
|
|
885
|
+
<div class="k-actionsheet-content">
|
|
886
886
|
<div class="k-scrollable-wrap">
|
|
887
887
|
<kendo-multiviewcalendar
|
|
888
888
|
size="large"
|
|
@@ -35,7 +35,7 @@ import { CenturyCellTemplateDirective } from '../calendar/templates/century-cell
|
|
|
35
35
|
import { WeekNumberCellTemplateDirective } from '../calendar/templates/weeknumber-cell-template.directive';
|
|
36
36
|
import { HeaderTitleTemplateDirective } from '../calendar/templates/header-title-template.directive';
|
|
37
37
|
import { incompleteDateValidator } from '../validators/incomplete-date.validator';
|
|
38
|
-
import { calendarIcon,
|
|
38
|
+
import { calendarIcon, checkIcon, clockIcon } from '@progress/kendo-svg-icons';
|
|
39
39
|
import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
|
|
40
40
|
import { HeaderTemplateDirective } from '../calendar/templates/header-template.directive';
|
|
41
41
|
import { FooterTemplateDirective } from '../calendar/templates/footer-template.directive';
|
|
@@ -619,7 +619,7 @@ export class DateTimePickerComponent extends MultiTabStop {
|
|
|
619
619
|
/**
|
|
620
620
|
* @hidden
|
|
621
621
|
*/
|
|
622
|
-
|
|
622
|
+
checkIcon = checkIcon;
|
|
623
623
|
/**
|
|
624
624
|
* @hidden
|
|
625
625
|
*/
|
|
@@ -1666,29 +1666,29 @@ export class DateTimePickerComponent extends MultiTabStop {
|
|
|
1666
1666
|
>
|
|
1667
1667
|
<ng-template kendoActionSheetTemplate>
|
|
1668
1668
|
<div class="k-actionsheet-titlebar">
|
|
1669
|
-
<div class="k-actionsheet-titlebar-group
|
|
1669
|
+
<div class="k-actionsheet-titlebar-group">
|
|
1670
1670
|
<div class="k-actionsheet-title">
|
|
1671
|
-
<div class="k-text-center">{{ title }}</div>
|
|
1672
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1671
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
1672
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1673
1673
|
</div>
|
|
1674
1674
|
<div class="k-actionsheet-actions">
|
|
1675
1675
|
<button
|
|
1676
1676
|
kendoButton
|
|
1677
1677
|
type="button"
|
|
1678
|
-
icon="
|
|
1678
|
+
icon="check"
|
|
1679
1679
|
[attr.title]="localization.get('clearTitle')"
|
|
1680
|
-
[svgIcon]="
|
|
1680
|
+
[svgIcon]="checkIcon"
|
|
1681
1681
|
fillMode="flat"
|
|
1682
1682
|
[tabIndex]="-1"
|
|
1683
1683
|
aria-hidden="true"
|
|
1684
1684
|
size="large"
|
|
1685
|
-
|
|
1685
|
+
themeColor="primary"
|
|
1686
1686
|
(click)="toggleDateTime(false)">
|
|
1687
1687
|
</button>
|
|
1688
1688
|
</div>
|
|
1689
1689
|
</div>
|
|
1690
1690
|
</div>
|
|
1691
|
-
<div class="k-actionsheet-content
|
|
1691
|
+
<div class="k-actionsheet-content">
|
|
1692
1692
|
<ng-container *ngTemplateOutlet="dateTimeTemplate"></ng-container>
|
|
1693
1693
|
</div>
|
|
1694
1694
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
@@ -1900,7 +1900,7 @@ export class DateTimePickerComponent extends MultiTabStop {
|
|
|
1900
1900
|
</div>
|
|
1901
1901
|
</div>
|
|
1902
1902
|
</ng-template>
|
|
1903
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1903
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1904
1904
|
}
|
|
1905
1905
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerComponent, decorators: [{
|
|
1906
1906
|
type: Component,
|
|
@@ -2077,29 +2077,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2077
2077
|
>
|
|
2078
2078
|
<ng-template kendoActionSheetTemplate>
|
|
2079
2079
|
<div class="k-actionsheet-titlebar">
|
|
2080
|
-
<div class="k-actionsheet-titlebar-group
|
|
2080
|
+
<div class="k-actionsheet-titlebar-group">
|
|
2081
2081
|
<div class="k-actionsheet-title">
|
|
2082
|
-
<div class="k-text-center">{{ title }}</div>
|
|
2083
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
2082
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
2083
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
2084
2084
|
</div>
|
|
2085
2085
|
<div class="k-actionsheet-actions">
|
|
2086
2086
|
<button
|
|
2087
2087
|
kendoButton
|
|
2088
2088
|
type="button"
|
|
2089
|
-
icon="
|
|
2089
|
+
icon="check"
|
|
2090
2090
|
[attr.title]="localization.get('clearTitle')"
|
|
2091
|
-
[svgIcon]="
|
|
2091
|
+
[svgIcon]="checkIcon"
|
|
2092
2092
|
fillMode="flat"
|
|
2093
2093
|
[tabIndex]="-1"
|
|
2094
2094
|
aria-hidden="true"
|
|
2095
2095
|
size="large"
|
|
2096
|
-
|
|
2096
|
+
themeColor="primary"
|
|
2097
2097
|
(click)="toggleDateTime(false)">
|
|
2098
2098
|
</button>
|
|
2099
2099
|
</div>
|
|
2100
2100
|
</div>
|
|
2101
2101
|
</div>
|
|
2102
|
-
<div class="k-actionsheet-content
|
|
2102
|
+
<div class="k-actionsheet-content">
|
|
2103
2103
|
<ng-container *ngTemplateOutlet="dateTimeTemplate"></ng-container>
|
|
2104
2104
|
</div>
|
|
2105
2105
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '19.0.0-develop.
|
|
13
|
+
publishDate: 1745321638,
|
|
14
|
+
version: '19.0.0-develop.2',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -24,7 +24,7 @@ import { timeRangeValidator } from '../validators/time-range.validator';
|
|
|
24
24
|
import { fromEvent } from 'rxjs';
|
|
25
25
|
import { incompleteDateValidator } from '../validators/incomplete-date.validator';
|
|
26
26
|
import { BusViewService } from '../calendar/services/bus-view.service';
|
|
27
|
-
import {
|
|
27
|
+
import { checkIcon, clockIcon } from '@progress/kendo-svg-icons';
|
|
28
28
|
import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
|
|
29
29
|
import { TimeSelectorCustomMessagesComponent } from './localization/timeselector-custom-messages.component';
|
|
30
30
|
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
@@ -436,7 +436,7 @@ export class TimePickerComponent extends MultiTabStop {
|
|
|
436
436
|
/**
|
|
437
437
|
* @hidden
|
|
438
438
|
*/
|
|
439
|
-
|
|
439
|
+
checkIcon = checkIcon;
|
|
440
440
|
get isActive() {
|
|
441
441
|
return this._active;
|
|
442
442
|
}
|
|
@@ -1221,29 +1221,28 @@ export class TimePickerComponent extends MultiTabStop {
|
|
|
1221
1221
|
>
|
|
1222
1222
|
<ng-template kendoActionSheetTemplate>
|
|
1223
1223
|
<div class="k-actionsheet-titlebar">
|
|
1224
|
-
<div class="k-actionsheet-titlebar-group
|
|
1224
|
+
<div class="k-actionsheet-titlebar-group">
|
|
1225
1225
|
<div class="k-actionsheet-title">
|
|
1226
|
-
<div class="k-text-center">{{ title }}</div>
|
|
1227
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1226
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
1227
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1228
1228
|
</div>
|
|
1229
1229
|
<div class="k-actionsheet-actions">
|
|
1230
1230
|
<button
|
|
1231
1231
|
kendoButton
|
|
1232
1232
|
type="button"
|
|
1233
|
-
icon="
|
|
1233
|
+
icon="check"
|
|
1234
1234
|
[attr.title]="localization.get('clearTitle')"
|
|
1235
|
-
[svgIcon]="
|
|
1235
|
+
[svgIcon]="checkIcon"
|
|
1236
1236
|
fillMode="flat"
|
|
1237
1237
|
size="large"
|
|
1238
1238
|
[tabIndex]="-1"
|
|
1239
1239
|
aria-hidden="true"
|
|
1240
|
-
innerCssClass="k-button-icon"
|
|
1241
1240
|
(click)="show = false">
|
|
1242
1241
|
</button>
|
|
1243
1242
|
</div>
|
|
1244
1243
|
</div>
|
|
1245
1244
|
</div>
|
|
1246
|
-
<div class="k-actionsheet-content
|
|
1245
|
+
<div class="k-actionsheet-content">
|
|
1247
1246
|
<ng-container *ngTemplateOutlet="timeSelectorTemplate"></ng-container>
|
|
1248
1247
|
</div>
|
|
1249
1248
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
@@ -1313,7 +1312,7 @@ export class TimePickerComponent extends MultiTabStop {
|
|
|
1313
1312
|
</kendo-timeselector-messages>
|
|
1314
1313
|
</kendo-timeselector>
|
|
1315
1314
|
</ng-template>
|
|
1316
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1315
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1317
1316
|
}
|
|
1318
1317
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
1319
1318
|
type: Component,
|
|
@@ -1449,29 +1448,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1449
1448
|
>
|
|
1450
1449
|
<ng-template kendoActionSheetTemplate>
|
|
1451
1450
|
<div class="k-actionsheet-titlebar">
|
|
1452
|
-
<div class="k-actionsheet-titlebar-group
|
|
1451
|
+
<div class="k-actionsheet-titlebar-group">
|
|
1453
1452
|
<div class="k-actionsheet-title">
|
|
1454
|
-
<div class="k-text-center">{{ title }}</div>
|
|
1455
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1453
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
1454
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
1456
1455
|
</div>
|
|
1457
1456
|
<div class="k-actionsheet-actions">
|
|
1458
1457
|
<button
|
|
1459
1458
|
kendoButton
|
|
1460
1459
|
type="button"
|
|
1461
|
-
icon="
|
|
1460
|
+
icon="check"
|
|
1462
1461
|
[attr.title]="localization.get('clearTitle')"
|
|
1463
|
-
[svgIcon]="
|
|
1462
|
+
[svgIcon]="checkIcon"
|
|
1464
1463
|
fillMode="flat"
|
|
1465
1464
|
size="large"
|
|
1466
1465
|
[tabIndex]="-1"
|
|
1467
1466
|
aria-hidden="true"
|
|
1468
|
-
innerCssClass="k-button-icon"
|
|
1469
1467
|
(click)="show = false">
|
|
1470
1468
|
</button>
|
|
1471
1469
|
</div>
|
|
1472
1470
|
</div>
|
|
1473
1471
|
</div>
|
|
1474
|
-
<div class="k-actionsheet-content
|
|
1472
|
+
<div class="k-actionsheet-content">
|
|
1475
1473
|
<ng-container *ngTemplateOutlet="timeSelectorTemplate"></ng-container>
|
|
1476
1474
|
</div>
|
|
1477
1475
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
@@ -16,7 +16,7 @@ import * as i1 from '@progress/kendo-angular-intl';
|
|
|
16
16
|
import { localeData } from '@progress/kendo-angular-intl';
|
|
17
17
|
import { Subject, Subscription, ReplaySubject, Observable, combineLatest, of, interval, animationFrameScheduler, fromEvent, EMPTY, from, BehaviorSubject, merge } from 'rxjs';
|
|
18
18
|
import { NgIf, NgTemplateOutlet, NgClass, NgFor, NgStyle } from '@angular/common';
|
|
19
|
-
import { chevronRightIcon, chevronLeftIcon, caretAltUpIcon, xIcon, caretAltDownIcon, calendarIcon, clockIcon } from '@progress/kendo-svg-icons';
|
|
19
|
+
import { chevronRightIcon, chevronLeftIcon, caretAltUpIcon, xIcon, caretAltDownIcon, calendarIcon, checkIcon, clockIcon } from '@progress/kendo-svg-icons';
|
|
20
20
|
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
21
21
|
import { map, scan, takeWhile, debounceTime, tap, filter } from 'rxjs/operators';
|
|
22
22
|
import { DateInput } from '@progress/kendo-dateinputs-common';
|
|
@@ -36,8 +36,8 @@ const packageMetadata = {
|
|
|
36
36
|
productName: 'Kendo UI for Angular',
|
|
37
37
|
productCode: 'KENDOUIANGULAR',
|
|
38
38
|
productCodes: ['KENDOUIANGULAR'],
|
|
39
|
-
publishDate:
|
|
40
|
-
version: '19.0.0-develop.
|
|
39
|
+
publishDate: 1745321638,
|
|
40
|
+
version: '19.0.0-develop.2',
|
|
41
41
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -10493,7 +10493,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
10493
10493
|
/**
|
|
10494
10494
|
* @hidden
|
|
10495
10495
|
*/
|
|
10496
|
-
|
|
10496
|
+
checkIcon = checkIcon;
|
|
10497
10497
|
/**
|
|
10498
10498
|
* @hidden
|
|
10499
10499
|
*/
|
|
@@ -11175,29 +11175,29 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
11175
11175
|
>
|
|
11176
11176
|
<ng-template kendoActionSheetTemplate>
|
|
11177
11177
|
<div class="k-actionsheet-titlebar">
|
|
11178
|
-
<div class="k-actionsheet-titlebar-group
|
|
11178
|
+
<div class="k-actionsheet-titlebar-group">
|
|
11179
11179
|
<div class="k-actionsheet-title">
|
|
11180
|
-
<div class="k-text-center">{{ title }}</div>
|
|
11181
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
11180
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
11181
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
11182
11182
|
</div>
|
|
11183
11183
|
<div class="k-actionsheet-actions">
|
|
11184
11184
|
<button
|
|
11185
11185
|
kendoButton
|
|
11186
11186
|
type="button"
|
|
11187
|
-
icon="
|
|
11187
|
+
icon="check"
|
|
11188
11188
|
[attr.title]="localization.get('clearTitle')"
|
|
11189
|
-
[svgIcon]="
|
|
11189
|
+
[svgIcon]="checkIcon"
|
|
11190
11190
|
fillMode="flat"
|
|
11191
11191
|
[tabIndex]="-1"
|
|
11192
11192
|
aria-hidden="true"
|
|
11193
11193
|
size="large"
|
|
11194
|
-
|
|
11194
|
+
themeColor="primary"
|
|
11195
11195
|
(click)="show = false">
|
|
11196
11196
|
</button>
|
|
11197
11197
|
</div>
|
|
11198
11198
|
</div>
|
|
11199
11199
|
</div>
|
|
11200
|
-
<div class="k-actionsheet-content
|
|
11200
|
+
<div class="k-actionsheet-content">
|
|
11201
11201
|
<ng-container *ngTemplateOutlet="calendarTemplate"></ng-container>
|
|
11202
11202
|
</div>
|
|
11203
11203
|
</ng-template>
|
|
@@ -11247,7 +11247,7 @@ class DatePickerComponent extends MultiTabStop {
|
|
|
11247
11247
|
</kendo-calendar-messages>
|
|
11248
11248
|
</kendo-calendar>
|
|
11249
11249
|
</ng-template>
|
|
11250
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: DatePickerLocalizedMessagesDirective, selector: "[kendoDatePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11250
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: DatePickerLocalizedMessagesDirective, selector: "[kendoDatePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11251
11251
|
}
|
|
11252
11252
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
11253
11253
|
type: Component,
|
|
@@ -11370,29 +11370,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
11370
11370
|
>
|
|
11371
11371
|
<ng-template kendoActionSheetTemplate>
|
|
11372
11372
|
<div class="k-actionsheet-titlebar">
|
|
11373
|
-
<div class="k-actionsheet-titlebar-group
|
|
11373
|
+
<div class="k-actionsheet-titlebar-group">
|
|
11374
11374
|
<div class="k-actionsheet-title">
|
|
11375
|
-
<div class="k-text-center">{{ title }}</div>
|
|
11376
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
11375
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
11376
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
11377
11377
|
</div>
|
|
11378
11378
|
<div class="k-actionsheet-actions">
|
|
11379
11379
|
<button
|
|
11380
11380
|
kendoButton
|
|
11381
11381
|
type="button"
|
|
11382
|
-
icon="
|
|
11382
|
+
icon="check"
|
|
11383
11383
|
[attr.title]="localization.get('clearTitle')"
|
|
11384
|
-
[svgIcon]="
|
|
11384
|
+
[svgIcon]="checkIcon"
|
|
11385
11385
|
fillMode="flat"
|
|
11386
11386
|
[tabIndex]="-1"
|
|
11387
11387
|
aria-hidden="true"
|
|
11388
11388
|
size="large"
|
|
11389
|
-
|
|
11389
|
+
themeColor="primary"
|
|
11390
11390
|
(click)="show = false">
|
|
11391
11391
|
</button>
|
|
11392
11392
|
</div>
|
|
11393
11393
|
</div>
|
|
11394
11394
|
</div>
|
|
11395
|
-
<div class="k-actionsheet-content
|
|
11395
|
+
<div class="k-actionsheet-content">
|
|
11396
11396
|
<ng-container *ngTemplateOutlet="calendarTemplate"></ng-container>
|
|
11397
11397
|
</div>
|
|
11398
11398
|
</ng-template>
|
|
@@ -14067,7 +14067,7 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14067
14067
|
/**
|
|
14068
14068
|
* @hidden
|
|
14069
14069
|
*/
|
|
14070
|
-
|
|
14070
|
+
checkIcon = checkIcon;
|
|
14071
14071
|
get isActive() {
|
|
14072
14072
|
return this._active;
|
|
14073
14073
|
}
|
|
@@ -14852,29 +14852,28 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14852
14852
|
>
|
|
14853
14853
|
<ng-template kendoActionSheetTemplate>
|
|
14854
14854
|
<div class="k-actionsheet-titlebar">
|
|
14855
|
-
<div class="k-actionsheet-titlebar-group
|
|
14855
|
+
<div class="k-actionsheet-titlebar-group">
|
|
14856
14856
|
<div class="k-actionsheet-title">
|
|
14857
|
-
<div class="k-text-center">{{ title }}</div>
|
|
14858
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
14857
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
14858
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
14859
14859
|
</div>
|
|
14860
14860
|
<div class="k-actionsheet-actions">
|
|
14861
14861
|
<button
|
|
14862
14862
|
kendoButton
|
|
14863
14863
|
type="button"
|
|
14864
|
-
icon="
|
|
14864
|
+
icon="check"
|
|
14865
14865
|
[attr.title]="localization.get('clearTitle')"
|
|
14866
|
-
[svgIcon]="
|
|
14866
|
+
[svgIcon]="checkIcon"
|
|
14867
14867
|
fillMode="flat"
|
|
14868
14868
|
size="large"
|
|
14869
14869
|
[tabIndex]="-1"
|
|
14870
14870
|
aria-hidden="true"
|
|
14871
|
-
innerCssClass="k-button-icon"
|
|
14872
14871
|
(click)="show = false">
|
|
14873
14872
|
</button>
|
|
14874
14873
|
</div>
|
|
14875
14874
|
</div>
|
|
14876
14875
|
</div>
|
|
14877
|
-
<div class="k-actionsheet-content
|
|
14876
|
+
<div class="k-actionsheet-content">
|
|
14878
14877
|
<ng-container *ngTemplateOutlet="timeSelectorTemplate"></ng-container>
|
|
14879
14878
|
</div>
|
|
14880
14879
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
@@ -14944,7 +14943,7 @@ class TimePickerComponent extends MultiTabStop {
|
|
|
14944
14943
|
</kendo-timeselector-messages>
|
|
14945
14944
|
</kendo-timeselector>
|
|
14946
14945
|
</ng-template>
|
|
14947
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14946
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14948
14947
|
}
|
|
14949
14948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
14950
14949
|
type: Component,
|
|
@@ -15080,29 +15079,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
15080
15079
|
>
|
|
15081
15080
|
<ng-template kendoActionSheetTemplate>
|
|
15082
15081
|
<div class="k-actionsheet-titlebar">
|
|
15083
|
-
<div class="k-actionsheet-titlebar-group
|
|
15082
|
+
<div class="k-actionsheet-titlebar-group">
|
|
15084
15083
|
<div class="k-actionsheet-title">
|
|
15085
|
-
<div class="k-text-center">{{ title }}</div>
|
|
15086
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
15084
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
15085
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
15087
15086
|
</div>
|
|
15088
15087
|
<div class="k-actionsheet-actions">
|
|
15089
15088
|
<button
|
|
15090
15089
|
kendoButton
|
|
15091
15090
|
type="button"
|
|
15092
|
-
icon="
|
|
15091
|
+
icon="check"
|
|
15093
15092
|
[attr.title]="localization.get('clearTitle')"
|
|
15094
|
-
[svgIcon]="
|
|
15093
|
+
[svgIcon]="checkIcon"
|
|
15095
15094
|
fillMode="flat"
|
|
15096
15095
|
size="large"
|
|
15097
15096
|
[tabIndex]="-1"
|
|
15098
15097
|
aria-hidden="true"
|
|
15099
|
-
innerCssClass="k-button-icon"
|
|
15100
15098
|
(click)="show = false">
|
|
15101
15099
|
</button>
|
|
15102
15100
|
</div>
|
|
15103
15101
|
</div>
|
|
15104
15102
|
</div>
|
|
15105
|
-
<div class="k-actionsheet-content
|
|
15103
|
+
<div class="k-actionsheet-content">
|
|
15106
15104
|
<ng-container *ngTemplateOutlet="timeSelectorTemplate"></ng-container>
|
|
15107
15105
|
</div>
|
|
15108
15106
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
@@ -16013,7 +16011,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
16013
16011
|
/**
|
|
16014
16012
|
* @hidden
|
|
16015
16013
|
*/
|
|
16016
|
-
|
|
16014
|
+
checkIcon = checkIcon;
|
|
16017
16015
|
/**
|
|
16018
16016
|
* @hidden
|
|
16019
16017
|
*/
|
|
@@ -17060,29 +17058,29 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
17060
17058
|
>
|
|
17061
17059
|
<ng-template kendoActionSheetTemplate>
|
|
17062
17060
|
<div class="k-actionsheet-titlebar">
|
|
17063
|
-
<div class="k-actionsheet-titlebar-group
|
|
17061
|
+
<div class="k-actionsheet-titlebar-group">
|
|
17064
17062
|
<div class="k-actionsheet-title">
|
|
17065
|
-
<div class="k-text-center">{{ title }}</div>
|
|
17066
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
17063
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
17064
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
17067
17065
|
</div>
|
|
17068
17066
|
<div class="k-actionsheet-actions">
|
|
17069
17067
|
<button
|
|
17070
17068
|
kendoButton
|
|
17071
17069
|
type="button"
|
|
17072
|
-
icon="
|
|
17070
|
+
icon="check"
|
|
17073
17071
|
[attr.title]="localization.get('clearTitle')"
|
|
17074
|
-
[svgIcon]="
|
|
17072
|
+
[svgIcon]="checkIcon"
|
|
17075
17073
|
fillMode="flat"
|
|
17076
17074
|
[tabIndex]="-1"
|
|
17077
17075
|
aria-hidden="true"
|
|
17078
17076
|
size="large"
|
|
17079
|
-
|
|
17077
|
+
themeColor="primary"
|
|
17080
17078
|
(click)="toggleDateTime(false)">
|
|
17081
17079
|
</button>
|
|
17082
17080
|
</div>
|
|
17083
17081
|
</div>
|
|
17084
17082
|
</div>
|
|
17085
|
-
<div class="k-actionsheet-content
|
|
17083
|
+
<div class="k-actionsheet-content">
|
|
17086
17084
|
<ng-container *ngTemplateOutlet="dateTimeTemplate"></ng-container>
|
|
17087
17085
|
</div>
|
|
17088
17086
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
@@ -17294,7 +17292,7 @@ class DateTimePickerComponent extends MultiTabStop {
|
|
|
17294
17292
|
</div>
|
|
17295
17293
|
</div>
|
|
17296
17294
|
</ng-template>
|
|
17297
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17295
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "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: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutFirstPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17298
17296
|
}
|
|
17299
17297
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerComponent, decorators: [{
|
|
17300
17298
|
type: Component,
|
|
@@ -17471,29 +17469,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
17471
17469
|
>
|
|
17472
17470
|
<ng-template kendoActionSheetTemplate>
|
|
17473
17471
|
<div class="k-actionsheet-titlebar">
|
|
17474
|
-
<div class="k-actionsheet-titlebar-group
|
|
17472
|
+
<div class="k-actionsheet-titlebar-group">
|
|
17475
17473
|
<div class="k-actionsheet-title">
|
|
17476
|
-
<div class="k-text-center">{{ title }}</div>
|
|
17477
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
17474
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
17475
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
17478
17476
|
</div>
|
|
17479
17477
|
<div class="k-actionsheet-actions">
|
|
17480
17478
|
<button
|
|
17481
17479
|
kendoButton
|
|
17482
17480
|
type="button"
|
|
17483
|
-
icon="
|
|
17481
|
+
icon="check"
|
|
17484
17482
|
[attr.title]="localization.get('clearTitle')"
|
|
17485
|
-
[svgIcon]="
|
|
17483
|
+
[svgIcon]="checkIcon"
|
|
17486
17484
|
fillMode="flat"
|
|
17487
17485
|
[tabIndex]="-1"
|
|
17488
17486
|
aria-hidden="true"
|
|
17489
17487
|
size="large"
|
|
17490
|
-
|
|
17488
|
+
themeColor="primary"
|
|
17491
17489
|
(click)="toggleDateTime(false)">
|
|
17492
17490
|
</button>
|
|
17493
17491
|
</div>
|
|
17494
17492
|
</div>
|
|
17495
17493
|
</div>
|
|
17496
|
-
<div class="k-actionsheet-content
|
|
17494
|
+
<div class="k-actionsheet-content">
|
|
17497
17495
|
<ng-container *ngTemplateOutlet="dateTimeTemplate"></ng-container>
|
|
17498
17496
|
</div>
|
|
17499
17497
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
@@ -18675,7 +18673,7 @@ class DateRangePopupComponent {
|
|
|
18675
18673
|
/**
|
|
18676
18674
|
* @hidden
|
|
18677
18675
|
*/
|
|
18678
|
-
|
|
18676
|
+
checkIcon = checkIcon;
|
|
18679
18677
|
/**
|
|
18680
18678
|
* Gets or sets the visibility state of the component.
|
|
18681
18679
|
*/
|
|
@@ -19094,29 +19092,29 @@ class DateRangePopupComponent {
|
|
|
19094
19092
|
Note: The popup in non-adaptive mode closes on window blur -->
|
|
19095
19093
|
<kendo-resize-sensor *ngIf="isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
19096
19094
|
<div class="k-actionsheet-titlebar">
|
|
19097
|
-
<div class="k-actionsheet-titlebar-group
|
|
19095
|
+
<div class="k-actionsheet-titlebar-group">
|
|
19098
19096
|
<div class="k-actionsheet-title">
|
|
19099
|
-
<div class="k-text-center">{{ title }}</div>
|
|
19100
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
19097
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
19098
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
19101
19099
|
</div>
|
|
19102
19100
|
<div class="k-actionsheet-actions">
|
|
19103
19101
|
<button
|
|
19104
19102
|
kendoButton
|
|
19105
19103
|
type="button"
|
|
19106
|
-
icon="
|
|
19104
|
+
icon="check"
|
|
19107
19105
|
[attr.title]="localization.get('clearTitle')"
|
|
19108
|
-
[svgIcon]="
|
|
19106
|
+
[svgIcon]="checkIcon"
|
|
19109
19107
|
fillMode="flat"
|
|
19110
19108
|
[tabIndex]="-1"
|
|
19111
19109
|
aria-hidden="true"
|
|
19110
|
+
themeColor="primary"
|
|
19112
19111
|
size="large"
|
|
19113
|
-
innerCssClass="k-button-icon"
|
|
19114
19112
|
(click)="show = false">
|
|
19115
19113
|
</button>
|
|
19116
19114
|
</div>
|
|
19117
19115
|
</div>
|
|
19118
19116
|
</div>
|
|
19119
|
-
<div class="k-actionsheet-content
|
|
19117
|
+
<div class="k-actionsheet-content">
|
|
19120
19118
|
<div class="k-scrollable-wrap">
|
|
19121
19119
|
<kendo-multiviewcalendar
|
|
19122
19120
|
size="large"
|
|
@@ -19168,7 +19166,7 @@ class DateRangePopupComponent {
|
|
|
19168
19166
|
</div>
|
|
19169
19167
|
</ng-template>
|
|
19170
19168
|
</kendo-actionsheet>
|
|
19171
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: DateRangePopupLocalizedMessagesDirective, selector: "[kendoDateRangePopupLocalizedMessages]" }, { kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
19169
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: DateRangePopupLocalizedMessagesDirective, selector: "[kendoDateRangePopupLocalizedMessages]" }, { kind: "component", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["showOtherMonthDays", "showCalendarHeader", "size", "id", "focusedDate", "footer", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "weekDaysFormat", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "orientation", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "footerTemplate", "headerTitleTemplate", "headerTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "rangeSelectionChange", "blur", "focus", "focusCalendar", "onClosePopup", "onTabPress", "onShiftTabPress"], exportAs: ["kendo-multiviewcalendar"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
19172
19170
|
}
|
|
19173
19171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupComponent, decorators: [{
|
|
19174
19172
|
type: Component,
|
|
@@ -19237,29 +19235,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
19237
19235
|
Note: The popup in non-adaptive mode closes on window blur -->
|
|
19238
19236
|
<kendo-resize-sensor *ngIf="isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
19239
19237
|
<div class="k-actionsheet-titlebar">
|
|
19240
|
-
<div class="k-actionsheet-titlebar-group
|
|
19238
|
+
<div class="k-actionsheet-titlebar-group">
|
|
19241
19239
|
<div class="k-actionsheet-title">
|
|
19242
|
-
<div class="k-text-center">{{ title }}</div>
|
|
19243
|
-
<div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
19240
|
+
<div *ngIf="title" class="k-text-center">{{ title }}</div>
|
|
19241
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
|
|
19244
19242
|
</div>
|
|
19245
19243
|
<div class="k-actionsheet-actions">
|
|
19246
19244
|
<button
|
|
19247
19245
|
kendoButton
|
|
19248
19246
|
type="button"
|
|
19249
|
-
icon="
|
|
19247
|
+
icon="check"
|
|
19250
19248
|
[attr.title]="localization.get('clearTitle')"
|
|
19251
|
-
[svgIcon]="
|
|
19249
|
+
[svgIcon]="checkIcon"
|
|
19252
19250
|
fillMode="flat"
|
|
19253
19251
|
[tabIndex]="-1"
|
|
19254
19252
|
aria-hidden="true"
|
|
19253
|
+
themeColor="primary"
|
|
19255
19254
|
size="large"
|
|
19256
|
-
innerCssClass="k-button-icon"
|
|
19257
19255
|
(click)="show = false">
|
|
19258
19256
|
</button>
|
|
19259
19257
|
</div>
|
|
19260
19258
|
</div>
|
|
19261
19259
|
</div>
|
|
19262
|
-
<div class="k-actionsheet-content
|
|
19260
|
+
<div class="k-actionsheet-content">
|
|
19263
19261
|
<div class="k-scrollable-wrap">
|
|
19264
19262
|
<kendo-multiviewcalendar
|
|
19265
19263
|
size="large"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dateinputs",
|
|
3
|
-
"version": "19.0.0-develop.
|
|
3
|
+
"version": "19.0.0-develop.2",
|
|
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",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"package": {
|
|
30
30
|
"productName": "Kendo UI for Angular",
|
|
31
31
|
"productCode": "KENDOUIANGULAR",
|
|
32
|
-
"publishDate":
|
|
32
|
+
"publishDate": 1745321638,
|
|
33
33
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
@@ -40,19 +40,19 @@
|
|
|
40
40
|
"@angular/forms": "16 - 19",
|
|
41
41
|
"@angular/platform-browser": "16 - 19",
|
|
42
42
|
"@progress/kendo-licensing": "^1.5.0",
|
|
43
|
-
"@progress/kendo-angular-buttons": "19.0.0-develop.
|
|
44
|
-
"@progress/kendo-angular-common": "19.0.0-develop.
|
|
45
|
-
"@progress/kendo-angular-utils": "19.0.0-develop.
|
|
46
|
-
"@progress/kendo-angular-intl": "19.0.0-develop.
|
|
47
|
-
"@progress/kendo-angular-l10n": "19.0.0-develop.
|
|
48
|
-
"@progress/kendo-angular-icons": "19.0.0-develop.
|
|
49
|
-
"@progress/kendo-angular-popup": "19.0.0-develop.
|
|
50
|
-
"@progress/kendo-angular-navigation": "19.0.0-develop.
|
|
43
|
+
"@progress/kendo-angular-buttons": "19.0.0-develop.2",
|
|
44
|
+
"@progress/kendo-angular-common": "19.0.0-develop.2",
|
|
45
|
+
"@progress/kendo-angular-utils": "19.0.0-develop.2",
|
|
46
|
+
"@progress/kendo-angular-intl": "19.0.0-develop.2",
|
|
47
|
+
"@progress/kendo-angular-l10n": "19.0.0-develop.2",
|
|
48
|
+
"@progress/kendo-angular-icons": "19.0.0-develop.2",
|
|
49
|
+
"@progress/kendo-angular-popup": "19.0.0-develop.2",
|
|
50
|
+
"@progress/kendo-angular-navigation": "19.0.0-develop.2",
|
|
51
51
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"tslib": "^2.3.1",
|
|
55
|
-
"@progress/kendo-angular-schematics": "19.0.0-develop.
|
|
55
|
+
"@progress/kendo-angular-schematics": "19.0.0-develop.2",
|
|
56
56
|
"@progress/kendo-common": "^1.0.1",
|
|
57
57
|
"@progress/kendo-date-math": "^1.1.0",
|
|
58
58
|
"@progress/kendo-dateinputs-common": "^0.4.4"
|