@progress/kendo-angular-dateinputs 17.1.1-develop.6 → 17.1.1-develop.8

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.
Files changed (6) hide show
  1. package/esm2022/datepicker/datepicker.component.mjs +2 -1
  2. package/esm2022/datetimepicker/datetimepicker.component.mjs +2 -1
  3. package/esm2022/package-metadata.mjs +2 -2
  4. package/esm2022/timepicker/timepicker.component.mjs +2 -1
  5. package/fesm2022/progress-kendo-angular-dateinputs.mjs +8 -5
  6. package/package.json +9 -9
package/esm2022/datepicker/datepicker.component.mjs CHANGED
@@ -1018,6 +1018,7 @@ export class DatePickerComponent extends MultiTabStop {
1018
1018
  this._show = show;
1019
1019
  if (show) {
1020
1020
  const direction = this.localization.rtl ? 'right' : 'left';
1021
+ const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
1021
1022
  this.popupRef = this.popupService.open({
1022
1023
  anchor: this.wrapper,
1023
1024
  anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -1026,7 +1027,7 @@ export class DatePickerComponent extends MultiTabStop {
1026
1027
  content: this.popupTemplate,
1027
1028
  popupAlign: { vertical: 'top', horizontal: direction },
1028
1029
  popupClass: this.popupClasses,
1029
- positionMode: 'absolute'
1030
+ positionMode: appendToComponent ? 'fixed' : 'absolute'
1030
1031
  });
1031
1032
  this.setAriaActiveDescendant();
1032
1033
  this.popupRef.popupElement.setAttribute('id', this.popupUID);
package/esm2022/datetimepicker/datetimepicker.component.mjs CHANGED
@@ -1354,10 +1354,11 @@ export class DateTimePickerComponent extends MultiTabStop {
1354
1354
  this.setCalendarValue(this.value);
1355
1355
  this.setTimeSelectorMinMax(this.value);
1356
1356
  const direction = this.localization.rtl ? 'right' : 'left';
1357
+ const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
1357
1358
  this.popupRef = this.popupService.open({
1358
1359
  anchor: this.wrapper,
1359
1360
  content: this.popupTemplate,
1360
- positionMode: 'absolute',
1361
+ positionMode: appendToComponent ? 'fixed' : 'absolute',
1361
1362
  animate: this.popupSettings.animate,
1362
1363
  appendTo: this.appendTo,
1363
1364
  popupClass: `k-datetime-container k-datetimepicker-popup ${this.popupSettings.popupClass || ''}`,
package/esm2022/package-metadata.mjs CHANGED
@@ -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: 1733316302,
13
- version: '17.1.1-develop.6',
12
+ publishDate: 1733414511,
13
+ version: '17.1.1-develop.8',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2022/timepicker/timepicker.component.mjs CHANGED
@@ -920,6 +920,7 @@ export class TimePickerComponent extends MultiTabStop {
920
920
  this.cdr.markForCheck();
921
921
  if (show) {
922
922
  const direction = this.localization.rtl ? 'right' : 'left';
923
+ const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
923
924
  this.popupRef = this.popupService.open({
924
925
  anchor: this.wrapper,
925
926
  anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -928,7 +929,7 @@ export class TimePickerComponent extends MultiTabStop {
928
929
  content: this.popupTemplate,
929
930
  popupAlign: { vertical: 'top', horizontal: direction },
930
931
  popupClass: this.popupClasses,
931
- positionMode: 'absolute'
932
+ positionMode: appendToComponent ? 'fixed' : 'absolute'
932
933
  });
933
934
  this.popupRef.popupElement.setAttribute('id', this.popupUID);
934
935
  this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
package/fesm2022/progress-kendo-angular-dateinputs.mjs CHANGED
@@ -33,8 +33,8 @@ const packageMetadata = {
33
33
  name: '@progress/kendo-angular-dateinputs',
34
34
  productName: 'Kendo UI for Angular',
35
35
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
36
- publishDate: 1733316302,
37
- version: '17.1.1-develop.6',
36
+ publishDate: 1733414511,
37
+ version: '17.1.1-develop.8',
38
38
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
39
39
  };
40
40
 
@@ -10847,6 +10847,7 @@ class DatePickerComponent extends MultiTabStop {
10847
10847
  this._show = show;
10848
10848
  if (show) {
10849
10849
  const direction = this.localization.rtl ? 'right' : 'left';
10850
+ const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
10850
10851
  this.popupRef = this.popupService.open({
10851
10852
  anchor: this.wrapper,
10852
10853
  anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -10855,7 +10856,7 @@ class DatePickerComponent extends MultiTabStop {
10855
10856
  content: this.popupTemplate,
10856
10857
  popupAlign: { vertical: 'top', horizontal: direction },
10857
10858
  popupClass: this.popupClasses,
10858
- positionMode: 'absolute'
10859
+ positionMode: appendToComponent ? 'fixed' : 'absolute'
10859
10860
  });
10860
10861
  this.setAriaActiveDescendant();
10861
10862
  this.popupRef.popupElement.setAttribute('id', this.popupUID);
@@ -14521,6 +14522,7 @@ class TimePickerComponent extends MultiTabStop {
14521
14522
  this.cdr.markForCheck();
14522
14523
  if (show) {
14523
14524
  const direction = this.localization.rtl ? 'right' : 'left';
14525
+ const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
14524
14526
  this.popupRef = this.popupService.open({
14525
14527
  anchor: this.wrapper,
14526
14528
  anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -14529,7 +14531,7 @@ class TimePickerComponent extends MultiTabStop {
14529
14531
  content: this.popupTemplate,
14530
14532
  popupAlign: { vertical: 'top', horizontal: direction },
14531
14533
  popupClass: this.popupClasses,
14532
- positionMode: 'absolute'
14534
+ positionMode: appendToComponent ? 'fixed' : 'absolute'
14533
14535
  });
14534
14536
  this.popupRef.popupElement.setAttribute('id', this.popupUID);
14535
14537
  this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
@@ -16695,10 +16697,11 @@ class DateTimePickerComponent extends MultiTabStop {
16695
16697
  this.setCalendarValue(this.value);
16696
16698
  this.setTimeSelectorMinMax(this.value);
16697
16699
  const direction = this.localization.rtl ? 'right' : 'left';
16700
+ const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
16698
16701
  this.popupRef = this.popupService.open({
16699
16702
  anchor: this.wrapper,
16700
16703
  content: this.popupTemplate,
16701
- positionMode: 'absolute',
16704
+ positionMode: appendToComponent ? 'fixed' : 'absolute',
16702
16705
  animate: this.popupSettings.animate,
16703
16706
  appendTo: this.appendTo,
16704
16707
  popupClass: `k-datetime-container k-datetimepicker-popup ${this.popupSettings.popupClass || ''}`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dateinputs",
3
- "version": "17.1.1-develop.6",
3
+ "version": "17.1.1-develop.8",
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": "16 - 19",
35
35
  "@angular/platform-browser": "16 - 19",
36
36
  "@progress/kendo-licensing": "^1.0.2",
37
- "@progress/kendo-angular-buttons": "17.1.1-develop.6",
38
- "@progress/kendo-angular-common": "17.1.1-develop.6",
39
- "@progress/kendo-angular-intl": "17.1.1-develop.6",
40
- "@progress/kendo-angular-l10n": "17.1.1-develop.6",
41
- "@progress/kendo-angular-icons": "17.1.1-develop.6",
42
- "@progress/kendo-angular-popup": "17.1.1-develop.6",
43
- "@progress/kendo-angular-navigation": "17.1.1-develop.6",
37
+ "@progress/kendo-angular-buttons": "17.1.1-develop.8",
38
+ "@progress/kendo-angular-common": "17.1.1-develop.8",
39
+ "@progress/kendo-angular-intl": "17.1.1-develop.8",
40
+ "@progress/kendo-angular-l10n": "17.1.1-develop.8",
41
+ "@progress/kendo-angular-icons": "17.1.1-develop.8",
42
+ "@progress/kendo-angular-popup": "17.1.1-develop.8",
43
+ "@progress/kendo-angular-navigation": "17.1.1-develop.8",
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.1.1-develop.6",
48
+ "@progress/kendo-angular-schematics": "17.1.1-develop.8",
49
49
  "@progress/kendo-common": "^1.0.1",
50
50
  "@progress/kendo-date-math": "^1.1.0",
51
51
  "@progress/kendo-dateinputs-common": "^0.4.0"