@progress/kendo-angular-dateinputs 17.0.0-develop.17 → 17.0.0-develop.19
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/daterange/date-range-popup.component.d.ts +86 -2
- package/esm2020/daterange/date-range-popup.component.mjs +146 -2
- package/esm2020/daterange/date-range.component.mjs +1 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-dateinputs.mjs +148 -5
- package/fesm2020/progress-kendo-angular-dateinputs.mjs +148 -5
- package/package.json +9 -9
|
@@ -15,6 +15,8 @@ import { DateRangeSelectionDirective } from './date-range-selection.directive';
|
|
|
15
15
|
import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
|
|
16
16
|
import { KeyDown } from '../calendar/models/keydown.interface';
|
|
17
17
|
import { DateInputSize } from '../common/models/size';
|
|
18
|
+
import { CalendarView } from '../calendar/models/view.type';
|
|
19
|
+
import { Day } from '@progress/kendo-date-math';
|
|
18
20
|
import * as i0 from "@angular/core";
|
|
19
21
|
/**
|
|
20
22
|
* Represents the Kendo UI DateRangePopup component for Angular.
|
|
@@ -51,12 +53,83 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
51
53
|
viewCalendar: QueryList<MultiViewCalendarComponent>;
|
|
52
54
|
contentCalendar: QueryList<MultiViewCalendarComponent>;
|
|
53
55
|
/**
|
|
54
|
-
*
|
|
56
|
+
* @hidden
|
|
57
|
+
*
|
|
58
|
+
* Determines whether to display the MultiViewCalendar header.
|
|
59
|
+
*/
|
|
60
|
+
showCalendarHeader: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Sets or gets the `focusedDate` property of the MultiViewCalendar and
|
|
63
|
+
* defines the focused date of the component
|
|
64
|
+
* ([see example]({% slug dates_multiviewcalendar %}#toc-focused-dates)).
|
|
65
|
+
*
|
|
66
|
+
* > If the MultiViewCalendar is out of the min or max range, it normalizes the defined `focusedDate`.
|
|
67
|
+
*/
|
|
68
|
+
focusedDate: Date;
|
|
69
|
+
/**
|
|
70
|
+
* Sets the dates of the MultiViewCalendar that will be disabled
|
|
71
|
+
* ([see example]({% slug disabled_dates_multiviewcalendar %})).
|
|
72
|
+
*/
|
|
73
|
+
disabledDates: ((date: Date) => boolean) | Date[] | Day[];
|
|
74
|
+
/**
|
|
75
|
+
* Defines the active view that the MultiViewCalendar initially renders
|
|
76
|
+
* ([see example]({% slug viewoptions_multiviewcalendar %})).
|
|
77
|
+
* By default, the active view is `month`.
|
|
78
|
+
*
|
|
79
|
+
* > You have to set `activeView` within the `topView`-`bottomView` range.
|
|
80
|
+
*/
|
|
81
|
+
activeView: CalendarView;
|
|
82
|
+
/**
|
|
83
|
+
* Defines the bottommost view, to which the user can navigate
|
|
84
|
+
* ([see example](slug:viewdepth_multiviewcalendar)).
|
|
85
|
+
*/
|
|
86
|
+
bottomView: CalendarView;
|
|
87
|
+
/**
|
|
88
|
+
* Defines the topmost view, to which the user can navigate.
|
|
89
|
+
*/
|
|
90
|
+
topView: CalendarView;
|
|
91
|
+
/**
|
|
92
|
+
* Sets or gets the `min` property of the MultiViewCalendar and
|
|
93
|
+
* defines the minimum allowed date value.
|
|
94
|
+
* By default, the `min` value is `1900-1-1`.
|
|
95
|
+
*/
|
|
96
|
+
min: Date;
|
|
97
|
+
/**
|
|
98
|
+
* Sets or gets the `max` property of the MultiViewCalendar and
|
|
99
|
+
* defines the maximum allowed date value.
|
|
100
|
+
* By default, the `max` value is `2099-12-31`.
|
|
101
|
+
*/
|
|
102
|
+
max: Date;
|
|
103
|
+
/**
|
|
104
|
+
* Allows reverse selection.
|
|
55
105
|
* If `allowReverse` is set to `true`, the component skips the validation of whether the start date is after the end date.
|
|
56
106
|
*
|
|
57
107
|
* @default false
|
|
58
108
|
*/
|
|
59
109
|
allowReverse: boolean;
|
|
110
|
+
/**
|
|
111
|
+
* Determines whether to enable animation when navigating to previous/next view.
|
|
112
|
+
* @default false
|
|
113
|
+
*/
|
|
114
|
+
animateNavigation: boolean;
|
|
115
|
+
/**
|
|
116
|
+
* Sets or gets the `disabled` property of the MultiViewCalendar and
|
|
117
|
+
* determines whether the component is active
|
|
118
|
+
* ([see example]({% slug disabled_multiviewcalendar %})).
|
|
119
|
+
*/
|
|
120
|
+
disabled: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* Sets or gets the `views` property of the MultiViewCalendar and
|
|
123
|
+
* defines the number of rendered months.
|
|
124
|
+
*
|
|
125
|
+
* @default 2
|
|
126
|
+
*/
|
|
127
|
+
views: number;
|
|
128
|
+
/**
|
|
129
|
+
* Determines whether to display a week number column in the `month` view
|
|
130
|
+
* ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
|
|
131
|
+
*/
|
|
132
|
+
weekNumber: boolean;
|
|
60
133
|
/**
|
|
61
134
|
* Controls the popup animation.
|
|
62
135
|
* By default, the opening and closing animations are enabled.
|
|
@@ -76,6 +149,17 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
76
149
|
* [positioning]({% slug alignmentpositioning_popup %}#toc-positioning).
|
|
77
150
|
*/
|
|
78
151
|
anchorAlign: Align;
|
|
152
|
+
/**
|
|
153
|
+
* Determines whether to display a header for every view (for example the month name).
|
|
154
|
+
*
|
|
155
|
+
* @default false
|
|
156
|
+
*/
|
|
157
|
+
showViewHeader: boolean;
|
|
158
|
+
/**
|
|
159
|
+
* Displays the days that fall out of the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
|
|
160
|
+
* @default false
|
|
161
|
+
*/
|
|
162
|
+
showOtherMonthDays: boolean;
|
|
79
163
|
/**
|
|
80
164
|
* Controls the popup container. By default, the popup is appended to the root component.
|
|
81
165
|
*/
|
|
@@ -272,5 +356,5 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
272
356
|
private toggleActionSheet;
|
|
273
357
|
private updateActionSheetAdaptiveAppearance;
|
|
274
358
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupComponent, [null, null, null, null, null, null, { optional: true; }]>;
|
|
275
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupComponent, "kendo-daterange-popup", ["kendo-daterange-popup"], { "allowReverse": "allowReverse"; "animate": "animate"; "anchor": "anchor"; "anchorAlign": "anchorAlign"; "appendTo": "appendTo"; "collision": "collision"; "popupAlign": "popupAlign"; "margin": "margin"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "size": "size"; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never, true, never>;
|
|
359
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupComponent, "kendo-daterange-popup", ["kendo-daterange-popup"], { "showCalendarHeader": "showCalendarHeader"; "focusedDate": "focusedDate"; "disabledDates": "disabledDates"; "activeView": "activeView"; "bottomView": "bottomView"; "topView": "topView"; "min": "min"; "max": "max"; "allowReverse": "allowReverse"; "animateNavigation": "animateNavigation"; "disabled": "disabled"; "views": "views"; "weekNumber": "weekNumber"; "animate": "animate"; "anchor": "anchor"; "anchorAlign": "anchorAlign"; "showViewHeader": "showViewHeader"; "showOtherMonthDays": "showOtherMonthDays"; "appendTo": "appendTo"; "collision": "collision"; "popupAlign": "popupAlign"; "margin": "margin"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; "size": "size"; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never, true, never>;
|
|
276
360
|
}
|
|
@@ -20,6 +20,7 @@ import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/ke
|
|
|
20
20
|
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
21
21
|
import { NgIf } from '@angular/common';
|
|
22
22
|
import { DateRangePopupLocalizedMessagesDirective } from './localization/daterange-popup-localized-messages.directive';
|
|
23
|
+
import { CalendarViewEnum } from '../calendar/models/view.enum';
|
|
23
24
|
import * as i0 from "@angular/core";
|
|
24
25
|
import * as i1 from "@progress/kendo-angular-popup";
|
|
25
26
|
import * as i2 from "./date-range.service";
|
|
@@ -53,12 +54,58 @@ export class DateRangePopupComponent {
|
|
|
53
54
|
this.cdr = cdr;
|
|
54
55
|
this.rtl = rtl;
|
|
55
56
|
/**
|
|
56
|
-
*
|
|
57
|
+
* @hidden
|
|
58
|
+
*
|
|
59
|
+
* Determines whether to display the MultiViewCalendar header.
|
|
60
|
+
*/
|
|
61
|
+
this.showCalendarHeader = true;
|
|
62
|
+
/**
|
|
63
|
+
* Defines the active view that the MultiViewCalendar initially renders
|
|
64
|
+
* ([see example]({% slug viewoptions_multiviewcalendar %})).
|
|
65
|
+
* By default, the active view is `month`.
|
|
66
|
+
*
|
|
67
|
+
* > You have to set `activeView` within the `topView`-`bottomView` range.
|
|
68
|
+
*/
|
|
69
|
+
this.activeView = CalendarViewEnum[CalendarViewEnum.month];
|
|
70
|
+
/**
|
|
71
|
+
* Defines the bottommost view, to which the user can navigate
|
|
72
|
+
* ([see example](slug:viewdepth_multiviewcalendar)).
|
|
73
|
+
*/
|
|
74
|
+
this.bottomView = CalendarViewEnum[CalendarViewEnum.month];
|
|
75
|
+
/**
|
|
76
|
+
* Defines the topmost view, to which the user can navigate.
|
|
77
|
+
*/
|
|
78
|
+
this.topView = CalendarViewEnum[CalendarViewEnum.century];
|
|
79
|
+
/**
|
|
80
|
+
* Allows reverse selection.
|
|
57
81
|
* If `allowReverse` is set to `true`, the component skips the validation of whether the start date is after the end date.
|
|
58
82
|
*
|
|
59
83
|
* @default false
|
|
60
84
|
*/
|
|
61
85
|
this.allowReverse = false;
|
|
86
|
+
/**
|
|
87
|
+
* Determines whether to enable animation when navigating to previous/next view.
|
|
88
|
+
* @default false
|
|
89
|
+
*/
|
|
90
|
+
this.animateNavigation = false;
|
|
91
|
+
/**
|
|
92
|
+
* Sets or gets the `disabled` property of the MultiViewCalendar and
|
|
93
|
+
* determines whether the component is active
|
|
94
|
+
* ([see example]({% slug disabled_multiviewcalendar %})).
|
|
95
|
+
*/
|
|
96
|
+
this.disabled = false;
|
|
97
|
+
/**
|
|
98
|
+
* Sets or gets the `views` property of the MultiViewCalendar and
|
|
99
|
+
* defines the number of rendered months.
|
|
100
|
+
*
|
|
101
|
+
* @default 2
|
|
102
|
+
*/
|
|
103
|
+
this.views = 2;
|
|
104
|
+
/**
|
|
105
|
+
* Determines whether to display a week number column in the `month` view
|
|
106
|
+
* ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
|
|
107
|
+
*/
|
|
108
|
+
this.weekNumber = false;
|
|
62
109
|
/**
|
|
63
110
|
* Controls the popup animation.
|
|
64
111
|
* By default, the opening and closing animations are enabled.
|
|
@@ -66,6 +113,17 @@ export class DateRangePopupComponent {
|
|
|
66
113
|
* refer to the article on [animations]({% slug animations_popup %}).
|
|
67
114
|
*/
|
|
68
115
|
this.animate = true;
|
|
116
|
+
/**
|
|
117
|
+
* Determines whether to display a header for every view (for example the month name).
|
|
118
|
+
*
|
|
119
|
+
* @default false
|
|
120
|
+
*/
|
|
121
|
+
this.showViewHeader = false;
|
|
122
|
+
/**
|
|
123
|
+
* Displays the days that fall out of the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
|
|
124
|
+
* @default false
|
|
125
|
+
*/
|
|
126
|
+
this.showOtherMonthDays = false;
|
|
69
127
|
/**
|
|
70
128
|
* Configures the collision behavior of the popup.
|
|
71
129
|
* For more information, refer to the article on
|
|
@@ -500,7 +558,7 @@ export class DateRangePopupComponent {
|
|
|
500
558
|
}
|
|
501
559
|
}
|
|
502
560
|
DateRangePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i1.PopupService }, { token: i2.DateRangeService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
503
|
-
DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupComponent, isStandalone: true, selector: "kendo-daterange-popup", inputs: { allowReverse: "allowReverse", animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", size: "size" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
|
|
561
|
+
DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupComponent, isStandalone: true, selector: "kendo-daterange-popup", inputs: { showCalendarHeader: "showCalendarHeader", focusedDate: "focusedDate", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", min: "min", max: "max", allowReverse: "allowReverse", animateNavigation: "animateNavigation", disabled: "disabled", views: "views", weekNumber: "weekNumber", animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", showViewHeader: "showViewHeader", showOtherMonthDays: "showOtherMonthDays", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", size: "size" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
|
|
504
562
|
LocalizationService,
|
|
505
563
|
{
|
|
506
564
|
provide: L10N_PREFIX,
|
|
@@ -524,7 +582,22 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
524
582
|
<ng-container #container></ng-container>
|
|
525
583
|
<ng-template #defaultTemplate>
|
|
526
584
|
<kendo-multiviewcalendar
|
|
585
|
+
[activeView]="activeView"
|
|
586
|
+
[bottomView]="bottomView"
|
|
587
|
+
[animateNavigation]="animateNavigation"
|
|
588
|
+
[disabled]="disabled"
|
|
589
|
+
orientation="horizontal"
|
|
590
|
+
[views]="views"
|
|
591
|
+
[weekNumber]="weekNumber"
|
|
592
|
+
[topView]="topView"
|
|
593
|
+
[disabledDates]="disabledDates"
|
|
594
|
+
[min]="min"
|
|
595
|
+
[max]="max"
|
|
596
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
597
|
+
[focusedDate]="focusedDate"
|
|
527
598
|
[allowReverse]="allowReverse"
|
|
599
|
+
[showViewHeader]="showViewHeader"
|
|
600
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
528
601
|
selection="range"
|
|
529
602
|
[size]="size"
|
|
530
603
|
[value]="dateRangeService.selectionRange"
|
|
@@ -572,8 +645,22 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
572
645
|
<div class="k-scrollable-wrap">
|
|
573
646
|
<kendo-multiviewcalendar
|
|
574
647
|
size="large"
|
|
648
|
+
[animateNavigation]="animateNavigation"
|
|
649
|
+
[disabled]="disabled"
|
|
575
650
|
orientation="vertical"
|
|
651
|
+
[views]="views"
|
|
652
|
+
[weekNumber]="weekNumber"
|
|
653
|
+
[disabledDates]="disabledDates"
|
|
654
|
+
[activeView]="activeView"
|
|
655
|
+
[bottomView]="bottomView"
|
|
656
|
+
[topView]="topView"
|
|
657
|
+
[min]="min"
|
|
658
|
+
[max]="max"
|
|
659
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
660
|
+
[focusedDate]="focusedDate"
|
|
576
661
|
[allowReverse]="allowReverse"
|
|
662
|
+
[showViewHeader]="showViewHeader"
|
|
663
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
577
664
|
[focusedDate]="dateRangeService.focusedDate"
|
|
578
665
|
[value]="dateRangeService.selectionRange"
|
|
579
666
|
selection="range"
|
|
@@ -637,7 +724,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
637
724
|
<ng-container #container></ng-container>
|
|
638
725
|
<ng-template #defaultTemplate>
|
|
639
726
|
<kendo-multiviewcalendar
|
|
727
|
+
[activeView]="activeView"
|
|
728
|
+
[bottomView]="bottomView"
|
|
729
|
+
[animateNavigation]="animateNavigation"
|
|
730
|
+
[disabled]="disabled"
|
|
731
|
+
orientation="horizontal"
|
|
732
|
+
[views]="views"
|
|
733
|
+
[weekNumber]="weekNumber"
|
|
734
|
+
[topView]="topView"
|
|
735
|
+
[disabledDates]="disabledDates"
|
|
736
|
+
[min]="min"
|
|
737
|
+
[max]="max"
|
|
738
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
739
|
+
[focusedDate]="focusedDate"
|
|
640
740
|
[allowReverse]="allowReverse"
|
|
741
|
+
[showViewHeader]="showViewHeader"
|
|
742
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
641
743
|
selection="range"
|
|
642
744
|
[size]="size"
|
|
643
745
|
[value]="dateRangeService.selectionRange"
|
|
@@ -685,8 +787,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
685
787
|
<div class="k-scrollable-wrap">
|
|
686
788
|
<kendo-multiviewcalendar
|
|
687
789
|
size="large"
|
|
790
|
+
[animateNavigation]="animateNavigation"
|
|
791
|
+
[disabled]="disabled"
|
|
688
792
|
orientation="vertical"
|
|
793
|
+
[views]="views"
|
|
794
|
+
[weekNumber]="weekNumber"
|
|
795
|
+
[disabledDates]="disabledDates"
|
|
796
|
+
[activeView]="activeView"
|
|
797
|
+
[bottomView]="bottomView"
|
|
798
|
+
[topView]="topView"
|
|
799
|
+
[min]="min"
|
|
800
|
+
[max]="max"
|
|
801
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
802
|
+
[focusedDate]="focusedDate"
|
|
689
803
|
[allowReverse]="allowReverse"
|
|
804
|
+
[showViewHeader]="showViewHeader"
|
|
805
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
690
806
|
[focusedDate]="dateRangeService.focusedDate"
|
|
691
807
|
[value]="dateRangeService.selectionRange"
|
|
692
808
|
selection="range"
|
|
@@ -749,14 +865,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
749
865
|
}], contentCalendar: [{
|
|
750
866
|
type: ContentChildren,
|
|
751
867
|
args: [MultiViewCalendarComponent]
|
|
868
|
+
}], showCalendarHeader: [{
|
|
869
|
+
type: Input
|
|
870
|
+
}], focusedDate: [{
|
|
871
|
+
type: Input
|
|
872
|
+
}], disabledDates: [{
|
|
873
|
+
type: Input
|
|
874
|
+
}], activeView: [{
|
|
875
|
+
type: Input
|
|
876
|
+
}], bottomView: [{
|
|
877
|
+
type: Input
|
|
878
|
+
}], topView: [{
|
|
879
|
+
type: Input
|
|
880
|
+
}], min: [{
|
|
881
|
+
type: Input
|
|
882
|
+
}], max: [{
|
|
883
|
+
type: Input
|
|
752
884
|
}], allowReverse: [{
|
|
753
885
|
type: Input
|
|
886
|
+
}], animateNavigation: [{
|
|
887
|
+
type: Input
|
|
888
|
+
}], disabled: [{
|
|
889
|
+
type: Input
|
|
890
|
+
}], views: [{
|
|
891
|
+
type: Input
|
|
892
|
+
}], weekNumber: [{
|
|
893
|
+
type: Input
|
|
754
894
|
}], animate: [{
|
|
755
895
|
type: Input
|
|
756
896
|
}], anchor: [{
|
|
757
897
|
type: Input
|
|
758
898
|
}], anchorAlign: [{
|
|
759
899
|
type: Input
|
|
900
|
+
}], showViewHeader: [{
|
|
901
|
+
type: Input
|
|
902
|
+
}], showOtherMonthDays: [{
|
|
903
|
+
type: Input
|
|
760
904
|
}], appendTo: [{
|
|
761
905
|
type: Input
|
|
762
906
|
}], collision: [{
|
|
@@ -70,7 +70,7 @@ DateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versi
|
|
|
70
70
|
DateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangeComponent, isStandalone: true, selector: "kendo-daterange", inputs: { size: "size" }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "class.k-daterangepicker": "this.wrapperClass" } }, providers: [DateRangeService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
|
|
71
71
|
<ng-content></ng-content>
|
|
72
72
|
<kendo-daterange-popup *ngIf="showDefault" [size]="size"></kendo-daterange-popup>
|
|
73
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["allowReverse", "animate", "anchor", "anchorAlign", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
|
|
73
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["showCalendarHeader", "focusedDate", "disabledDates", "activeView", "bottomView", "topView", "min", "max", "allowReverse", "animateNavigation", "disabled", "views", "weekNumber", "animate", "anchor", "anchorAlign", "showViewHeader", "showOtherMonthDays", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
|
|
74
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
76
76
|
args: [{
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-dateinputs',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '17.0.0-develop.
|
|
12
|
+
publishDate: 1729672502,
|
|
13
|
+
version: '17.0.0-develop.19',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -35,8 +35,8 @@ const packageMetadata = {
|
|
|
35
35
|
name: '@progress/kendo-angular-dateinputs',
|
|
36
36
|
productName: 'Kendo UI for Angular',
|
|
37
37
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
38
|
-
publishDate:
|
|
39
|
-
version: '17.0.0-develop.
|
|
38
|
+
publishDate: 1729672502,
|
|
39
|
+
version: '17.0.0-develop.19',
|
|
40
40
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
41
41
|
};
|
|
42
42
|
|
|
@@ -17272,12 +17272,58 @@ class DateRangePopupComponent {
|
|
|
17272
17272
|
this.cdr = cdr;
|
|
17273
17273
|
this.rtl = rtl;
|
|
17274
17274
|
/**
|
|
17275
|
-
*
|
|
17275
|
+
* @hidden
|
|
17276
|
+
*
|
|
17277
|
+
* Determines whether to display the MultiViewCalendar header.
|
|
17278
|
+
*/
|
|
17279
|
+
this.showCalendarHeader = true;
|
|
17280
|
+
/**
|
|
17281
|
+
* Defines the active view that the MultiViewCalendar initially renders
|
|
17282
|
+
* ([see example]({% slug viewoptions_multiviewcalendar %})).
|
|
17283
|
+
* By default, the active view is `month`.
|
|
17284
|
+
*
|
|
17285
|
+
* > You have to set `activeView` within the `topView`-`bottomView` range.
|
|
17286
|
+
*/
|
|
17287
|
+
this.activeView = CalendarViewEnum[CalendarViewEnum.month];
|
|
17288
|
+
/**
|
|
17289
|
+
* Defines the bottommost view, to which the user can navigate
|
|
17290
|
+
* ([see example](slug:viewdepth_multiviewcalendar)).
|
|
17291
|
+
*/
|
|
17292
|
+
this.bottomView = CalendarViewEnum[CalendarViewEnum.month];
|
|
17293
|
+
/**
|
|
17294
|
+
* Defines the topmost view, to which the user can navigate.
|
|
17295
|
+
*/
|
|
17296
|
+
this.topView = CalendarViewEnum[CalendarViewEnum.century];
|
|
17297
|
+
/**
|
|
17298
|
+
* Allows reverse selection.
|
|
17276
17299
|
* If `allowReverse` is set to `true`, the component skips the validation of whether the start date is after the end date.
|
|
17277
17300
|
*
|
|
17278
17301
|
* @default false
|
|
17279
17302
|
*/
|
|
17280
17303
|
this.allowReverse = false;
|
|
17304
|
+
/**
|
|
17305
|
+
* Determines whether to enable animation when navigating to previous/next view.
|
|
17306
|
+
* @default false
|
|
17307
|
+
*/
|
|
17308
|
+
this.animateNavigation = false;
|
|
17309
|
+
/**
|
|
17310
|
+
* Sets or gets the `disabled` property of the MultiViewCalendar and
|
|
17311
|
+
* determines whether the component is active
|
|
17312
|
+
* ([see example]({% slug disabled_multiviewcalendar %})).
|
|
17313
|
+
*/
|
|
17314
|
+
this.disabled = false;
|
|
17315
|
+
/**
|
|
17316
|
+
* Sets or gets the `views` property of the MultiViewCalendar and
|
|
17317
|
+
* defines the number of rendered months.
|
|
17318
|
+
*
|
|
17319
|
+
* @default 2
|
|
17320
|
+
*/
|
|
17321
|
+
this.views = 2;
|
|
17322
|
+
/**
|
|
17323
|
+
* Determines whether to display a week number column in the `month` view
|
|
17324
|
+
* ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
|
|
17325
|
+
*/
|
|
17326
|
+
this.weekNumber = false;
|
|
17281
17327
|
/**
|
|
17282
17328
|
* Controls the popup animation.
|
|
17283
17329
|
* By default, the opening and closing animations are enabled.
|
|
@@ -17285,6 +17331,17 @@ class DateRangePopupComponent {
|
|
|
17285
17331
|
* refer to the article on [animations]({% slug animations_popup %}).
|
|
17286
17332
|
*/
|
|
17287
17333
|
this.animate = true;
|
|
17334
|
+
/**
|
|
17335
|
+
* Determines whether to display a header for every view (for example the month name).
|
|
17336
|
+
*
|
|
17337
|
+
* @default false
|
|
17338
|
+
*/
|
|
17339
|
+
this.showViewHeader = false;
|
|
17340
|
+
/**
|
|
17341
|
+
* Displays the days that fall out of the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
|
|
17342
|
+
* @default false
|
|
17343
|
+
*/
|
|
17344
|
+
this.showOtherMonthDays = false;
|
|
17288
17345
|
/**
|
|
17289
17346
|
* Configures the collision behavior of the popup.
|
|
17290
17347
|
* For more information, refer to the article on
|
|
@@ -17722,7 +17779,7 @@ class DateRangePopupComponent {
|
|
|
17722
17779
|
}
|
|
17723
17780
|
}
|
|
17724
17781
|
DateRangePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i1$3.PopupService }, { token: DateRangeService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
17725
|
-
DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupComponent, isStandalone: true, selector: "kendo-daterange-popup", inputs: { allowReverse: "allowReverse", animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", size: "size" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
|
|
17782
|
+
DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupComponent, isStandalone: true, selector: "kendo-daterange-popup", inputs: { showCalendarHeader: "showCalendarHeader", focusedDate: "focusedDate", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", min: "min", max: "max", allowReverse: "allowReverse", animateNavigation: "animateNavigation", disabled: "disabled", views: "views", weekNumber: "weekNumber", animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", showViewHeader: "showViewHeader", showOtherMonthDays: "showOtherMonthDays", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", size: "size" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
|
|
17726
17783
|
LocalizationService,
|
|
17727
17784
|
{
|
|
17728
17785
|
provide: L10N_PREFIX,
|
|
@@ -17746,7 +17803,22 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
17746
17803
|
<ng-container #container></ng-container>
|
|
17747
17804
|
<ng-template #defaultTemplate>
|
|
17748
17805
|
<kendo-multiviewcalendar
|
|
17806
|
+
[activeView]="activeView"
|
|
17807
|
+
[bottomView]="bottomView"
|
|
17808
|
+
[animateNavigation]="animateNavigation"
|
|
17809
|
+
[disabled]="disabled"
|
|
17810
|
+
orientation="horizontal"
|
|
17811
|
+
[views]="views"
|
|
17812
|
+
[weekNumber]="weekNumber"
|
|
17813
|
+
[topView]="topView"
|
|
17814
|
+
[disabledDates]="disabledDates"
|
|
17815
|
+
[min]="min"
|
|
17816
|
+
[max]="max"
|
|
17817
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
17818
|
+
[focusedDate]="focusedDate"
|
|
17749
17819
|
[allowReverse]="allowReverse"
|
|
17820
|
+
[showViewHeader]="showViewHeader"
|
|
17821
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
17750
17822
|
selection="range"
|
|
17751
17823
|
[size]="size"
|
|
17752
17824
|
[value]="dateRangeService.selectionRange"
|
|
@@ -17794,8 +17866,22 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
17794
17866
|
<div class="k-scrollable-wrap">
|
|
17795
17867
|
<kendo-multiviewcalendar
|
|
17796
17868
|
size="large"
|
|
17869
|
+
[animateNavigation]="animateNavigation"
|
|
17870
|
+
[disabled]="disabled"
|
|
17797
17871
|
orientation="vertical"
|
|
17872
|
+
[views]="views"
|
|
17873
|
+
[weekNumber]="weekNumber"
|
|
17874
|
+
[disabledDates]="disabledDates"
|
|
17875
|
+
[activeView]="activeView"
|
|
17876
|
+
[bottomView]="bottomView"
|
|
17877
|
+
[topView]="topView"
|
|
17878
|
+
[min]="min"
|
|
17879
|
+
[max]="max"
|
|
17880
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
17881
|
+
[focusedDate]="focusedDate"
|
|
17798
17882
|
[allowReverse]="allowReverse"
|
|
17883
|
+
[showViewHeader]="showViewHeader"
|
|
17884
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
17799
17885
|
[focusedDate]="dateRangeService.focusedDate"
|
|
17800
17886
|
[value]="dateRangeService.selectionRange"
|
|
17801
17887
|
selection="range"
|
|
@@ -17859,7 +17945,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17859
17945
|
<ng-container #container></ng-container>
|
|
17860
17946
|
<ng-template #defaultTemplate>
|
|
17861
17947
|
<kendo-multiviewcalendar
|
|
17948
|
+
[activeView]="activeView"
|
|
17949
|
+
[bottomView]="bottomView"
|
|
17950
|
+
[animateNavigation]="animateNavigation"
|
|
17951
|
+
[disabled]="disabled"
|
|
17952
|
+
orientation="horizontal"
|
|
17953
|
+
[views]="views"
|
|
17954
|
+
[weekNumber]="weekNumber"
|
|
17955
|
+
[topView]="topView"
|
|
17956
|
+
[disabledDates]="disabledDates"
|
|
17957
|
+
[min]="min"
|
|
17958
|
+
[max]="max"
|
|
17959
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
17960
|
+
[focusedDate]="focusedDate"
|
|
17862
17961
|
[allowReverse]="allowReverse"
|
|
17962
|
+
[showViewHeader]="showViewHeader"
|
|
17963
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
17863
17964
|
selection="range"
|
|
17864
17965
|
[size]="size"
|
|
17865
17966
|
[value]="dateRangeService.selectionRange"
|
|
@@ -17907,8 +18008,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17907
18008
|
<div class="k-scrollable-wrap">
|
|
17908
18009
|
<kendo-multiviewcalendar
|
|
17909
18010
|
size="large"
|
|
18011
|
+
[animateNavigation]="animateNavigation"
|
|
18012
|
+
[disabled]="disabled"
|
|
17910
18013
|
orientation="vertical"
|
|
18014
|
+
[views]="views"
|
|
18015
|
+
[weekNumber]="weekNumber"
|
|
18016
|
+
[disabledDates]="disabledDates"
|
|
18017
|
+
[activeView]="activeView"
|
|
18018
|
+
[bottomView]="bottomView"
|
|
18019
|
+
[topView]="topView"
|
|
18020
|
+
[min]="min"
|
|
18021
|
+
[max]="max"
|
|
18022
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
18023
|
+
[focusedDate]="focusedDate"
|
|
17911
18024
|
[allowReverse]="allowReverse"
|
|
18025
|
+
[showViewHeader]="showViewHeader"
|
|
18026
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
17912
18027
|
[focusedDate]="dateRangeService.focusedDate"
|
|
17913
18028
|
[value]="dateRangeService.selectionRange"
|
|
17914
18029
|
selection="range"
|
|
@@ -17973,14 +18088,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17973
18088
|
}], contentCalendar: [{
|
|
17974
18089
|
type: ContentChildren,
|
|
17975
18090
|
args: [MultiViewCalendarComponent]
|
|
18091
|
+
}], showCalendarHeader: [{
|
|
18092
|
+
type: Input
|
|
18093
|
+
}], focusedDate: [{
|
|
18094
|
+
type: Input
|
|
18095
|
+
}], disabledDates: [{
|
|
18096
|
+
type: Input
|
|
18097
|
+
}], activeView: [{
|
|
18098
|
+
type: Input
|
|
18099
|
+
}], bottomView: [{
|
|
18100
|
+
type: Input
|
|
18101
|
+
}], topView: [{
|
|
18102
|
+
type: Input
|
|
18103
|
+
}], min: [{
|
|
18104
|
+
type: Input
|
|
18105
|
+
}], max: [{
|
|
18106
|
+
type: Input
|
|
17976
18107
|
}], allowReverse: [{
|
|
17977
18108
|
type: Input
|
|
18109
|
+
}], animateNavigation: [{
|
|
18110
|
+
type: Input
|
|
18111
|
+
}], disabled: [{
|
|
18112
|
+
type: Input
|
|
18113
|
+
}], views: [{
|
|
18114
|
+
type: Input
|
|
18115
|
+
}], weekNumber: [{
|
|
18116
|
+
type: Input
|
|
17978
18117
|
}], animate: [{
|
|
17979
18118
|
type: Input
|
|
17980
18119
|
}], anchor: [{
|
|
17981
18120
|
type: Input
|
|
17982
18121
|
}], anchorAlign: [{
|
|
17983
18122
|
type: Input
|
|
18123
|
+
}], showViewHeader: [{
|
|
18124
|
+
type: Input
|
|
18125
|
+
}], showOtherMonthDays: [{
|
|
18126
|
+
type: Input
|
|
17984
18127
|
}], appendTo: [{
|
|
17985
18128
|
type: Input
|
|
17986
18129
|
}], collision: [{
|
|
@@ -18071,7 +18214,7 @@ DateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versi
|
|
|
18071
18214
|
DateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangeComponent, isStandalone: true, selector: "kendo-daterange", inputs: { size: "size" }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "class.k-daterangepicker": "this.wrapperClass" } }, providers: [DateRangeService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
|
|
18072
18215
|
<ng-content></ng-content>
|
|
18073
18216
|
<kendo-daterange-popup *ngIf="showDefault" [size]="size"></kendo-daterange-popup>
|
|
18074
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["allowReverse", "animate", "anchor", "anchorAlign", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
|
|
18217
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["showCalendarHeader", "focusedDate", "disabledDates", "activeView", "bottomView", "topView", "min", "max", "allowReverse", "animateNavigation", "disabled", "views", "weekNumber", "animate", "anchor", "anchorAlign", "showViewHeader", "showOtherMonthDays", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
|
|
18075
18218
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeComponent, decorators: [{
|
|
18076
18219
|
type: Component,
|
|
18077
18220
|
args: [{
|
|
@@ -35,8 +35,8 @@ const packageMetadata = {
|
|
|
35
35
|
name: '@progress/kendo-angular-dateinputs',
|
|
36
36
|
productName: 'Kendo UI for Angular',
|
|
37
37
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
38
|
-
publishDate:
|
|
39
|
-
version: '17.0.0-develop.
|
|
38
|
+
publishDate: 1729672502,
|
|
39
|
+
version: '17.0.0-develop.19',
|
|
40
40
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
41
41
|
};
|
|
42
42
|
|
|
@@ -17222,12 +17222,58 @@ class DateRangePopupComponent {
|
|
|
17222
17222
|
this.cdr = cdr;
|
|
17223
17223
|
this.rtl = rtl;
|
|
17224
17224
|
/**
|
|
17225
|
-
*
|
|
17225
|
+
* @hidden
|
|
17226
|
+
*
|
|
17227
|
+
* Determines whether to display the MultiViewCalendar header.
|
|
17228
|
+
*/
|
|
17229
|
+
this.showCalendarHeader = true;
|
|
17230
|
+
/**
|
|
17231
|
+
* Defines the active view that the MultiViewCalendar initially renders
|
|
17232
|
+
* ([see example]({% slug viewoptions_multiviewcalendar %})).
|
|
17233
|
+
* By default, the active view is `month`.
|
|
17234
|
+
*
|
|
17235
|
+
* > You have to set `activeView` within the `topView`-`bottomView` range.
|
|
17236
|
+
*/
|
|
17237
|
+
this.activeView = CalendarViewEnum[CalendarViewEnum.month];
|
|
17238
|
+
/**
|
|
17239
|
+
* Defines the bottommost view, to which the user can navigate
|
|
17240
|
+
* ([see example](slug:viewdepth_multiviewcalendar)).
|
|
17241
|
+
*/
|
|
17242
|
+
this.bottomView = CalendarViewEnum[CalendarViewEnum.month];
|
|
17243
|
+
/**
|
|
17244
|
+
* Defines the topmost view, to which the user can navigate.
|
|
17245
|
+
*/
|
|
17246
|
+
this.topView = CalendarViewEnum[CalendarViewEnum.century];
|
|
17247
|
+
/**
|
|
17248
|
+
* Allows reverse selection.
|
|
17226
17249
|
* If `allowReverse` is set to `true`, the component skips the validation of whether the start date is after the end date.
|
|
17227
17250
|
*
|
|
17228
17251
|
* @default false
|
|
17229
17252
|
*/
|
|
17230
17253
|
this.allowReverse = false;
|
|
17254
|
+
/**
|
|
17255
|
+
* Determines whether to enable animation when navigating to previous/next view.
|
|
17256
|
+
* @default false
|
|
17257
|
+
*/
|
|
17258
|
+
this.animateNavigation = false;
|
|
17259
|
+
/**
|
|
17260
|
+
* Sets or gets the `disabled` property of the MultiViewCalendar and
|
|
17261
|
+
* determines whether the component is active
|
|
17262
|
+
* ([see example]({% slug disabled_multiviewcalendar %})).
|
|
17263
|
+
*/
|
|
17264
|
+
this.disabled = false;
|
|
17265
|
+
/**
|
|
17266
|
+
* Sets or gets the `views` property of the MultiViewCalendar and
|
|
17267
|
+
* defines the number of rendered months.
|
|
17268
|
+
*
|
|
17269
|
+
* @default 2
|
|
17270
|
+
*/
|
|
17271
|
+
this.views = 2;
|
|
17272
|
+
/**
|
|
17273
|
+
* Determines whether to display a week number column in the `month` view
|
|
17274
|
+
* ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
|
|
17275
|
+
*/
|
|
17276
|
+
this.weekNumber = false;
|
|
17231
17277
|
/**
|
|
17232
17278
|
* Controls the popup animation.
|
|
17233
17279
|
* By default, the opening and closing animations are enabled.
|
|
@@ -17235,6 +17281,17 @@ class DateRangePopupComponent {
|
|
|
17235
17281
|
* refer to the article on [animations]({% slug animations_popup %}).
|
|
17236
17282
|
*/
|
|
17237
17283
|
this.animate = true;
|
|
17284
|
+
/**
|
|
17285
|
+
* Determines whether to display a header for every view (for example the month name).
|
|
17286
|
+
*
|
|
17287
|
+
* @default false
|
|
17288
|
+
*/
|
|
17289
|
+
this.showViewHeader = false;
|
|
17290
|
+
/**
|
|
17291
|
+
* Displays the days that fall out of the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
|
|
17292
|
+
* @default false
|
|
17293
|
+
*/
|
|
17294
|
+
this.showOtherMonthDays = false;
|
|
17238
17295
|
/**
|
|
17239
17296
|
* Configures the collision behavior of the popup.
|
|
17240
17297
|
* For more information, refer to the article on
|
|
@@ -17669,7 +17726,7 @@ class DateRangePopupComponent {
|
|
|
17669
17726
|
}
|
|
17670
17727
|
}
|
|
17671
17728
|
DateRangePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i1$3.PopupService }, { token: DateRangeService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
17672
|
-
DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupComponent, isStandalone: true, selector: "kendo-daterange-popup", inputs: { allowReverse: "allowReverse", animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", size: "size" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
|
|
17729
|
+
DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupComponent, isStandalone: true, selector: "kendo-daterange-popup", inputs: { showCalendarHeader: "showCalendarHeader", focusedDate: "focusedDate", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", min: "min", max: "max", allowReverse: "allowReverse", animateNavigation: "animateNavigation", disabled: "disabled", views: "views", weekNumber: "weekNumber", animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", showViewHeader: "showViewHeader", showOtherMonthDays: "showOtherMonthDays", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", size: "size" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
|
|
17673
17730
|
LocalizationService,
|
|
17674
17731
|
{
|
|
17675
17732
|
provide: L10N_PREFIX,
|
|
@@ -17693,7 +17750,22 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
17693
17750
|
<ng-container #container></ng-container>
|
|
17694
17751
|
<ng-template #defaultTemplate>
|
|
17695
17752
|
<kendo-multiviewcalendar
|
|
17753
|
+
[activeView]="activeView"
|
|
17754
|
+
[bottomView]="bottomView"
|
|
17755
|
+
[animateNavigation]="animateNavigation"
|
|
17756
|
+
[disabled]="disabled"
|
|
17757
|
+
orientation="horizontal"
|
|
17758
|
+
[views]="views"
|
|
17759
|
+
[weekNumber]="weekNumber"
|
|
17760
|
+
[topView]="topView"
|
|
17761
|
+
[disabledDates]="disabledDates"
|
|
17762
|
+
[min]="min"
|
|
17763
|
+
[max]="max"
|
|
17764
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
17765
|
+
[focusedDate]="focusedDate"
|
|
17696
17766
|
[allowReverse]="allowReverse"
|
|
17767
|
+
[showViewHeader]="showViewHeader"
|
|
17768
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
17697
17769
|
selection="range"
|
|
17698
17770
|
[size]="size"
|
|
17699
17771
|
[value]="dateRangeService.selectionRange"
|
|
@@ -17741,8 +17813,22 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
17741
17813
|
<div class="k-scrollable-wrap">
|
|
17742
17814
|
<kendo-multiviewcalendar
|
|
17743
17815
|
size="large"
|
|
17816
|
+
[animateNavigation]="animateNavigation"
|
|
17817
|
+
[disabled]="disabled"
|
|
17744
17818
|
orientation="vertical"
|
|
17819
|
+
[views]="views"
|
|
17820
|
+
[weekNumber]="weekNumber"
|
|
17821
|
+
[disabledDates]="disabledDates"
|
|
17822
|
+
[activeView]="activeView"
|
|
17823
|
+
[bottomView]="bottomView"
|
|
17824
|
+
[topView]="topView"
|
|
17825
|
+
[min]="min"
|
|
17826
|
+
[max]="max"
|
|
17827
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
17828
|
+
[focusedDate]="focusedDate"
|
|
17745
17829
|
[allowReverse]="allowReverse"
|
|
17830
|
+
[showViewHeader]="showViewHeader"
|
|
17831
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
17746
17832
|
[focusedDate]="dateRangeService.focusedDate"
|
|
17747
17833
|
[value]="dateRangeService.selectionRange"
|
|
17748
17834
|
selection="range"
|
|
@@ -17806,7 +17892,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17806
17892
|
<ng-container #container></ng-container>
|
|
17807
17893
|
<ng-template #defaultTemplate>
|
|
17808
17894
|
<kendo-multiviewcalendar
|
|
17895
|
+
[activeView]="activeView"
|
|
17896
|
+
[bottomView]="bottomView"
|
|
17897
|
+
[animateNavigation]="animateNavigation"
|
|
17898
|
+
[disabled]="disabled"
|
|
17899
|
+
orientation="horizontal"
|
|
17900
|
+
[views]="views"
|
|
17901
|
+
[weekNumber]="weekNumber"
|
|
17902
|
+
[topView]="topView"
|
|
17903
|
+
[disabledDates]="disabledDates"
|
|
17904
|
+
[min]="min"
|
|
17905
|
+
[max]="max"
|
|
17906
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
17907
|
+
[focusedDate]="focusedDate"
|
|
17809
17908
|
[allowReverse]="allowReverse"
|
|
17909
|
+
[showViewHeader]="showViewHeader"
|
|
17910
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
17810
17911
|
selection="range"
|
|
17811
17912
|
[size]="size"
|
|
17812
17913
|
[value]="dateRangeService.selectionRange"
|
|
@@ -17854,8 +17955,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17854
17955
|
<div class="k-scrollable-wrap">
|
|
17855
17956
|
<kendo-multiviewcalendar
|
|
17856
17957
|
size="large"
|
|
17958
|
+
[animateNavigation]="animateNavigation"
|
|
17959
|
+
[disabled]="disabled"
|
|
17857
17960
|
orientation="vertical"
|
|
17961
|
+
[views]="views"
|
|
17962
|
+
[weekNumber]="weekNumber"
|
|
17963
|
+
[disabledDates]="disabledDates"
|
|
17964
|
+
[activeView]="activeView"
|
|
17965
|
+
[bottomView]="bottomView"
|
|
17966
|
+
[topView]="topView"
|
|
17967
|
+
[min]="min"
|
|
17968
|
+
[max]="max"
|
|
17969
|
+
[showCalendarHeader]="showCalendarHeader"
|
|
17970
|
+
[focusedDate]="focusedDate"
|
|
17858
17971
|
[allowReverse]="allowReverse"
|
|
17972
|
+
[showViewHeader]="showViewHeader"
|
|
17973
|
+
[showOtherMonthDays]="showOtherMonthDays"
|
|
17859
17974
|
[focusedDate]="dateRangeService.focusedDate"
|
|
17860
17975
|
[value]="dateRangeService.selectionRange"
|
|
17861
17976
|
selection="range"
|
|
@@ -17918,14 +18033,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17918
18033
|
}], contentCalendar: [{
|
|
17919
18034
|
type: ContentChildren,
|
|
17920
18035
|
args: [MultiViewCalendarComponent]
|
|
18036
|
+
}], showCalendarHeader: [{
|
|
18037
|
+
type: Input
|
|
18038
|
+
}], focusedDate: [{
|
|
18039
|
+
type: Input
|
|
18040
|
+
}], disabledDates: [{
|
|
18041
|
+
type: Input
|
|
18042
|
+
}], activeView: [{
|
|
18043
|
+
type: Input
|
|
18044
|
+
}], bottomView: [{
|
|
18045
|
+
type: Input
|
|
18046
|
+
}], topView: [{
|
|
18047
|
+
type: Input
|
|
18048
|
+
}], min: [{
|
|
18049
|
+
type: Input
|
|
18050
|
+
}], max: [{
|
|
18051
|
+
type: Input
|
|
17921
18052
|
}], allowReverse: [{
|
|
17922
18053
|
type: Input
|
|
18054
|
+
}], animateNavigation: [{
|
|
18055
|
+
type: Input
|
|
18056
|
+
}], disabled: [{
|
|
18057
|
+
type: Input
|
|
18058
|
+
}], views: [{
|
|
18059
|
+
type: Input
|
|
18060
|
+
}], weekNumber: [{
|
|
18061
|
+
type: Input
|
|
17923
18062
|
}], animate: [{
|
|
17924
18063
|
type: Input
|
|
17925
18064
|
}], anchor: [{
|
|
17926
18065
|
type: Input
|
|
17927
18066
|
}], anchorAlign: [{
|
|
17928
18067
|
type: Input
|
|
18068
|
+
}], showViewHeader: [{
|
|
18069
|
+
type: Input
|
|
18070
|
+
}], showOtherMonthDays: [{
|
|
18071
|
+
type: Input
|
|
17929
18072
|
}], appendTo: [{
|
|
17930
18073
|
type: Input
|
|
17931
18074
|
}], collision: [{
|
|
@@ -18015,7 +18158,7 @@ DateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versi
|
|
|
18015
18158
|
DateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangeComponent, isStandalone: true, selector: "kendo-daterange", inputs: { size: "size" }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "class.k-daterangepicker": "this.wrapperClass" } }, providers: [DateRangeService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
|
|
18016
18159
|
<ng-content></ng-content>
|
|
18017
18160
|
<kendo-daterange-popup *ngIf="showDefault" [size]="size"></kendo-daterange-popup>
|
|
18018
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["allowReverse", "animate", "anchor", "anchorAlign", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
|
|
18161
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["showCalendarHeader", "focusedDate", "disabledDates", "activeView", "bottomView", "topView", "min", "max", "allowReverse", "animateNavigation", "disabled", "views", "weekNumber", "animate", "anchor", "anchorAlign", "showViewHeader", "showOtherMonthDays", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
|
|
18019
18162
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeComponent, decorators: [{
|
|
18020
18163
|
type: Component,
|
|
18021
18164
|
args: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dateinputs",
|
|
3
|
-
"version": "17.0.0-develop.
|
|
3
|
+
"version": "17.0.0-develop.19",
|
|
4
4
|
"description": "Kendo UI for Angular Date Inputs Package - Everything you need to add date selection functionality to apps (DatePicker, TimePicker, DateInput, DateRangePicker, DateTimePicker, Calendar, and MultiViewCalendar).",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -34,18 +34,18 @@
|
|
|
34
34
|
"@angular/forms": "15 - 18",
|
|
35
35
|
"@angular/platform-browser": "15 - 18",
|
|
36
36
|
"@progress/kendo-licensing": "^1.0.2",
|
|
37
|
-
"@progress/kendo-angular-buttons": "17.0.0-develop.
|
|
38
|
-
"@progress/kendo-angular-common": "17.0.0-develop.
|
|
39
|
-
"@progress/kendo-angular-intl": "17.0.0-develop.
|
|
40
|
-
"@progress/kendo-angular-l10n": "17.0.0-develop.
|
|
41
|
-
"@progress/kendo-angular-icons": "17.0.0-develop.
|
|
42
|
-
"@progress/kendo-angular-popup": "17.0.0-develop.
|
|
43
|
-
"@progress/kendo-angular-navigation": "17.0.0-develop.
|
|
37
|
+
"@progress/kendo-angular-buttons": "17.0.0-develop.19",
|
|
38
|
+
"@progress/kendo-angular-common": "17.0.0-develop.19",
|
|
39
|
+
"@progress/kendo-angular-intl": "17.0.0-develop.19",
|
|
40
|
+
"@progress/kendo-angular-l10n": "17.0.0-develop.19",
|
|
41
|
+
"@progress/kendo-angular-icons": "17.0.0-develop.19",
|
|
42
|
+
"@progress/kendo-angular-popup": "17.0.0-develop.19",
|
|
43
|
+
"@progress/kendo-angular-navigation": "17.0.0-develop.19",
|
|
44
44
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"tslib": "^2.3.1",
|
|
48
|
-
"@progress/kendo-angular-schematics": "17.0.0-develop.
|
|
48
|
+
"@progress/kendo-angular-schematics": "17.0.0-develop.19",
|
|
49
49
|
"@progress/kendo-common": "^0.2.0",
|
|
50
50
|
"@progress/kendo-date-math": "^1.1.0",
|
|
51
51
|
"@progress/kendo-dateinputs-common": "^0.3.5"
|