@progress/kendo-angular-dateinputs 14.0.0-develop.1 → 14.0.0-develop.11
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/dateinput/dateinput.component.d.ts +93 -57
- package/datepicker/datepicker.component.d.ts +38 -1
- package/datetimepicker/datetimepicker.component.d.ts +38 -1
- package/esm2020/dateinput/dateinput.component.mjs +240 -821
- package/esm2020/datepicker/datepicker.component.mjs +65 -2
- package/esm2020/daterange/date-range-popup.component.mjs +6 -0
- package/esm2020/datetimepicker/datetimepicker.component.mjs +77 -3
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/timepicker/timepicker.component.mjs +59 -2
- package/fesm2015/progress-kendo-angular-dateinputs.mjs +445 -827
- package/fesm2020/progress-kendo-angular-dateinputs.mjs +446 -827
- package/package.json +13 -12
- package/timepicker/timepicker.component.d.ts +32 -1
|
@@ -142,6 +142,43 @@ export class DatePickerComponent {
|
|
|
142
142
|
* Determines whether the built-in validation for incomplete dates is to be enforced when a form is being validated.
|
|
143
143
|
*/
|
|
144
144
|
this.incompleteDateValidation = false;
|
|
145
|
+
/**
|
|
146
|
+
* @hidden
|
|
147
|
+
*
|
|
148
|
+
* Determines whether to auto correct invalid segments automatically.
|
|
149
|
+
* TODO: To be fixed in common package before enabling: https://github.com/telerik/kendo-dateinputs-common/issues/24
|
|
150
|
+
*
|
|
151
|
+
* @default true
|
|
152
|
+
*/
|
|
153
|
+
this.autoCorrectParts = true;
|
|
154
|
+
/**
|
|
155
|
+
* Determines whether to automatically move to the next segment after the user completes the current one.
|
|
156
|
+
*
|
|
157
|
+
* @default true
|
|
158
|
+
*/
|
|
159
|
+
this.autoSwitchParts = true;
|
|
160
|
+
/**
|
|
161
|
+
* A string array representing custom keys, which will move the focus to the next date format segment.
|
|
162
|
+
*/
|
|
163
|
+
this.autoSwitchKeys = [];
|
|
164
|
+
/**
|
|
165
|
+
* Indicates whether the mouse scroll can be used to increase/decrease the time segments values.
|
|
166
|
+
*
|
|
167
|
+
* @default true
|
|
168
|
+
*/
|
|
169
|
+
this.enableMouseWheel = true;
|
|
170
|
+
/**
|
|
171
|
+
* Determines if the users should see a blinking caret inside the Date Input when possible.
|
|
172
|
+
*
|
|
173
|
+
* @default false
|
|
174
|
+
*/
|
|
175
|
+
this.allowCaretMode = false;
|
|
176
|
+
/**
|
|
177
|
+
* When enabled, the DatePicker will autofill the rest of the date to the current date when the component loses focus.
|
|
178
|
+
*
|
|
179
|
+
* @default false
|
|
180
|
+
*/
|
|
181
|
+
this.autoFill = false;
|
|
145
182
|
/**
|
|
146
183
|
* Specifies the focused date of the Calendar component
|
|
147
184
|
* ([see example]({% slug calendar_type_datepicker %}#toc-focused-dates)).
|
|
@@ -1039,7 +1076,7 @@ export class DatePickerComponent {
|
|
|
1039
1076
|
}
|
|
1040
1077
|
}
|
|
1041
1078
|
DatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i3.PickerService }, { token: i4.DisabledDatesService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1042
|
-
DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DatePickerComponent, selector: "kendo-datepicker", inputs: { focusableId: "focusableId", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"], activeView: "activeView", bottomView: "bottomView", topView: "topView", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", popupSettings: "popupSettings", navigation: "navigation", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", focusedDate: "focusedDate", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", title: "title", subtitle: "subtitle", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", weekNumber: "weekNumber", size: "size", rounded: "rounded", fillMode: "fillMode", adaptiveMode: "adaptiveMode" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { properties: { "class.k-datepicker": "this.wrapperClasses", "class.k-input": "this.wrapperClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
1079
|
+
DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DatePickerComponent, selector: "kendo-datepicker", inputs: { focusableId: "focusableId", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"], activeView: "activeView", bottomView: "bottomView", topView: "topView", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", popupSettings: "popupSettings", navigation: "navigation", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", autoFill: "autoFill", focusedDate: "focusedDate", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", title: "title", subtitle: "subtitle", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", weekNumber: "weekNumber", size: "size", rounded: "rounded", fillMode: "fillMode", adaptiveMode: "adaptiveMode" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { properties: { "class.k-datepicker": "this.wrapperClasses", "class.k-input": "this.wrapperClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
1043
1080
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatePickerComponent), multi: true },
|
|
1044
1081
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => DatePickerComponent), multi: true },
|
|
1045
1082
|
{ provide: KendoInput, useExisting: forwardRef(() => DatePickerComponent) },
|
|
@@ -1087,6 +1124,12 @@ DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1087
1124
|
[min]="min"
|
|
1088
1125
|
[max]="max"
|
|
1089
1126
|
[incompleteDateValidation]="incompleteDateValidation"
|
|
1127
|
+
[autoCorrectParts]="autoCorrectParts"
|
|
1128
|
+
[autoSwitchParts]="autoSwitchParts"
|
|
1129
|
+
[autoSwitchKeys]="autoSwitchKeys"
|
|
1130
|
+
[enableMouseWheel]="enableMouseWheel"
|
|
1131
|
+
[allowCaretMode]="allowCaretMode"
|
|
1132
|
+
[autoFill]="autoFill"
|
|
1090
1133
|
fillMode="none"
|
|
1091
1134
|
rounded="none"
|
|
1092
1135
|
size="none"
|
|
@@ -1142,6 +1185,7 @@ DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1142
1185
|
<div class="k-actionsheet-actions">
|
|
1143
1186
|
<button
|
|
1144
1187
|
kendoButton
|
|
1188
|
+
type="button"
|
|
1145
1189
|
icon="x"
|
|
1146
1190
|
[attr.title]="localization.get('clearTitle')"
|
|
1147
1191
|
[svgIcon]="xIcon"
|
|
@@ -1200,7 +1244,7 @@ DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1200
1244
|
</kendo-calendar-messages>
|
|
1201
1245
|
</kendo-calendar>
|
|
1202
1246
|
</ng-template>
|
|
1203
|
-
`, isInline: true, components: [{ type: i5.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "
|
|
1247
|
+
`, isInline: true, components: [{ type: i5.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i7.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: i8.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { type: i9.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i10.CalendarComponent, selector: "kendo-calendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "size"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { type: i11.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }], directives: [{ type: i12.DatePickerLocalizedMessagesDirective, selector: "[kendoDatePickerLocalizedMessages]" }, { type: i7.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1204
1248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
1205
1249
|
type: Component,
|
|
1206
1250
|
args: [{
|
|
@@ -1256,6 +1300,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1256
1300
|
[min]="min"
|
|
1257
1301
|
[max]="max"
|
|
1258
1302
|
[incompleteDateValidation]="incompleteDateValidation"
|
|
1303
|
+
[autoCorrectParts]="autoCorrectParts"
|
|
1304
|
+
[autoSwitchParts]="autoSwitchParts"
|
|
1305
|
+
[autoSwitchKeys]="autoSwitchKeys"
|
|
1306
|
+
[enableMouseWheel]="enableMouseWheel"
|
|
1307
|
+
[allowCaretMode]="allowCaretMode"
|
|
1308
|
+
[autoFill]="autoFill"
|
|
1259
1309
|
fillMode="none"
|
|
1260
1310
|
rounded="none"
|
|
1261
1311
|
size="none"
|
|
@@ -1311,6 +1361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1311
1361
|
<div class="k-actionsheet-actions">
|
|
1312
1362
|
<button
|
|
1313
1363
|
kendoButton
|
|
1364
|
+
type="button"
|
|
1314
1365
|
icon="x"
|
|
1315
1366
|
[attr.title]="localization.get('clearTitle')"
|
|
1316
1367
|
[svgIcon]="xIcon"
|
|
@@ -1464,6 +1515,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1464
1515
|
type: Input
|
|
1465
1516
|
}], incompleteDateValidation: [{
|
|
1466
1517
|
type: Input
|
|
1518
|
+
}], autoCorrectParts: [{
|
|
1519
|
+
type: Input
|
|
1520
|
+
}], autoSwitchParts: [{
|
|
1521
|
+
type: Input
|
|
1522
|
+
}], autoSwitchKeys: [{
|
|
1523
|
+
type: Input
|
|
1524
|
+
}], enableMouseWheel: [{
|
|
1525
|
+
type: Input
|
|
1526
|
+
}], allowCaretMode: [{
|
|
1527
|
+
type: Input
|
|
1528
|
+
}], autoFill: [{
|
|
1529
|
+
type: Input
|
|
1467
1530
|
}], focusedDate: [{
|
|
1468
1531
|
type: Input
|
|
1469
1532
|
}], value: [{
|
|
@@ -520,6 +520,7 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
520
520
|
<div class="k-actionsheet-actions">
|
|
521
521
|
<button
|
|
522
522
|
kendoButton
|
|
523
|
+
type="button"
|
|
523
524
|
icon="x"
|
|
524
525
|
[attr.title]="localization.get('clearTitle')"
|
|
525
526
|
[svgIcon]="xIcon"
|
|
@@ -545,6 +546,7 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
545
546
|
</div>
|
|
546
547
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
547
548
|
<button kendoButton
|
|
549
|
+
type="button"
|
|
548
550
|
size="large"
|
|
549
551
|
[attr.title]="localization.get('cancelLabel')"
|
|
550
552
|
[attr.aria-label]="localization.get('cancelLabel')"
|
|
@@ -554,6 +556,7 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
554
556
|
</button>
|
|
555
557
|
|
|
556
558
|
<button kendoButton
|
|
559
|
+
type="button"
|
|
557
560
|
size="large"
|
|
558
561
|
themeColor="primary"
|
|
559
562
|
[attr.title]="localization.get('acceptLabel')"
|
|
@@ -617,6 +620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
617
620
|
<div class="k-actionsheet-actions">
|
|
618
621
|
<button
|
|
619
622
|
kendoButton
|
|
623
|
+
type="button"
|
|
620
624
|
icon="x"
|
|
621
625
|
[attr.title]="localization.get('clearTitle')"
|
|
622
626
|
[svgIcon]="xIcon"
|
|
@@ -642,6 +646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
642
646
|
</div>
|
|
643
647
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
644
648
|
<button kendoButton
|
|
649
|
+
type="button"
|
|
645
650
|
size="large"
|
|
646
651
|
[attr.title]="localization.get('cancelLabel')"
|
|
647
652
|
[attr.aria-label]="localization.get('cancelLabel')"
|
|
@@ -651,6 +656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
651
656
|
</button>
|
|
652
657
|
|
|
653
658
|
<button kendoButton
|
|
659
|
+
type="button"
|
|
654
660
|
size="large"
|
|
655
661
|
themeColor="primary"
|
|
656
662
|
[attr.title]="localization.get('acceptLabel')"
|
|
@@ -128,7 +128,14 @@ export class DateTimePickerComponent {
|
|
|
128
128
|
* Configures the incremental steps of the DateInput and the popup component of the TimePicker
|
|
129
129
|
* ([see example]({% slug incrementalsteps_datetimepicker %})).
|
|
130
130
|
*/
|
|
131
|
-
this.steps = {
|
|
131
|
+
this.steps = {
|
|
132
|
+
second: 1,
|
|
133
|
+
minute: 1,
|
|
134
|
+
hour: 1,
|
|
135
|
+
day: 1,
|
|
136
|
+
month: 1,
|
|
137
|
+
year: 1
|
|
138
|
+
};
|
|
132
139
|
/**
|
|
133
140
|
* Specifies the Calendar type.
|
|
134
141
|
*
|
|
@@ -167,6 +174,43 @@ export class DateTimePickerComponent {
|
|
|
167
174
|
* Determines whether the built-in validation for incomplete dates is to be enforced when a form is being validated.
|
|
168
175
|
*/
|
|
169
176
|
this.incompleteDateValidation = false;
|
|
177
|
+
/**
|
|
178
|
+
* @hidden
|
|
179
|
+
*
|
|
180
|
+
* Determines whether to auto correct invalid segments automatically.
|
|
181
|
+
* TODO: To be fixed in common package before enabling: https://github.com/telerik/kendo-dateinputs-common/issues/24
|
|
182
|
+
*
|
|
183
|
+
* @default true
|
|
184
|
+
*/
|
|
185
|
+
this.autoCorrectParts = true;
|
|
186
|
+
/**
|
|
187
|
+
* Determines whether to automatically move to the next segment after the user completes the current one.
|
|
188
|
+
*
|
|
189
|
+
* @default true
|
|
190
|
+
*/
|
|
191
|
+
this.autoSwitchParts = true;
|
|
192
|
+
/**
|
|
193
|
+
* A string array representing custom keys, which will move the focus to the next date format segment.
|
|
194
|
+
*/
|
|
195
|
+
this.autoSwitchKeys = [];
|
|
196
|
+
/**
|
|
197
|
+
* Indicates whether the mouse scroll can be used to increase/decrease the time segments values.
|
|
198
|
+
*
|
|
199
|
+
* @default true
|
|
200
|
+
*/
|
|
201
|
+
this.enableMouseWheel = true;
|
|
202
|
+
/**
|
|
203
|
+
* Determines if the users should see a blinking caret inside the Date Input when possible.
|
|
204
|
+
*
|
|
205
|
+
* @default false
|
|
206
|
+
*/
|
|
207
|
+
this.allowCaretMode = false;
|
|
208
|
+
/**
|
|
209
|
+
* When enabled, the DateTimePicker will autofill the rest of the date to the current date when the component loses focus.
|
|
210
|
+
*
|
|
211
|
+
* @default false
|
|
212
|
+
*/
|
|
213
|
+
this.autoFill = false;
|
|
170
214
|
/**
|
|
171
215
|
* Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
|
|
172
216
|
*/
|
|
@@ -1219,7 +1263,7 @@ export class DateTimePickerComponent {
|
|
|
1219
1263
|
}
|
|
1220
1264
|
}
|
|
1221
1265
|
DateTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: i1.PopupService }, { token: i2.IntlService }, { token: i0.ChangeDetectorRef }, { token: i3.PickerService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: TOUCH_ENABLED }, { token: i4.LocalizationService }, { token: i5.DisabledDatesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1222
|
-
DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: { focusableId: "focusableId", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", tabindex: "tabindex", disabledDates: "disabledDates", popupSettings: "popupSettings", title: "title", subtitle: "subtitle", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", cancelButton: "cancelButton", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", focusedDate: "focusedDate", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", weekNumber: "weekNumber", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", incompleteDateValidation: "incompleteDateValidation", adaptiveMode: "adaptiveMode", defaultTab: "defaultTab", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-datetimepicker": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
1266
|
+
DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: { focusableId: "focusableId", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", tabindex: "tabindex", disabledDates: "disabledDates", popupSettings: "popupSettings", title: "title", subtitle: "subtitle", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", cancelButton: "cancelButton", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", focusedDate: "focusedDate", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", weekNumber: "weekNumber", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", autoFill: "autoFill", adaptiveMode: "adaptiveMode", defaultTab: "defaultTab", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-datetimepicker": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
1223
1267
|
PickerService,
|
|
1224
1268
|
LocalizationService,
|
|
1225
1269
|
DisabledDatesService,
|
|
@@ -1300,6 +1344,12 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
1300
1344
|
[min]="min"
|
|
1301
1345
|
[max]="max"
|
|
1302
1346
|
[incompleteDateValidation]="incompleteDateValidation"
|
|
1347
|
+
[autoCorrectParts]="autoCorrectParts"
|
|
1348
|
+
[autoSwitchParts]="autoSwitchParts"
|
|
1349
|
+
[autoSwitchKeys]="autoSwitchKeys"
|
|
1350
|
+
[enableMouseWheel]="enableMouseWheel"
|
|
1351
|
+
[allowCaretMode]="allowCaretMode"
|
|
1352
|
+
[autoFill]="autoFill"
|
|
1303
1353
|
[formatPlaceholder]="formatPlaceholder"
|
|
1304
1354
|
[placeholder]="placeholder"
|
|
1305
1355
|
[disabled]="disabled"
|
|
@@ -1377,6 +1427,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
1377
1427
|
<div class="k-actionsheet-actions">
|
|
1378
1428
|
<button
|
|
1379
1429
|
kendoButton
|
|
1430
|
+
type="button"
|
|
1380
1431
|
icon="x"
|
|
1381
1432
|
[attr.title]="localization.get('clearTitle')"
|
|
1382
1433
|
[svgIcon]="xIcon"
|
|
@@ -1395,6 +1446,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
1395
1446
|
</div>
|
|
1396
1447
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
1397
1448
|
<button kendoButton
|
|
1449
|
+
type="button"
|
|
1398
1450
|
(click)="handleCancel()"
|
|
1399
1451
|
size="large"
|
|
1400
1452
|
[attr.title]="localization.get('cancelLabel')"
|
|
@@ -1404,6 +1456,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
1404
1456
|
</button>
|
|
1405
1457
|
|
|
1406
1458
|
<button kendoButton
|
|
1459
|
+
type="button"
|
|
1407
1460
|
(click)="handleAccept()"
|
|
1408
1461
|
size="large"
|
|
1409
1462
|
themeColor="primary"
|
|
@@ -1579,7 +1632,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
1579
1632
|
</div>
|
|
1580
1633
|
</div>
|
|
1581
1634
|
</ng-template>
|
|
1582
|
-
`, isInline: true, components: [{ type: i6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "
|
|
1635
|
+
`, isInline: true, components: [{ type: i6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i7.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: i9.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { type: i10.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i11.CalendarComponent, selector: "kendo-calendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "size"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { type: i12.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { type: i13.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart"], exportAs: ["kendo-timeselector"] }, { type: i14.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], directives: [{ type: i15.LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i16.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i16.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { type: i16.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1583
1636
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateTimePickerComponent, decorators: [{
|
|
1584
1637
|
type: Component,
|
|
1585
1638
|
args: [{
|
|
@@ -1668,6 +1721,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1668
1721
|
[min]="min"
|
|
1669
1722
|
[max]="max"
|
|
1670
1723
|
[incompleteDateValidation]="incompleteDateValidation"
|
|
1724
|
+
[autoCorrectParts]="autoCorrectParts"
|
|
1725
|
+
[autoSwitchParts]="autoSwitchParts"
|
|
1726
|
+
[autoSwitchKeys]="autoSwitchKeys"
|
|
1727
|
+
[enableMouseWheel]="enableMouseWheel"
|
|
1728
|
+
[allowCaretMode]="allowCaretMode"
|
|
1729
|
+
[autoFill]="autoFill"
|
|
1671
1730
|
[formatPlaceholder]="formatPlaceholder"
|
|
1672
1731
|
[placeholder]="placeholder"
|
|
1673
1732
|
[disabled]="disabled"
|
|
@@ -1745,6 +1804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1745
1804
|
<div class="k-actionsheet-actions">
|
|
1746
1805
|
<button
|
|
1747
1806
|
kendoButton
|
|
1807
|
+
type="button"
|
|
1748
1808
|
icon="x"
|
|
1749
1809
|
[attr.title]="localization.get('clearTitle')"
|
|
1750
1810
|
[svgIcon]="xIcon"
|
|
@@ -1763,6 +1823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1763
1823
|
</div>
|
|
1764
1824
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
1765
1825
|
<button kendoButton
|
|
1826
|
+
type="button"
|
|
1766
1827
|
(click)="handleCancel()"
|
|
1767
1828
|
size="large"
|
|
1768
1829
|
[attr.title]="localization.get('cancelLabel')"
|
|
@@ -1772,6 +1833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1772
1833
|
</button>
|
|
1773
1834
|
|
|
1774
1835
|
<button kendoButton
|
|
1836
|
+
type="button"
|
|
1775
1837
|
(click)="handleAccept()"
|
|
1776
1838
|
size="large"
|
|
1777
1839
|
themeColor="primary"
|
|
@@ -2014,6 +2076,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2014
2076
|
type: Input
|
|
2015
2077
|
}], incompleteDateValidation: [{
|
|
2016
2078
|
type: Input
|
|
2079
|
+
}], autoCorrectParts: [{
|
|
2080
|
+
type: Input
|
|
2081
|
+
}], autoSwitchParts: [{
|
|
2082
|
+
type: Input
|
|
2083
|
+
}], autoSwitchKeys: [{
|
|
2084
|
+
type: Input
|
|
2085
|
+
}], enableMouseWheel: [{
|
|
2086
|
+
type: Input
|
|
2087
|
+
}], allowCaretMode: [{
|
|
2088
|
+
type: Input
|
|
2089
|
+
}], autoFill: [{
|
|
2090
|
+
type: Input
|
|
2017
2091
|
}], adaptiveMode: [{
|
|
2018
2092
|
type: Input
|
|
2019
2093
|
}], valueChange: [{
|
|
@@ -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: '14.0.0-develop.
|
|
12
|
+
publishDate: 1696927432,
|
|
13
|
+
version: '14.0.0-develop.11',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -107,6 +107,37 @@ export class TimePickerComponent {
|
|
|
107
107
|
* Determines whether the built-in validation for incomplete dates is to be enforced when a form is being validated.
|
|
108
108
|
*/
|
|
109
109
|
this.incompleteDateValidation = false;
|
|
110
|
+
/**
|
|
111
|
+
* @hidden
|
|
112
|
+
*
|
|
113
|
+
* Determines whether to auto correct invalid segments automatically.
|
|
114
|
+
* TODO: To be fixed in common package before enabling: https://github.com/telerik/kendo-dateinputs-common/issues/24
|
|
115
|
+
*
|
|
116
|
+
* @default true
|
|
117
|
+
*/
|
|
118
|
+
this.autoCorrectParts = true;
|
|
119
|
+
/**
|
|
120
|
+
* Determines whether to automatically move to the next segment after the user completes the current one.
|
|
121
|
+
*
|
|
122
|
+
* @default true
|
|
123
|
+
*/
|
|
124
|
+
this.autoSwitchParts = true;
|
|
125
|
+
/**
|
|
126
|
+
* A string array representing custom keys, which will move the focus to the next date format segment.
|
|
127
|
+
*/
|
|
128
|
+
this.autoSwitchKeys = [];
|
|
129
|
+
/**
|
|
130
|
+
* Indicates whether the mouse scroll can be used to increase/decrease the time segments values.
|
|
131
|
+
*
|
|
132
|
+
* @default true
|
|
133
|
+
*/
|
|
134
|
+
this.enableMouseWheel = true;
|
|
135
|
+
/**
|
|
136
|
+
* Determines if the users should see a blinking caret inside the Date Input when possible.
|
|
137
|
+
*
|
|
138
|
+
* @default false
|
|
139
|
+
*/
|
|
140
|
+
this.allowCaretMode = false;
|
|
110
141
|
/**
|
|
111
142
|
* Determines whether to display the **Cancel** button in the popup.
|
|
112
143
|
*/
|
|
@@ -956,7 +987,7 @@ export class TimePickerComponent {
|
|
|
956
987
|
}
|
|
957
988
|
}
|
|
958
989
|
TimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1.BusViewService }, { token: i0.NgZone }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i4.PickerService }, { token: i5.IntlService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
959
|
-
TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimePickerComponent, selector: "kendo-timepicker", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", cancelButton: "cancelButton", nowButton: "nowButton", steps: "steps", popupSettings: "popupSettings", tabindex: "tabindex", tabIndex: "tabIndex", title: "title", subtitle: "subtitle", rangeValidation: "rangeValidation", adaptiveMode: "adaptiveMode", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { properties: { "class.k-timepicker": "this.wrapperClasses", "class.k-input": "this.wrapperClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
990
|
+
TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimePickerComponent, selector: "kendo-timepicker", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", cancelButton: "cancelButton", nowButton: "nowButton", steps: "steps", popupSettings: "popupSettings", tabindex: "tabindex", tabIndex: "tabIndex", title: "title", subtitle: "subtitle", rangeValidation: "rangeValidation", adaptiveMode: "adaptiveMode", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { properties: { "class.k-timepicker": "this.wrapperClasses", "class.k-input": "this.wrapperClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
|
|
960
991
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimePickerComponent), multi: true },
|
|
961
992
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => TimePickerComponent), multi: true },
|
|
962
993
|
{ provide: KendoInput, useExisting: forwardRef(() => TimePickerComponent) },
|
|
@@ -1022,6 +1053,11 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1022
1053
|
[min]="normalizeTime(min)"
|
|
1023
1054
|
[max]="normalizeTime(max)"
|
|
1024
1055
|
[incompleteDateValidation]="incompleteDateValidation"
|
|
1056
|
+
[autoCorrectParts]="autoCorrectParts"
|
|
1057
|
+
[autoSwitchParts]="autoSwitchParts"
|
|
1058
|
+
[autoSwitchKeys]="autoSwitchKeys"
|
|
1059
|
+
[enableMouseWheel]="enableMouseWheel"
|
|
1060
|
+
[allowCaretMode]="allowCaretMode"
|
|
1025
1061
|
[fillMode]="fillMode"
|
|
1026
1062
|
[rounded]="rounded"
|
|
1027
1063
|
[size]="size"
|
|
@@ -1074,6 +1110,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1074
1110
|
<div class="k-actionsheet-actions">
|
|
1075
1111
|
<button
|
|
1076
1112
|
kendoButton
|
|
1113
|
+
type="button"
|
|
1077
1114
|
icon="x"
|
|
1078
1115
|
[attr.title]="localization.get('clearTitle')"
|
|
1079
1116
|
[svgIcon]="xIcon"
|
|
@@ -1092,6 +1129,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1092
1129
|
</div>
|
|
1093
1130
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
1094
1131
|
<button kendoButton
|
|
1132
|
+
type="button"
|
|
1095
1133
|
(click)="handleReject()"
|
|
1096
1134
|
size="large"
|
|
1097
1135
|
[attr.title]="localization.get('cancelLabel')"
|
|
@@ -1101,6 +1139,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1101
1139
|
</button>
|
|
1102
1140
|
|
|
1103
1141
|
<button kendoButton
|
|
1142
|
+
type="button"
|
|
1104
1143
|
(click)="handleActionSheetAccept()"
|
|
1105
1144
|
size="large"
|
|
1106
1145
|
themeColor="primary"
|
|
@@ -1151,7 +1190,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
1151
1190
|
</kendo-timeselector-messages>
|
|
1152
1191
|
</kendo-timeselector>
|
|
1153
1192
|
</ng-template>
|
|
1154
|
-
`, isInline: true, components: [{ type: i6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "
|
|
1193
|
+
`, isInline: true, components: [{ type: i6.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i7.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: i9.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { type: i10.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i11.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart"], exportAs: ["kendo-timeselector"] }, { type: i12.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], directives: [{ type: i13.TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i14.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1155
1194
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
1156
1195
|
type: Component,
|
|
1157
1196
|
args: [{
|
|
@@ -1225,6 +1264,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1225
1264
|
[min]="normalizeTime(min)"
|
|
1226
1265
|
[max]="normalizeTime(max)"
|
|
1227
1266
|
[incompleteDateValidation]="incompleteDateValidation"
|
|
1267
|
+
[autoCorrectParts]="autoCorrectParts"
|
|
1268
|
+
[autoSwitchParts]="autoSwitchParts"
|
|
1269
|
+
[autoSwitchKeys]="autoSwitchKeys"
|
|
1270
|
+
[enableMouseWheel]="enableMouseWheel"
|
|
1271
|
+
[allowCaretMode]="allowCaretMode"
|
|
1228
1272
|
[fillMode]="fillMode"
|
|
1229
1273
|
[rounded]="rounded"
|
|
1230
1274
|
[size]="size"
|
|
@@ -1277,6 +1321,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1277
1321
|
<div class="k-actionsheet-actions">
|
|
1278
1322
|
<button
|
|
1279
1323
|
kendoButton
|
|
1324
|
+
type="button"
|
|
1280
1325
|
icon="x"
|
|
1281
1326
|
[attr.title]="localization.get('clearTitle')"
|
|
1282
1327
|
[svgIcon]="xIcon"
|
|
@@ -1295,6 +1340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1295
1340
|
</div>
|
|
1296
1341
|
<div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
|
|
1297
1342
|
<button kendoButton
|
|
1343
|
+
type="button"
|
|
1298
1344
|
(click)="handleReject()"
|
|
1299
1345
|
size="large"
|
|
1300
1346
|
[attr.title]="localization.get('cancelLabel')"
|
|
@@ -1304,6 +1350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1304
1350
|
</button>
|
|
1305
1351
|
|
|
1306
1352
|
<button kendoButton
|
|
1353
|
+
type="button"
|
|
1307
1354
|
(click)="handleActionSheetAccept()"
|
|
1308
1355
|
size="large"
|
|
1309
1356
|
themeColor="primary"
|
|
@@ -1393,6 +1440,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1393
1440
|
type: Input
|
|
1394
1441
|
}], incompleteDateValidation: [{
|
|
1395
1442
|
type: Input
|
|
1443
|
+
}], autoCorrectParts: [{
|
|
1444
|
+
type: Input
|
|
1445
|
+
}], autoSwitchParts: [{
|
|
1446
|
+
type: Input
|
|
1447
|
+
}], autoSwitchKeys: [{
|
|
1448
|
+
type: Input
|
|
1449
|
+
}], enableMouseWheel: [{
|
|
1450
|
+
type: Input
|
|
1451
|
+
}], allowCaretMode: [{
|
|
1452
|
+
type: Input
|
|
1396
1453
|
}], cancelButton: [{
|
|
1397
1454
|
type: Input
|
|
1398
1455
|
}], nowButton: [{
|