@progress/kendo-angular-dateinputs 21.1.1-develop.1 → 21.2.0-develop.1
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/esm2022/calendar/calendar.component.mjs +222 -221
- package/esm2022/calendar/footer.component.mjs +31 -29
- package/esm2022/calendar/header.component.mjs +157 -145
- package/esm2022/calendar/horizontal-view-list.component.mjs +139 -123
- package/esm2022/calendar/multiview-calendar.component.mjs +116 -108
- package/esm2022/calendar/navigation.component.mjs +55 -49
- package/esm2022/calendar/view-list.component.mjs +148 -135
- package/esm2022/calendar/view.component.mjs +107 -89
- package/esm2022/dateinput/dateinput.component.mjs +142 -137
- package/esm2022/datepicker/datepicker.component.mjs +315 -303
- package/esm2022/daterange/date-range-popup.component.mjs +264 -253
- package/esm2022/daterange/date-range.component.mjs +10 -7
- package/esm2022/datetimepicker/datetimepicker.component.mjs +677 -657
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/timepicker/timelist.component.mjs +55 -51
- package/esm2022/timepicker/timepicker.component.mjs +379 -367
- package/esm2022/timepicker/timeselector.component.mjs +138 -123
- package/fesm2022/progress-kendo-angular-dateinputs.mjs +2950 -2785
- package/package.json +11 -11
- package/schematics/ngAdd/index.js +4 -0
|
@@ -39,7 +39,6 @@ import { from as fromPromise } from 'rxjs';
|
|
|
39
39
|
import { HeaderTemplateDirective } from './templates/header-template.directive';
|
|
40
40
|
import { FooterTemplateDirective } from './templates/footer-template.directive';
|
|
41
41
|
import { MultiViewCalendarCustomMessagesComponent } from './localization/multiview-calendar-custom-messages.component';
|
|
42
|
-
import { NgIf } from '@angular/common';
|
|
43
42
|
import { CalendarLocalizedMessagesDirective } from './localization/calendar-localized-messages.directive';
|
|
44
43
|
import * as i0 from "@angular/core";
|
|
45
44
|
import * as i1 from "./services/bus-view.service";
|
|
@@ -1281,7 +1280,7 @@ export class CalendarComponent {
|
|
|
1281
1280
|
});
|
|
1282
1281
|
}
|
|
1283
1282
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.BusViewService }, { token: i2.CalendarDOMService }, { token: i0.ElementRef }, { token: i3.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i4.ScrollSyncService }, { token: i5.DisabledDatesService }, { token: i6.LocalizationService }, { token: i7.SelectionService }, { token: i8.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1284
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1283
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CalendarComponent, isStandalone: true, selector: "kendo-calendar", inputs: { showOtherMonthDays: "showOtherMonthDays", id: "id", focusedDate: "focusedDate", min: "min", max: "max", rangeValidation: "rangeValidation", weekDaysFormat: "weekDaysFormat", footer: "footer", selection: "selection", allowReverse: "allowReverse", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", navigation: "navigation", activeView: "activeView", bottomView: "bottomView", topView: "topView", type: "type", animateNavigation: "animateNavigation", weekNumber: "weekNumber", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"], size: "size", activeRangeEnd: "activeRangeEnd" }, outputs: { closePopup: "closePopup", activeViewChange: "activeViewChange", navigate: "navigate", activeViewDateChange: "activeViewDateChange", onBlur: "blur", onFocus: "focus", valueChange: "valueChange" }, host: { properties: { "class.k-week-number": "this.weekNumber", "attr.id": "this.widgetId", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled" } }, providers: [
|
|
1285
1284
|
BusViewService,
|
|
1286
1285
|
CALENDAR_VALUE_ACCESSOR,
|
|
1287
1286
|
CALENDAR_RANGE_VALIDATORS,
|
|
@@ -1297,124 +1296,125 @@ export class CalendarComponent {
|
|
|
1297
1296
|
SelectionService
|
|
1298
1297
|
], queries: [{ propertyName: "cellTemplate", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "monthCellTemplate", first: true, predicate: MonthCellTemplateDirective, descendants: true }, { propertyName: "yearCellTemplate", first: true, predicate: YearCellTemplateDirective, descendants: true }, { propertyName: "decadeCellTemplate", first: true, predicate: DecadeCellTemplateDirective, descendants: true }, { propertyName: "centuryCellTemplate", first: true, predicate: CenturyCellTemplateDirective, descendants: true }, { propertyName: "weekNumberTemplate", first: true, predicate: WeekNumberCellTemplateDirective, descendants: true }, { propertyName: "headerTitleTemplate", first: true, predicate: HeaderTitleTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "navigationItemTemplate", first: true, predicate: NavigationItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "navigationView", first: true, predicate: NavigationComponent, descendants: true }, { propertyName: "monthView", first: true, predicate: ViewListComponent, descendants: true }, { propertyName: "multiViewCalendar", first: true, predicate: MultiViewCalendarComponent, descendants: true }], exportAs: ["kendo-calendar"], usesOnChanges: true, ngImport: i0, template: `
|
|
1299
1298
|
<ng-container kendoCalendarLocalizedMessages
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1299
|
+
i18n-today="kendo.calendar.today|The label for the today button in the calendar header"
|
|
1300
|
+
today="Today"
|
|
1301
|
+
|
|
1302
|
+
i18n-prevButtonTitle="kendo.calendar.prevButtonTitle|The title of the previous button in the Classic calendar"
|
|
1303
|
+
prevButtonTitle="Navigate to previous view"
|
|
1304
|
+
|
|
1305
|
+
i18n-nextButtonTitle="kendo.calendar.nextButtonTitle|The title of the next button in the Classic calendar"
|
|
1306
|
+
nextButtonTitle="Navigate to next view"
|
|
1307
|
+
|
|
1308
|
+
i18n-parentViewButtonTitle="kendo.calendar.parentViewButtonTitle|The title of the parent view button in the calendar header"
|
|
1309
|
+
parentViewButtonTitle="Navigate to parent view"
|
|
1310
|
+
>
|
|
1312
1311
|
</ng-container>
|
|
1313
|
-
|
|
1312
|
+
@if (type === 'infinite') {
|
|
1313
|
+
@if (navigation) {
|
|
1314
1314
|
<kendo-calendar-navigation
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
>
|
|
1315
|
+
[activeView]="activeViewEnum"
|
|
1316
|
+
[focusedDate]="focusedDate"
|
|
1317
|
+
[min]="min"
|
|
1318
|
+
[max]="max"
|
|
1319
|
+
[templateRef]="navigationItemTemplateRef?.templateRef"
|
|
1320
|
+
(valueChange)="handleNavigation($event)"
|
|
1321
|
+
(pageChange)="onPageChange()"
|
|
1322
|
+
>
|
|
1324
1323
|
</kendo-calendar-navigation>
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1324
|
+
}
|
|
1325
|
+
<kendo-calendar-viewlist
|
|
1326
|
+
[activeView]="activeViewEnum"
|
|
1327
|
+
[allowReverse]="allowReverse"
|
|
1328
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
1329
|
+
[activeRangeEnd]="activeRangeEnd"
|
|
1330
|
+
[selectionRange]="selectionRange"
|
|
1331
|
+
[size]="size"
|
|
1332
|
+
[isActive]="isActive"
|
|
1333
|
+
[id]="headerId"
|
|
1334
|
+
[weekDaysFormat]="weekDaysFormat"
|
|
1335
|
+
[cellTemplateRef]="activeCellTemplate()?.templateRef"
|
|
1336
|
+
[headerTitleTemplateRef]="headerTitleTemplateRef?.templateRef"
|
|
1337
|
+
[headerTemplateRef]="headerTemplateRef?.templateRef"
|
|
1338
|
+
[showFooter]="footer"
|
|
1339
|
+
[footerTemplateRef]="footerTemplateRef?.templateRef"
|
|
1340
|
+
[weekNumberTemplateRef]="weekNumberTemplateRef?.templateRef"
|
|
1341
|
+
[cellUID]="cellUID"
|
|
1342
|
+
[min]="min"
|
|
1343
|
+
[max]="max"
|
|
1344
|
+
[focusedDate]="focusedDate"
|
|
1345
|
+
[weekNumber]="weekNumber"
|
|
1346
|
+
[selectedDates]="selectedDates"
|
|
1347
|
+
[tabIndex]="tabIndex"
|
|
1348
|
+
[disabled]="disabled"
|
|
1349
1349
|
(todayButtonClick)="handleDateChange({
|
|
1350
1350
|
selectedDates: [$event],
|
|
1351
1351
|
focusedDate: $event
|
|
1352
1352
|
})"
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1353
|
+
(cellClick)="handleCellClick($event)"
|
|
1354
|
+
(weekNumberCellClick)="handleWeekNumberClick($event)"
|
|
1355
|
+
(activeDateChange)="handleActiveDateChange($event)"
|
|
1356
|
+
(pageChange)="onPageChange()"
|
|
1357
|
+
(focusCalendar)="handleFocus()"
|
|
1358
|
+
(blurCalendar)="handleBlur($event)"
|
|
1359
|
+
(cellEnter)="onCellEnter($event)"
|
|
1360
1360
|
>
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1361
|
+
</kendo-calendar-viewlist>
|
|
1362
|
+
<kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
|
|
1363
|
+
}
|
|
1364
|
+
@if (type === 'classic') {
|
|
1365
|
+
<kendo-multiviewcalendar
|
|
1366
|
+
#multiviewcalendar
|
|
1367
|
+
[views]="1"
|
|
1368
|
+
[min]="min"
|
|
1369
|
+
[max]="max"
|
|
1370
|
+
[size]="size"
|
|
1371
|
+
[id]="id"
|
|
1372
|
+
[activeRangeEnd]="activeRangeEnd"
|
|
1373
|
+
[selectionRange]="selectionRange"
|
|
1374
|
+
[allowReverse]="allowReverse"
|
|
1375
|
+
[disabled]="disabled"
|
|
1376
|
+
[isActive]="isActive"
|
|
1377
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
1378
|
+
[tabIndex]="tabIndex"
|
|
1379
|
+
[activeView]="activeView"
|
|
1380
|
+
[bottomView]="bottomView"
|
|
1381
|
+
[topView]="topView"
|
|
1382
|
+
[weekDaysFormat]="weekDaysFormat"
|
|
1383
|
+
[weekNumber]="weekNumber"
|
|
1384
|
+
[animateNavigation]="animateNavigation"
|
|
1385
|
+
[cellTemplate]="activeCellTemplate()"
|
|
1386
|
+
[monthCellTemplate]="monthCellTemplateRef"
|
|
1387
|
+
[yearCellTemplate]="yearCellTemplateRef"
|
|
1388
|
+
[decadeCellTemplate]="decadeCellTemplateRef"
|
|
1389
|
+
[centuryCellTemplate]="centuryCellTemplateRef"
|
|
1390
|
+
[headerTitleTemplate]="headerTitleTemplateRef"
|
|
1391
|
+
[headerTemplate]="headerTemplateRef"
|
|
1392
|
+
[footerTemplate]="footerTemplateRef"
|
|
1393
|
+
[footer]="footer"
|
|
1394
|
+
[weekNumberTemplate]="weekNumberTemplateRef"
|
|
1395
|
+
[focusedDate]="focusedDate"
|
|
1396
|
+
[selection]="selection"
|
|
1397
|
+
[value]="value"
|
|
1398
|
+
[disabledDates]="disabledDates"
|
|
1399
|
+
(onClosePopup)="closePopup.emit()"
|
|
1400
|
+
(activeViewChange)="handleActiveViewChange($event)"
|
|
1401
|
+
(navigate)="handleNavigate($event)"
|
|
1402
|
+
(valueChange)="handleMultiViewCalendarValueChange($event, multiviewcalendar.focusedDate)"
|
|
1403
|
+
(focusCalendar)="handleFocus()"
|
|
1404
|
+
(blur)="handleBlur($event)"
|
|
1405
|
+
(blurEvent)="handleBlur($event)"
|
|
1406
|
+
(keydown)="handleMultiViewCalendarKeydown($event)"
|
|
1407
1407
|
>
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1408
|
+
<kendo-multiviewcalendar-messages
|
|
1409
|
+
[today]="localization.get('today')"
|
|
1410
|
+
[prevButtonTitle]="localization.get('prevButtonTitle')"
|
|
1411
|
+
[nextButtonTitle]="localization.get('nextButtonTitle')"
|
|
1412
|
+
[parentViewButtonTitle]="localization.get('parentViewButtonTitle')"
|
|
1413
|
+
>
|
|
1414
|
+
</kendo-multiviewcalendar-messages>
|
|
1415
|
+
</kendo-multiviewcalendar>
|
|
1416
|
+
}
|
|
1417
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: CalendarLocalizedMessagesDirective, selector: "[kendoCalendarLocalizedMessages]" }, { kind: "component", type: NavigationComponent, selector: "kendo-calendar-navigation", inputs: ["activeView", "min", "max", "focusedDate", "templateRef"], outputs: ["valueChange", "pageChange"] }, { kind: "component", type: ViewListComponent, selector: "kendo-calendar-viewlist", inputs: ["allowReverse", "cellTemplateRef", "weekNumberTemplateRef", "headerTitleTemplateRef", "headerTemplateRef", "footerTemplateRef", "showOtherMonthDays", "activeView", "cellUID", "focusedDate", "isActive", "min", "max", "selectedDates", "tabIndex", "disabled", "id", "showFooter", "weekDaysFormat", "activeRangeEnd", "selectionRange", "size", "weekNumber"], outputs: ["cellEnter", "cellClick", "weekNumberCellClick", "activeDateChange", "todayButtonClick", "pageChange", "focusCalendar", "blurCalendar", "focusedCellChange"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { 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: MultiViewCalendarCustomMessagesComponent, selector: "kendo-multiviewcalendar-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1418
1418
|
}
|
|
1419
1419
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
1420
1420
|
type: Component,
|
|
@@ -1439,126 +1439,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
1439
1439
|
selector: 'kendo-calendar',
|
|
1440
1440
|
template: `
|
|
1441
1441
|
<ng-container kendoCalendarLocalizedMessages
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1442
|
+
i18n-today="kendo.calendar.today|The label for the today button in the calendar header"
|
|
1443
|
+
today="Today"
|
|
1444
|
+
|
|
1445
|
+
i18n-prevButtonTitle="kendo.calendar.prevButtonTitle|The title of the previous button in the Classic calendar"
|
|
1446
|
+
prevButtonTitle="Navigate to previous view"
|
|
1447
|
+
|
|
1448
|
+
i18n-nextButtonTitle="kendo.calendar.nextButtonTitle|The title of the next button in the Classic calendar"
|
|
1449
|
+
nextButtonTitle="Navigate to next view"
|
|
1450
|
+
|
|
1451
|
+
i18n-parentViewButtonTitle="kendo.calendar.parentViewButtonTitle|The title of the parent view button in the calendar header"
|
|
1452
|
+
parentViewButtonTitle="Navigate to parent view"
|
|
1453
|
+
>
|
|
1454
1454
|
</ng-container>
|
|
1455
|
-
|
|
1455
|
+
@if (type === 'infinite') {
|
|
1456
|
+
@if (navigation) {
|
|
1456
1457
|
<kendo-calendar-navigation
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
>
|
|
1458
|
+
[activeView]="activeViewEnum"
|
|
1459
|
+
[focusedDate]="focusedDate"
|
|
1460
|
+
[min]="min"
|
|
1461
|
+
[max]="max"
|
|
1462
|
+
[templateRef]="navigationItemTemplateRef?.templateRef"
|
|
1463
|
+
(valueChange)="handleNavigation($event)"
|
|
1464
|
+
(pageChange)="onPageChange()"
|
|
1465
|
+
>
|
|
1466
1466
|
</kendo-calendar-navigation>
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1467
|
+
}
|
|
1468
|
+
<kendo-calendar-viewlist
|
|
1469
|
+
[activeView]="activeViewEnum"
|
|
1470
|
+
[allowReverse]="allowReverse"
|
|
1471
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
1472
|
+
[activeRangeEnd]="activeRangeEnd"
|
|
1473
|
+
[selectionRange]="selectionRange"
|
|
1474
|
+
[size]="size"
|
|
1475
|
+
[isActive]="isActive"
|
|
1476
|
+
[id]="headerId"
|
|
1477
|
+
[weekDaysFormat]="weekDaysFormat"
|
|
1478
|
+
[cellTemplateRef]="activeCellTemplate()?.templateRef"
|
|
1479
|
+
[headerTitleTemplateRef]="headerTitleTemplateRef?.templateRef"
|
|
1480
|
+
[headerTemplateRef]="headerTemplateRef?.templateRef"
|
|
1481
|
+
[showFooter]="footer"
|
|
1482
|
+
[footerTemplateRef]="footerTemplateRef?.templateRef"
|
|
1483
|
+
[weekNumberTemplateRef]="weekNumberTemplateRef?.templateRef"
|
|
1484
|
+
[cellUID]="cellUID"
|
|
1485
|
+
[min]="min"
|
|
1486
|
+
[max]="max"
|
|
1487
|
+
[focusedDate]="focusedDate"
|
|
1488
|
+
[weekNumber]="weekNumber"
|
|
1489
|
+
[selectedDates]="selectedDates"
|
|
1490
|
+
[tabIndex]="tabIndex"
|
|
1491
|
+
[disabled]="disabled"
|
|
1491
1492
|
(todayButtonClick)="handleDateChange({
|
|
1492
1493
|
selectedDates: [$event],
|
|
1493
1494
|
focusedDate: $event
|
|
1494
1495
|
})"
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1496
|
+
(cellClick)="handleCellClick($event)"
|
|
1497
|
+
(weekNumberCellClick)="handleWeekNumberClick($event)"
|
|
1498
|
+
(activeDateChange)="handleActiveDateChange($event)"
|
|
1499
|
+
(pageChange)="onPageChange()"
|
|
1500
|
+
(focusCalendar)="handleFocus()"
|
|
1501
|
+
(blurCalendar)="handleBlur($event)"
|
|
1502
|
+
(cellEnter)="onCellEnter($event)"
|
|
1502
1503
|
>
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1504
|
+
</kendo-calendar-viewlist>
|
|
1505
|
+
<kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
|
|
1506
|
+
}
|
|
1507
|
+
@if (type === 'classic') {
|
|
1508
|
+
<kendo-multiviewcalendar
|
|
1509
|
+
#multiviewcalendar
|
|
1510
|
+
[views]="1"
|
|
1511
|
+
[min]="min"
|
|
1512
|
+
[max]="max"
|
|
1513
|
+
[size]="size"
|
|
1514
|
+
[id]="id"
|
|
1515
|
+
[activeRangeEnd]="activeRangeEnd"
|
|
1516
|
+
[selectionRange]="selectionRange"
|
|
1517
|
+
[allowReverse]="allowReverse"
|
|
1518
|
+
[disabled]="disabled"
|
|
1519
|
+
[isActive]="isActive"
|
|
1520
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
1521
|
+
[tabIndex]="tabIndex"
|
|
1522
|
+
[activeView]="activeView"
|
|
1523
|
+
[bottomView]="bottomView"
|
|
1524
|
+
[topView]="topView"
|
|
1525
|
+
[weekDaysFormat]="weekDaysFormat"
|
|
1526
|
+
[weekNumber]="weekNumber"
|
|
1527
|
+
[animateNavigation]="animateNavigation"
|
|
1528
|
+
[cellTemplate]="activeCellTemplate()"
|
|
1529
|
+
[monthCellTemplate]="monthCellTemplateRef"
|
|
1530
|
+
[yearCellTemplate]="yearCellTemplateRef"
|
|
1531
|
+
[decadeCellTemplate]="decadeCellTemplateRef"
|
|
1532
|
+
[centuryCellTemplate]="centuryCellTemplateRef"
|
|
1533
|
+
[headerTitleTemplate]="headerTitleTemplateRef"
|
|
1534
|
+
[headerTemplate]="headerTemplateRef"
|
|
1535
|
+
[footerTemplate]="footerTemplateRef"
|
|
1536
|
+
[footer]="footer"
|
|
1537
|
+
[weekNumberTemplate]="weekNumberTemplateRef"
|
|
1538
|
+
[focusedDate]="focusedDate"
|
|
1539
|
+
[selection]="selection"
|
|
1540
|
+
[value]="value"
|
|
1541
|
+
[disabledDates]="disabledDates"
|
|
1542
|
+
(onClosePopup)="closePopup.emit()"
|
|
1543
|
+
(activeViewChange)="handleActiveViewChange($event)"
|
|
1544
|
+
(navigate)="handleNavigate($event)"
|
|
1545
|
+
(valueChange)="handleMultiViewCalendarValueChange($event, multiviewcalendar.focusedDate)"
|
|
1546
|
+
(focusCalendar)="handleFocus()"
|
|
1547
|
+
(blur)="handleBlur($event)"
|
|
1548
|
+
(blurEvent)="handleBlur($event)"
|
|
1549
|
+
(keydown)="handleMultiViewCalendarKeydown($event)"
|
|
1549
1550
|
>
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1551
|
+
<kendo-multiviewcalendar-messages
|
|
1552
|
+
[today]="localization.get('today')"
|
|
1553
|
+
[prevButtonTitle]="localization.get('prevButtonTitle')"
|
|
1554
|
+
[nextButtonTitle]="localization.get('nextButtonTitle')"
|
|
1555
|
+
[parentViewButtonTitle]="localization.get('parentViewButtonTitle')"
|
|
1556
|
+
>
|
|
1557
|
+
</kendo-multiviewcalendar-messages>
|
|
1558
|
+
</kendo-multiviewcalendar>
|
|
1559
|
+
}
|
|
1560
|
+
`,
|
|
1560
1561
|
standalone: true,
|
|
1561
|
-
imports: [CalendarLocalizedMessagesDirective,
|
|
1562
|
+
imports: [CalendarLocalizedMessagesDirective, NavigationComponent, ViewListComponent, ResizeSensorComponent, MultiViewCalendarComponent, MultiViewCalendarCustomMessagesComponent]
|
|
1562
1563
|
}]
|
|
1563
1564
|
}], ctorParameters: () => [{ type: i1.BusViewService }, { type: i2.CalendarDOMService }, { type: i0.ElementRef }, { type: i3.NavigationService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Injector }, { type: i4.ScrollSyncService }, { type: i5.DisabledDatesService }, { type: i6.LocalizationService }, { type: i7.SelectionService }, { type: i8.PickerService, decorators: [{
|
|
1564
1565
|
type: Optional
|
|
@@ -6,7 +6,7 @@ import { Component, HostBinding, Input, TemplateRef } from '@angular/core';
|
|
|
6
6
|
import { getToday } from '../util';
|
|
7
7
|
import { IntlService } from '@progress/kendo-angular-intl';
|
|
8
8
|
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
9
|
-
import {
|
|
9
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
import * as i1 from "@progress/kendo-angular-intl";
|
|
12
12
|
/**
|
|
@@ -23,45 +23,47 @@ export class FooterComponent {
|
|
|
23
23
|
this.intl = intl;
|
|
24
24
|
}
|
|
25
25
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterComponent, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
27
|
-
|
|
26
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FooterComponent, isStandalone: true, selector: "kendo-calendar-footer", inputs: { footerTemplateRef: "footerTemplateRef", activeViewValue: "activeViewValue", currentDate: "currentDate" }, host: { properties: { "class.k-calendar-footer": "this.showFooter" } }, ngImport: i0, template: `
|
|
27
|
+
@if (footerTemplateRef) {
|
|
28
|
+
<ng-template
|
|
28
29
|
[ngTemplateOutlet]="footerTemplateRef"
|
|
29
30
|
[ngTemplateOutletContext]="{ activeView: activeViewValue, date: currentDate }">
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
31
|
+
</ng-template>
|
|
32
|
+
} @else {
|
|
33
|
+
<button kendoButton
|
|
34
|
+
fillMode="flat"
|
|
35
|
+
themeColor="primary"
|
|
36
|
+
class="k-calendar-nav-today"
|
|
37
|
+
type="button"
|
|
38
|
+
tabindex="-1">
|
|
39
|
+
{{intl.formatDate(getToday(), 'D')}}
|
|
40
|
+
</button>
|
|
41
|
+
}
|
|
42
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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"] }] });
|
|
42
43
|
}
|
|
43
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterComponent, decorators: [{
|
|
44
45
|
type: Component,
|
|
45
46
|
args: [{
|
|
46
47
|
selector: 'kendo-calendar-footer',
|
|
47
48
|
template: `
|
|
48
|
-
|
|
49
|
+
@if (footerTemplateRef) {
|
|
50
|
+
<ng-template
|
|
49
51
|
[ngTemplateOutlet]="footerTemplateRef"
|
|
50
52
|
[ngTemplateOutletContext]="{ activeView: activeViewValue, date: currentDate }">
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
53
|
+
</ng-template>
|
|
54
|
+
} @else {
|
|
55
|
+
<button kendoButton
|
|
56
|
+
fillMode="flat"
|
|
57
|
+
themeColor="primary"
|
|
58
|
+
class="k-calendar-nav-today"
|
|
59
|
+
type="button"
|
|
60
|
+
tabindex="-1">
|
|
61
|
+
{{intl.formatDate(getToday(), 'D')}}
|
|
62
|
+
</button>
|
|
63
|
+
}
|
|
64
|
+
`,
|
|
63
65
|
standalone: true,
|
|
64
|
-
imports: [
|
|
66
|
+
imports: [NgTemplateOutlet, ButtonComponent]
|
|
65
67
|
}]
|
|
66
68
|
}], ctorParameters: () => [{ type: i1.IntlService }], propDecorators: { showFooter: [{
|
|
67
69
|
type: HostBinding,
|