@syncfusion/ej2-calendars 25.2.7 → 26.1.35-7502

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 (192) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-calendars.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js +2 -2
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +136 -200
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +131 -196
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/dist/global/ej2-calendars.min.js +2 -2
  10. package/dist/global/ej2-calendars.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/calendar/calendar.d.ts +1 -2
  14. package/src/calendar/calendar.js +21 -26
  15. package/src/calendar/islamic.js +8 -7
  16. package/src/datepicker/datepicker.d.ts +0 -1
  17. package/src/datepicker/datepicker.js +15 -16
  18. package/src/daterangepicker/daterangepicker.d.ts +0 -1
  19. package/src/daterangepicker/daterangepicker.js +25 -26
  20. package/src/datetimepicker/datetimepicker.js +17 -11
  21. package/src/maskbase/interface.js +0 -1
  22. package/src/maskbase/masked-date-time.js +3 -5
  23. package/src/timepicker/timepicker.d.ts +0 -1
  24. package/src/timepicker/timepicker.js +7 -11
  25. package/styles/bootstrap-dark.css +143 -91
  26. package/styles/bootstrap-dark.scss +20 -5
  27. package/styles/bootstrap.css +143 -93
  28. package/styles/bootstrap.scss +20 -5
  29. package/styles/bootstrap4.css +143 -93
  30. package/styles/bootstrap4.scss +20 -5
  31. package/styles/bootstrap5-dark.css +143 -94
  32. package/styles/bootstrap5-dark.scss +20 -5
  33. package/styles/bootstrap5.css +143 -94
  34. package/styles/bootstrap5.scss +20 -5
  35. package/styles/calendar/_bds-definition.scss +4 -3
  36. package/styles/calendar/_bootstrap5.3-definition.scss +256 -0
  37. package/styles/calendar/_fluent2-definition.scss +290 -0
  38. package/styles/calendar/_layout.scss +34 -14
  39. package/styles/calendar/_material3-definition.scss +0 -9
  40. package/styles/calendar/_theme.scss +104 -45
  41. package/styles/calendar/bootstrap-dark.css +48 -24
  42. package/styles/calendar/bootstrap.css +48 -24
  43. package/styles/calendar/bootstrap4.css +48 -24
  44. package/styles/calendar/bootstrap5-dark.css +48 -24
  45. package/styles/calendar/bootstrap5.css +48 -24
  46. package/styles/calendar/fabric-dark.css +51 -25
  47. package/styles/calendar/fabric.css +51 -25
  48. package/styles/calendar/fluent-dark.css +67 -33
  49. package/styles/calendar/fluent.css +67 -33
  50. package/styles/calendar/fluent2.css +2022 -0
  51. package/styles/calendar/fluent2.scss +5 -0
  52. package/styles/calendar/highcontrast-light.css +49 -24
  53. package/styles/calendar/highcontrast.css +51 -25
  54. package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
  55. package/styles/calendar/icons/_fluent2.scss +13 -0
  56. package/styles/calendar/material-dark.css +51 -25
  57. package/styles/calendar/material.css +51 -25
  58. package/styles/calendar/material3-dark.css +52 -23
  59. package/styles/calendar/material3.css +52 -23
  60. package/styles/calendar/tailwind-dark.css +49 -25
  61. package/styles/calendar/tailwind.css +49 -25
  62. package/styles/datepicker/_bootstrap5.3-definition.scss +107 -0
  63. package/styles/datepicker/_fluent2-definition.scss +118 -0
  64. package/styles/datepicker/_layout.scss +20 -11
  65. package/styles/datepicker/_material3-definition.scss +0 -19
  66. package/styles/datepicker/bootstrap-dark.css +16 -18
  67. package/styles/datepicker/bootstrap.css +16 -18
  68. package/styles/datepicker/bootstrap4.css +16 -18
  69. package/styles/datepicker/bootstrap5-dark.css +18 -19
  70. package/styles/datepicker/bootstrap5.css +18 -19
  71. package/styles/datepicker/fabric-dark.css +16 -18
  72. package/styles/datepicker/fabric.css +16 -18
  73. package/styles/datepicker/fluent-dark.css +18 -19
  74. package/styles/datepicker/fluent.css +18 -19
  75. package/styles/datepicker/fluent2.css +1680 -0
  76. package/styles/datepicker/fluent2.scss +7 -0
  77. package/styles/datepicker/highcontrast-light.css +16 -18
  78. package/styles/datepicker/highcontrast.css +16 -18
  79. package/styles/datepicker/icons/_bootstrap5.3.scss +76 -0
  80. package/styles/datepicker/icons/_fluent2.scss +83 -0
  81. package/styles/datepicker/material-dark.css +27 -20
  82. package/styles/datepicker/material.css +41 -22
  83. package/styles/datepicker/material3-dark.css +46 -24
  84. package/styles/datepicker/material3.css +46 -24
  85. package/styles/datepicker/tailwind-dark.css +18 -19
  86. package/styles/datepicker/tailwind.css +18 -19
  87. package/styles/daterangepicker/_bds-definition.scss +2 -2
  88. package/styles/daterangepicker/_bootstrap5.3-definition.scss +296 -0
  89. package/styles/daterangepicker/_fluent2-definition.scss +309 -0
  90. package/styles/daterangepicker/_layout.scss +14 -22
  91. package/styles/daterangepicker/_material3-definition.scss +0 -20
  92. package/styles/daterangepicker/_theme.scss +16 -8
  93. package/styles/daterangepicker/bootstrap-dark.css +54 -33
  94. package/styles/daterangepicker/bootstrap.css +54 -33
  95. package/styles/daterangepicker/bootstrap4.css +54 -33
  96. package/styles/daterangepicker/bootstrap5-dark.css +56 -34
  97. package/styles/daterangepicker/bootstrap5.css +56 -34
  98. package/styles/daterangepicker/fabric-dark.css +54 -33
  99. package/styles/daterangepicker/fabric.css +54 -33
  100. package/styles/daterangepicker/fluent-dark.css +66 -39
  101. package/styles/daterangepicker/fluent.css +66 -39
  102. package/styles/daterangepicker/fluent2.css +2465 -0
  103. package/styles/daterangepicker/fluent2.scss +7 -0
  104. package/styles/daterangepicker/highcontrast-light.css +54 -33
  105. package/styles/daterangepicker/highcontrast.css +54 -33
  106. package/styles/daterangepicker/icons/_bootstrap5.3.scss +92 -0
  107. package/styles/daterangepicker/icons/_fluent2.scss +132 -0
  108. package/styles/daterangepicker/material-dark.css +63 -34
  109. package/styles/daterangepicker/material.css +77 -36
  110. package/styles/daterangepicker/material3-dark.css +88 -38
  111. package/styles/daterangepicker/material3.css +88 -38
  112. package/styles/daterangepicker/tailwind-dark.css +58 -35
  113. package/styles/daterangepicker/tailwind.css +58 -35
  114. package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
  115. package/styles/datetimepicker/_fluent2-definition.scss +65 -0
  116. package/styles/datetimepicker/_layout.scss +0 -3
  117. package/styles/datetimepicker/_material3-definition.scss +0 -10
  118. package/styles/datetimepicker/_theme.scss +2 -2
  119. package/styles/datetimepicker/bootstrap-dark.css +7 -3
  120. package/styles/datetimepicker/bootstrap.css +7 -3
  121. package/styles/datetimepicker/bootstrap4.css +7 -3
  122. package/styles/datetimepicker/bootstrap5-dark.css +7 -3
  123. package/styles/datetimepicker/bootstrap5.css +7 -3
  124. package/styles/datetimepicker/fabric-dark.css +7 -3
  125. package/styles/datetimepicker/fabric.css +7 -3
  126. package/styles/datetimepicker/fluent-dark.css +7 -3
  127. package/styles/datetimepicker/fluent.css +7 -3
  128. package/styles/datetimepicker/fluent2.css +1408 -0
  129. package/styles/datetimepicker/fluent2.scss +8 -0
  130. package/styles/datetimepicker/highcontrast-light.css +7 -3
  131. package/styles/datetimepicker/highcontrast.css +7 -3
  132. package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
  133. package/styles/datetimepicker/icons/_fluent2.scss +11 -0
  134. package/styles/datetimepicker/material-dark.css +16 -4
  135. package/styles/datetimepicker/material.css +30 -6
  136. package/styles/datetimepicker/material3-dark.css +33 -7
  137. package/styles/datetimepicker/material3.css +33 -7
  138. package/styles/datetimepicker/tailwind-dark.css +7 -3
  139. package/styles/datetimepicker/tailwind.css +7 -3
  140. package/styles/fabric-dark.css +146 -92
  141. package/styles/fabric-dark.scss +20 -5
  142. package/styles/fabric.css +146 -94
  143. package/styles/fabric.scss +20 -5
  144. package/styles/fluent-dark.css +172 -108
  145. package/styles/fluent-dark.scss +20 -5
  146. package/styles/fluent.css +172 -108
  147. package/styles/fluent.scss +20 -5
  148. package/styles/fluent2.css +4429 -0
  149. package/styles/fluent2.scss +20 -0
  150. package/styles/highcontrast-light.css +144 -91
  151. package/styles/highcontrast-light.scss +20 -5
  152. package/styles/highcontrast.css +146 -94
  153. package/styles/highcontrast.scss +20 -5
  154. package/styles/material-dark.css +157 -112
  155. package/styles/material-dark.scss +20 -5
  156. package/styles/material.css +171 -140
  157. package/styles/material.scss +20 -5
  158. package/styles/material3-dark.css +189 -139
  159. package/styles/material3-dark.scss +20 -5
  160. package/styles/material3.css +189 -139
  161. package/styles/material3.scss +20 -5
  162. package/styles/tailwind-dark.css +146 -96
  163. package/styles/tailwind-dark.scss +20 -5
  164. package/styles/tailwind.css +146 -96
  165. package/styles/tailwind.scss +20 -5
  166. package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
  167. package/styles/timepicker/_fluent2-definition.scss +84 -0
  168. package/styles/timepicker/_layout.scss +2 -16
  169. package/styles/timepicker/_material3-definition.scss +0 -16
  170. package/styles/timepicker/_theme.scss +1 -4
  171. package/styles/timepicker/bootstrap-dark.css +18 -10
  172. package/styles/timepicker/bootstrap.css +18 -10
  173. package/styles/timepicker/bootstrap4.css +18 -10
  174. package/styles/timepicker/bootstrap5-dark.css +18 -10
  175. package/styles/timepicker/bootstrap5.css +18 -10
  176. package/styles/timepicker/fabric-dark.css +18 -10
  177. package/styles/timepicker/fabric.css +18 -10
  178. package/styles/timepicker/fluent-dark.css +18 -10
  179. package/styles/timepicker/fluent.css +18 -10
  180. package/styles/timepicker/fluent2.css +1531 -0
  181. package/styles/timepicker/fluent2.scss +6 -0
  182. package/styles/timepicker/highcontrast-light.css +18 -10
  183. package/styles/timepicker/highcontrast.css +18 -10
  184. package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
  185. package/styles/timepicker/icons/_fluent2.scss +24 -0
  186. package/styles/timepicker/material-dark.css +27 -11
  187. package/styles/timepicker/material.css +41 -13
  188. package/styles/timepicker/material3-dark.css +45 -14
  189. package/styles/timepicker/material3.css +45 -14
  190. package/styles/timepicker/tailwind-dark.css +18 -10
  191. package/styles/timepicker/tailwind.css +18 -10
  192. package/CHANGELOG.md +0 -1232
@@ -1,4 +1,4 @@
1
- import { Animation, Browser, ChildProperty, Collection, Component, Event, EventHandler, HijriParser, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, Touch, addClass, append, attributes, cldrData, closest, createElement, detach, extend, formatUnit, getDefaultDateObject, getUniqueID, getValue, isNullOrUndefined, isUndefined, merge, prepend, remove, removeClass, rippleEffect, select, setStyleAttribute, setValue, throwError } from '@syncfusion/ej2-base';
1
+ import { Component, Internationalization, isNullOrUndefined, Browser, attributes, closest, addClass, removeClass, rippleEffect, EventHandler, getValue, getDefaultDateObject, cldrData, detach, L10n, extend, KeyboardEvents, getUniqueID, Property, Event, NotifyPropertyChanges, throwError, HijriParser, Touch, formatUnit, Animation, setValue, ChildProperty, merge, isUndefined, createElement, select, remove, prepend, Collection, append, setStyleAttribute } from '@syncfusion/ej2-base';
2
2
  import { Popup } from '@syncfusion/ej2-popups';
3
3
  import { Input } from '@syncfusion/ej2-inputs';
4
4
  import { Button } from '@syncfusion/ej2-buttons';
@@ -10,7 +10,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
10
10
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
11
11
  return c > 3 && r && Object.defineProperty(target, key, r), r;
12
12
  };
13
- /* eslint-disable @typescript-eslint/no-unused-expressions */
14
13
  //class constant defination.
15
14
  const OTHERMONTH = 'e-other-month';
16
15
  const OTHERDECADE = 'e-other-year';
@@ -71,7 +70,6 @@ let CalendarBase = class CalendarBase extends Component {
71
70
  this.isDateSelected = true;
72
71
  this.isTodayClicked = false;
73
72
  this.preventChange = false;
74
- this.isAngular = false;
75
73
  this.previousDates = false;
76
74
  }
77
75
  /**
@@ -269,7 +267,7 @@ let CalendarBase = class CalendarBase extends Component {
269
267
  if (this.showTodayButton) {
270
268
  this.createContentFooter();
271
269
  }
272
- if (this.getModuleName() != 'daterangepicker') {
270
+ if (this.getModuleName() !== 'daterangepicker') {
273
271
  EventHandler.add(this.table, 'focus', this.addContentFocus, this);
274
272
  EventHandler.add(this.table, 'blur', this.removeContentFocus, this);
275
273
  }
@@ -340,8 +338,9 @@ let CalendarBase = class CalendarBase extends Component {
340
338
  addClass([this.calendarElement], '' + WEEKNUMBER);
341
339
  }
342
340
  }
343
- // eslint-disable-next-line max-len
344
- const shortNames = this.getCultureValues().length > 0 && this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 && this.getCultureValues())), this.firstDayOfWeek) : null;
341
+ const shortNames = this.getCultureValues().length > 0 &&
342
+ this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 &&
343
+ this.getCultureValues())), this.firstDayOfWeek) : null;
345
344
  if (!isNullOrUndefined(shortNames)) {
346
345
  for (let days = 0; days <= daysCount; days++) {
347
346
  html += '<th class="">' + this.toCapitalize(shortNames[days]) + '</th>';
@@ -484,19 +483,22 @@ let CalendarBase = class CalendarBase extends Component {
484
483
  this.effect = '';
485
484
  switch (e.action) {
486
485
  case 'moveLeft':
487
- if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
486
+ if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
487
+ e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
488
488
  this.keyboardNavigate(-1, view, e, this.max, this.min);
489
489
  e.preventDefault();
490
490
  }
491
491
  break;
492
492
  case 'moveRight':
493
- if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
493
+ if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
494
+ e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
494
495
  this.keyboardNavigate(1, view, e, this.max, this.min);
495
496
  e.preventDefault();
496
497
  }
497
498
  break;
498
499
  case 'moveUp':
499
- if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
500
+ if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
501
+ e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
500
502
  if (view === 0) {
501
503
  this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
502
504
  }
@@ -507,7 +509,8 @@ let CalendarBase = class CalendarBase extends Component {
507
509
  }
508
510
  break;
509
511
  case 'moveDown':
510
- if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
512
+ if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
513
+ e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
511
514
  if (view === 0) {
512
515
  this.keyboardNavigate(7, view, e, this.max, this.min);
513
516
  }
@@ -521,13 +524,13 @@ let CalendarBase = class CalendarBase extends Component {
521
524
  if (e.target === this.headerTitleElement) {
522
525
  this.navigateTitle(e);
523
526
  }
524
- else if (e.target === this.previousIcon) {
527
+ else if (e.target === this.previousIcon && !e.target.className.includes(DISABLED)) {
525
528
  this.navigatePrevious(e);
526
529
  }
527
- else if (e.target === this.nextIcon) {
530
+ else if (e.target === this.nextIcon && !e.target.className.includes(DISABLED)) {
528
531
  this.navigateNext(e);
529
532
  }
530
- else if (e.target === this.todayElement) {
533
+ else if (e.target === this.todayElement && !e.target.className.includes(DISABLED)) {
531
534
  this.todayButtonClick(e, value);
532
535
  if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
533
536
  this.element.focus();
@@ -540,12 +543,14 @@ let CalendarBase = class CalendarBase extends Component {
540
543
  // eslint-disable-next-line radix
541
544
  const d = new Date(parseInt('' + (element).id, 0));
542
545
  this.selectDate(e, d, (element));
546
+ if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
547
+ this.element.focus();
548
+ }
543
549
  }
544
550
  else {
545
- this.contentClick(null, --view, (element), value);
546
- }
547
- if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
548
- this.element.focus();
551
+ if (!e.target.className.includes(DISABLED)) {
552
+ this.contentClick(null, --view, (element), value);
553
+ }
549
554
  }
550
555
  }
551
556
  }
@@ -828,7 +833,6 @@ let CalendarBase = class CalendarBase extends Component {
828
833
  // if (args.isDisabled && +this.value === +args.date) {
829
834
  // this.setProperties({ value: null }, true);
830
835
  // }
831
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
832
836
  let currentTarget;
833
837
  if (!isNullOrUndefined(e) && e.type === 'click') {
834
838
  currentTarget = e.currentTarget;
@@ -919,7 +923,7 @@ let CalendarBase = class CalendarBase extends Component {
919
923
  const tdEle = this.dayCell(localDate);
920
924
  const dayLink = this.createElement('span');
921
925
  const localMonth = (value && (value).getMonth() === localDate.getMonth());
922
- const select$$1 = (value && (value).getFullYear() === yr && localMonth);
926
+ const select = (value && (value).getFullYear() === yr && localMonth);
923
927
  const title = this.globalize.formatDate(localDate, { type: 'date', format: 'MMM y' });
924
928
  dayLink.textContent = this.toCapitalize(this.globalize.formatDate(localDate, {
925
929
  format: null, type: 'dateTime', skeleton: 'MMM'
@@ -927,7 +931,7 @@ let CalendarBase = class CalendarBase extends Component {
927
931
  if ((this.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
928
932
  addClass([tdEle], DISABLED);
929
933
  }
930
- else if (!valueUtil && select$$1) {
934
+ else if (!valueUtil && select) {
931
935
  addClass([tdEle], SELECTED);
932
936
  }
933
937
  else {
@@ -1575,9 +1579,6 @@ let CalendarBase = class CalendarBase extends Component {
1575
1579
  navigateTitle(e) {
1576
1580
  e.preventDefault();
1577
1581
  this.title(e);
1578
- if (this.getModuleName() === 'calendar') {
1579
- this.table.focus();
1580
- }
1581
1582
  }
1582
1583
  previous() {
1583
1584
  this.effect = '';
@@ -1606,9 +1607,6 @@ let CalendarBase = class CalendarBase extends Component {
1606
1607
  this.islamicModule.islamicPrevious();
1607
1608
  }
1608
1609
  this.triggerNavigate(e);
1609
- if (this.getModuleName() === 'calendar') {
1610
- this.table.focus();
1611
- }
1612
1610
  }
1613
1611
  next() {
1614
1612
  this.effect = '';
@@ -1637,9 +1635,6 @@ let CalendarBase = class CalendarBase extends Component {
1637
1635
  this.islamicModule.islamicNext();
1638
1636
  }
1639
1637
  this.triggerNavigate(eve);
1640
- if (this.getModuleName() === 'calendar') {
1641
- this.table.focus();
1642
- }
1643
1638
  }
1644
1639
  /**
1645
1640
  * This method is used to navigate to the month/year/decade view of the Calendar.
@@ -2649,7 +2644,6 @@ let Calendar = class Calendar extends CalendarBase {
2649
2644
  if (!isNullOrUndefined(this.value)) {
2650
2645
  this.setProperties({ value: this.value }, true);
2651
2646
  }
2652
- // eslint-disable-next-line use-isnan
2653
2647
  if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) &&
2654
2648
  !isNullOrUndefined(this.previousDate) || this.previousDate === null
2655
2649
  && !isNaN(+this.value))) {
@@ -2680,7 +2674,6 @@ Calendar = __decorate([
2680
2674
  /**
2681
2675
  *
2682
2676
  */
2683
- /* eslint-disable @typescript-eslint/no-explicit-any */
2684
2677
  //class constant defination.
2685
2678
  const OTHERMONTH$1 = 'e-other-month';
2686
2679
  const YEAR$1 = 'e-year';
@@ -2933,12 +2926,12 @@ class Islamic {
2933
2926
  const dayLink = this.calendarInstance.createElement('span');
2934
2927
  const localMonth = (value &&
2935
2928
  (this.getIslamicDate(value)).month === (this.getIslamicDate(localDate)).month);
2936
- const select$$1 = (value && (this.getIslamicDate(value)).year === yr && localMonth);
2929
+ const select = (value && (this.getIslamicDate(value)).year === yr && localMonth);
2937
2930
  dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'MMM', calendar: 'islamic' });
2938
2931
  if ((this.calendarInstance.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.calendarInstance.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
2939
2932
  addClass([tdEle], DISABLED$1);
2940
2933
  }
2941
- else if (!valueUtil && select$$1) {
2934
+ else if (!valueUtil && select) {
2942
2935
  addClass([tdEle], SELECTED$1);
2943
2936
  }
2944
2937
  else {
@@ -2976,7 +2969,8 @@ class Islamic {
2976
2969
  endHdrYr = Number(endHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, (d) => String.fromCharCode(d.charCodeAt(0) - 1632 + 48)));
2977
2970
  }
2978
2971
  const splityear = this.calendarInstance.headerElement.textContent.split('-');
2979
- if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') || (!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
2972
+ if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') ||
2973
+ (!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
2980
2974
  startHdrYr = this.calendarInstance.headerElement.textContent.split('-')[0].trim();
2981
2975
  endHdrYr = this.calendarInstance.headerElement.textContent.split('-')[1].trim();
2982
2976
  }
@@ -2986,8 +2980,8 @@ class Islamic {
2986
2980
  this.calendarInstance.islamicPreviousHeader = null;
2987
2981
  }
2988
2982
  if (this.calendarInstance.previousIconClicked) {
2989
- // eslint-disable-next-line no-var
2990
- for (var i = 0; i <= splityear.length; i++) {
2983
+ let i = 0;
2984
+ for (i = 0; i <= splityear.length; i++) {
2991
2985
  endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i]
2992
2986
  - endHdrYr === 2 ? (parseInt(endHdrYr, 10) + 1).toString() :
2993
2987
  endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ?
@@ -3231,18 +3225,12 @@ class Islamic {
3231
3225
  }
3232
3226
  /* eslint-enable @typescript-eslint/no-explicit-any */
3233
3227
 
3234
- /**
3235
- * Calendar modules
3236
- */
3237
-
3238
3228
  var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
3239
3229
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3240
3230
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
3241
3231
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
3242
3232
  return c > 3 && r && Object.defineProperty(target, key, r), r;
3243
3233
  };
3244
- // eslint-disable-next-line @typescript-eslint/triple-slash-reference
3245
- /// <reference path='../calendar/calendar-model.d.ts'/>
3246
3234
  //class constant defination
3247
3235
  const DATEWRAPPER = 'e-date-wrapper';
3248
3236
  const ROOT$1 = 'e-datepicker';
@@ -3294,7 +3282,6 @@ let DatePicker = class DatePicker extends Calendar {
3294
3282
  this.invalidValueString = null;
3295
3283
  this.checkPreviousValue = null;
3296
3284
  this.maskedDateValue = '';
3297
- this.isAngular = false;
3298
3285
  this.preventChange = false;
3299
3286
  this.isIconClicked = false;
3300
3287
  this.isDynamicValueChanged = false;
@@ -3399,7 +3386,7 @@ let DatePicker = class DatePicker extends Calendar {
3399
3386
  this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
3400
3387
  }
3401
3388
  if (this.fullScreenMode && Browser.isDevice) {
3402
- this.cssClass += ' ' + "e-popup-expand";
3389
+ this.cssClass += ' ' + 'e-popup-expand';
3403
3390
  }
3404
3391
  let updatedCssClassValues = this.cssClass;
3405
3392
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -3668,8 +3655,6 @@ let DatePicker = class DatePicker extends Calendar {
3668
3655
  });
3669
3656
  }
3670
3657
  break;
3671
- default:
3672
- break;
3673
3658
  }
3674
3659
  }
3675
3660
  unBindEvents() {
@@ -4089,8 +4074,8 @@ let DatePicker = class DatePicker extends Calendar {
4089
4074
  }
4090
4075
  strictModeUpdate() {
4091
4076
  let format;
4092
- let pattern = /^y/;
4093
- let charPattern = /[^a-zA-Z]/;
4077
+ const pattern = /^y/;
4078
+ const charPattern = /[^a-zA-Z]/;
4094
4079
  let formatOptions;
4095
4080
  if (this.getModuleName() === 'datetimepicker') {
4096
4081
  format = !isNullOrUndefined(this.formatString) ? this.formatString : this.dateTimeFormat;
@@ -4214,10 +4199,10 @@ let DatePicker = class DatePicker extends Calendar {
4214
4199
  open: () => {
4215
4200
  if (Browser.isDevice && this.fullScreenMode) {
4216
4201
  this.iconRight = parseInt(window.getComputedStyle(this.calendarElement.querySelector('.e-header.e-month .e-prev')).marginRight, 10) > 16 ? true : false;
4217
- this.touchModule = new Touch(this.calendarElement.querySelector(".e-content.e-month"), {
4202
+ this.touchModule = new Touch(this.calendarElement.querySelector('.e-content.e-month'), {
4218
4203
  swipe: this.CalendarSwipeHandler.bind(this)
4219
4204
  });
4220
- EventHandler.add(this.calendarElement.querySelector(".e-content.e-month"), "touchstart", this.TouchStartHandler, this);
4205
+ EventHandler.add(this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', this.TouchStartHandler, this);
4221
4206
  }
4222
4207
  if (this.getModuleName() !== 'datetimepicker') {
4223
4208
  if (document.activeElement !== this.inputElement) {
@@ -4264,26 +4249,22 @@ let DatePicker = class DatePicker extends Calendar {
4264
4249
  let direction = 0;
4265
4250
  if (this.iconRight) {
4266
4251
  switch (e.swipeDirection) {
4267
- case "Left":
4252
+ case 'Left':
4268
4253
  direction = 1;
4269
4254
  break;
4270
- case "Right":
4255
+ case 'Right':
4271
4256
  direction = -1;
4272
4257
  break;
4273
- default:
4274
- break;
4275
4258
  }
4276
4259
  }
4277
4260
  else {
4278
4261
  switch (e.swipeDirection) {
4279
- case "Up":
4262
+ case 'Up':
4280
4263
  direction = 1;
4281
4264
  break;
4282
- case "Down":
4265
+ case 'Down':
4283
4266
  direction = -1;
4284
4267
  break;
4285
- default:
4286
- break;
4287
4268
  }
4288
4269
  }
4289
4270
  if (this.touchStart) {
@@ -4338,16 +4319,17 @@ let DatePicker = class DatePicker extends Calendar {
4338
4319
  }
4339
4320
  monthSpan.textContent = '' + this.globalize.formatDate(this.value || new Date(), dateOptions);
4340
4321
  if (this.fullScreenMode) {
4341
- const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
4322
+ const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
4342
4323
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
4343
- const modelTodayButton = this.calendarElement.querySelector("button.e-today");
4344
- h2.classList.add("e-day-wrapper");
4345
- modelTodayButton.classList.add("e-outline");
4324
+ const modelTodayButton = this.calendarElement.querySelector('button.e-today');
4325
+ h2.classList.add('e-day-wrapper');
4326
+ modelTodayButton.classList.add('e-outline');
4346
4327
  modelHeader.appendChild(modelCloseIcon);
4347
4328
  modelHeader.appendChild(modelTodayButton);
4348
4329
  }
4349
- if (!this.fullScreenMode)
4330
+ if (!this.fullScreenMode) {
4350
4331
  modelHeader.appendChild(yearHeading);
4332
+ }
4351
4333
  h2.appendChild(daySpan);
4352
4334
  h2.appendChild(monthSpan);
4353
4335
  modelHeader.appendChild(h2);
@@ -4554,7 +4536,7 @@ let DatePicker = class DatePicker extends Calendar {
4554
4536
  EventHandler.add(document, 'mousedown touchstart', this.documentHandler, this);
4555
4537
  });
4556
4538
  if (Browser.isDevice) {
4557
- var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
4539
+ const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
4558
4540
  dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
4559
4541
  this.mobilePopupWrapper.appendChild(dlgOverlay);
4560
4542
  }
@@ -4612,7 +4594,8 @@ let DatePicker = class DatePicker extends Calendar {
4612
4594
  this.modal = null;
4613
4595
  }
4614
4596
  if (Browser.isDevice) {
4615
- if (!isNullOrUndefined(this.mobilePopupWrapper) && (prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
4597
+ if (!isNullOrUndefined(this.mobilePopupWrapper) &&
4598
+ (prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
4616
4599
  this.mobilePopupWrapper.remove();
4617
4600
  this.mobilePopupWrapper = null;
4618
4601
  }
@@ -4881,7 +4864,7 @@ let DatePicker = class DatePicker extends Calendar {
4881
4864
  this.globalize = new Internationalization(this.locale);
4882
4865
  this.checkFormat();
4883
4866
  this.checkView();
4884
- const attributes$$1 = dynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
4867
+ const attributes = dynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
4885
4868
  ['value', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder', 'type'];
4886
4869
  let options;
4887
4870
  if (this.getModuleName() === 'datetimepicker') {
@@ -4906,7 +4889,7 @@ let DatePicker = class DatePicker extends Calendar {
4906
4889
  options = { format: this.formatString, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
4907
4890
  }
4908
4891
  }
4909
- for (const prop of attributes$$1) {
4892
+ for (const prop of attributes) {
4910
4893
  if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
4911
4894
  switch (prop) {
4912
4895
  case 'disabled':
@@ -5053,9 +5036,7 @@ let DatePicker = class DatePicker extends Calendar {
5053
5036
  this.calendarElement.querySelectorAll(dateIdString)[0] &&
5054
5037
  this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
5055
5038
  if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) &&
5056
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
5057
5039
  !isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
5058
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
5059
5040
  && new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
5060
5041
  || (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
5061
5042
  addClass([this.inputWrapper.container], ERROR);
@@ -5308,18 +5289,12 @@ DatePicker = __decorate$1([
5308
5289
  NotifyPropertyChanges
5309
5290
  ], DatePicker);
5310
5291
 
5311
- /**
5312
- * Datepicker modules
5313
- */
5314
-
5315
5292
  var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5316
5293
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
5317
5294
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5318
5295
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5319
5296
  return c > 3 && r && Object.defineProperty(target, key, r), r;
5320
5297
  };
5321
- // eslint-disable-next-line @typescript-eslint/triple-slash-reference
5322
- /// <reference path='../calendar/calendar-model.d.ts'/>
5323
5298
  const DATERANGEWRAPPER = 'e-date-range-wrapper';
5324
5299
  const INPUTCONTAINER$1 = 'e-input-group';
5325
5300
  const DATERANGEICON = 'e-input-group-icon e-range-icon e-icons';
@@ -5430,7 +5405,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
5430
5405
  this.preventBlur = false;
5431
5406
  this.preventFocus = false;
5432
5407
  this.invalidValueString = null;
5433
- this.isAngular = false;
5434
5408
  this.preventChange = false;
5435
5409
  this.dateRangeOptions = options;
5436
5410
  }
@@ -5654,20 +5628,20 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
5654
5628
  this.bindEvents();
5655
5629
  }
5656
5630
  setDataAttribute(isDynamic) {
5657
- let attributes$$1 = {};
5631
+ let attributes = {};
5658
5632
  if (!isDynamic) {
5659
5633
  for (let i = 0; i < this.element.attributes.length; i++) {
5660
- attributes$$1[this.element.attributes[i].name] =
5634
+ attributes[this.element.attributes[i].name] =
5661
5635
  this.element.getAttribute(this.element.attributes[i].name);
5662
5636
  }
5663
5637
  }
5664
5638
  else {
5665
- attributes$$1 = this.htmlAttributes;
5639
+ attributes = this.htmlAttributes;
5666
5640
  }
5667
- for (const pro of Object.keys(attributes$$1)) {
5641
+ for (const pro of Object.keys(attributes)) {
5668
5642
  if (pro.indexOf('data') === 0) {
5669
- this.firstHiddenChild.setAttribute(pro, attributes$$1[`${pro}`]);
5670
- this.secondHiddenChild.setAttribute(pro, attributes$$1[`${pro}`]);
5643
+ this.firstHiddenChild.setAttribute(pro, attributes[`${pro}`]);
5644
+ this.secondHiddenChild.setAttribute(pro, attributes[`${pro}`]);
5671
5645
  }
5672
5646
  }
5673
5647
  }
@@ -5699,14 +5673,14 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
5699
5673
  const name = element.getAttribute('name') ? element.getAttribute('name') : element.getAttribute('id');
5700
5674
  input.setAttribute('name', name);
5701
5675
  element.removeAttribute('name');
5702
- const attributes$$1 = ['required', 'aria-required', 'form'];
5703
- for (let i = 0; i < attributes$$1.length; i++) {
5704
- if (isNullOrUndefined(element.getAttribute(attributes$$1[i]))) {
5676
+ const attributes = ['required', 'aria-required', 'form'];
5677
+ for (let i = 0; i < attributes.length; i++) {
5678
+ if (isNullOrUndefined(element.getAttribute(attributes[i]))) {
5705
5679
  continue;
5706
5680
  }
5707
- const attr = element.getAttribute(attributes$$1[i]);
5708
- input.setAttribute(attributes$$1[i], attr);
5709
- element.removeAttribute(attributes$$1[i]);
5681
+ const attr = element.getAttribute(attributes[i]);
5682
+ input.setAttribute(attributes[i], attr);
5683
+ element.removeAttribute(attributes[i]);
5710
5684
  }
5711
5685
  }
5712
5686
  updateHtmlAttributeToWrapper() {
@@ -5966,11 +5940,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
5966
5940
  }
5967
5941
  checkHtmlAttributes(isDynamic) {
5968
5942
  this.globalize = new Internationalization(this.locale);
5969
- const attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
5943
+ const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
5970
5944
  ['startDate', 'endDate', 'minDays', 'maxDays', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder',
5971
5945
  'type', 'value'];
5972
5946
  const format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
5973
- for (const prop of attributes$$1) {
5947
+ for (const prop of attributes) {
5974
5948
  if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
5975
5949
  switch (prop) {
5976
5950
  case 'disabled':
@@ -6061,8 +6035,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
6061
6035
  const startDate = this.presetsItem[i].start;
6062
6036
  const endDate = this.presetsItem[i].end;
6063
6037
  if (this.startValue && this.endValue) {
6064
- if (startDate.getDate() == this.startValue.getDate() && startDate.getMonth() == this.startValue.getMonth() && startDate.getFullYear() == this.startValue.getFullYear()
6065
- && endDate.getDate() == this.endValue.getDate() && endDate.getMonth() == this.endValue.getMonth() && endDate.getFullYear() == this.endValue.getFullYear()) {
6038
+ if (startDate.getDate() === this.startValue.getDate() && startDate.getMonth() === this.startValue.getMonth() &&
6039
+ startDate.getFullYear() === this.startValue.getFullYear() && endDate.getDate() === this.endValue.getDate() &&
6040
+ endDate.getMonth() === this.endValue.getMonth() && endDate.getFullYear() === this.endValue.getFullYear()) {
6066
6041
  this.activeIndex = i;
6067
6042
  this.isCustomRange = false;
6068
6043
  }
@@ -6334,7 +6309,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
6334
6309
  }
6335
6310
  this.updateHiddenInput();
6336
6311
  }
6337
- // eslint-disable-next-line @typescript-eslint/tslint/config
6338
6312
  getStartEndDate(date, isEnd, range, dateOptions) {
6339
6313
  if (this.depth === 'Month') {
6340
6314
  return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
@@ -7950,10 +7924,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
7950
7924
  const controlContainer = this.createElement('div', { className: RANGECONTAINER });
7951
7925
  const headerContainer = this.createElement('div', { className: RANGEHEADER });
7952
7926
  if (this.isMobile && this.fullScreenMode) {
7953
- const modelHeaderIconWrapper = this.createElement("div", { className: "e-model-header-wrapper" });
7954
- const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
7927
+ const modelHeaderIconWrapper = this.createElement('div', { className: 'e-model-header-wrapper' });
7928
+ const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
7955
7929
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
7956
- const modelApplyButton = this.createElement("span", { className: "e-apply" });
7930
+ const modelApplyButton = this.createElement('span', { className: 'e-apply' });
7957
7931
  EventHandler.add(modelApplyButton, 'mousedown touchstart', this.applyFunction, this);
7958
7932
  modelHeaderIconWrapper.appendChild(modelCloseIcon);
7959
7933
  modelHeaderIconWrapper.appendChild(modelApplyButton);
@@ -8048,10 +8022,13 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8048
8022
  eve.preventDefault();
8049
8023
  }
8050
8024
  if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
8051
- if (!(this.previousStartValue && this.previousEndValue && this.startValue.getDate() == this.previousStartValue.getDate() && this.startValue.getMonth() == this.previousStartValue.getMonth() &&
8052
- this.startValue.getFullYear() == this.previousStartValue.getFullYear()
8053
- && this.endValue.getDate() == this.previousEndValue.getDate() && this.endValue.getMonth() == this.previousEndValue.getMonth()
8054
- && this.endValue.getFullYear() == this.previousEndValue.getFullYear())) {
8025
+ if (!(this.previousStartValue && this.previousEndValue &&
8026
+ this.startValue.getDate() === this.previousStartValue.getDate() &&
8027
+ this.startValue.getMonth() === this.previousStartValue.getMonth() &&
8028
+ this.startValue.getFullYear() === this.previousStartValue.getFullYear()
8029
+ && this.endValue.getDate() === this.previousEndValue.getDate() &&
8030
+ this.endValue.getMonth() === this.previousEndValue.getMonth()
8031
+ && this.endValue.getFullYear() === this.previousEndValue.getFullYear())) {
8055
8032
  Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
8056
8033
  }
8057
8034
  this.previousStartValue = new Date(+this.startValue);
@@ -8221,9 +8198,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8221
8198
  if (this.fullScreenMode) {
8222
8199
  const modelWrapper = createElement('div', { className: 'e-range-mob-popup-wrap' });
8223
8200
  const modelHeader = this.createElement('div', { className: 'e-model-header' });
8224
- const modelTitleSpan = this.createElement("span", { className: "e-model-title" });
8225
- modelTitleSpan.textContent = "Select Preset";
8226
- const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
8201
+ const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
8202
+ modelTitleSpan.textContent = 'Select Preset';
8203
+ const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
8227
8204
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
8228
8205
  const presetContent = this.presetElement;
8229
8206
  modelHeader.appendChild(modelCloseIcon);
@@ -8287,10 +8264,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8287
8264
  if (this.isMobile && this.fullScreenMode) {
8288
8265
  this.iconRangeRight = this.calendarElement && window.getComputedStyle(this.calendarElement.querySelector('.e-header.e-month .e-prev')).cssFloat;
8289
8266
  if (this.iconRangeRight) {
8290
- this.touchRangeModule = new Touch(this.calendarElement.querySelector(".e-content.e-month"), {
8267
+ this.touchRangeModule = new Touch(this.calendarElement.querySelector('.e-content.e-month'), {
8291
8268
  swipe: this.dateRangeSwipeHandler.bind(this)
8292
8269
  });
8293
- EventHandler.add(this.calendarElement.querySelector(".e-content.e-month"), "touchstart", this.touchStartRangeHandler, this);
8270
+ EventHandler.add(this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', this.touchStartRangeHandler, this);
8294
8271
  }
8295
8272
  }
8296
8273
  attributes(this.inputElement, { 'aria-expanded': 'true', 'aria-owns': this.element.id, 'aria-controls': this.inputElement.id });
@@ -8368,7 +8345,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8368
8345
  EventHandler.remove(document, 'keydown', this.popupCloseHandler);
8369
8346
  }
8370
8347
  }, targetExitViewport: () => {
8371
- let popupEle = this.popupObj && this.popupObj.element;
8348
+ const popupEle = this.popupObj && this.popupObj.element;
8372
8349
  if (!Browser.isDevice && popupEle && popupEle.getBoundingClientRect().height < window.innerHeight) {
8373
8350
  this.hide();
8374
8351
  }
@@ -8389,28 +8366,24 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8389
8366
  }
8390
8367
  dateRangeSwipeHandler(e) {
8391
8368
  let direction = 0;
8392
- if (this.iconRangeRight == 'left') {
8369
+ if (this.iconRangeRight === 'left') {
8393
8370
  switch (e.swipeDirection) {
8394
- case "Left":
8371
+ case 'Left':
8395
8372
  direction = 1;
8396
8373
  break;
8397
- case "Right":
8374
+ case 'Right':
8398
8375
  direction = -1;
8399
8376
  break;
8400
- default:
8401
- break;
8402
8377
  }
8403
8378
  }
8404
8379
  else {
8405
8380
  switch (e.swipeDirection) {
8406
- case "Up":
8381
+ case 'Up':
8407
8382
  direction = 1;
8408
8383
  break;
8409
- case "Down":
8384
+ case 'Down':
8410
8385
  direction = -1;
8411
8386
  break;
8412
- default:
8413
- break;
8414
8387
  }
8415
8388
  }
8416
8389
  if (this.touchRangeStart) {
@@ -8678,7 +8651,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
8678
8651
  }
8679
8652
  createInput() {
8680
8653
  if (this.fullScreenMode && this.isMobile) {
8681
- this.cssClass += ' ' + "e-popup-expand";
8654
+ this.cssClass += ' ' + 'e-popup-expand';
8682
8655
  }
8683
8656
  let updatedCssClassValue = this.cssClass;
8684
8657
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -9321,13 +9294,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
9321
9294
  this.endButton.element.removeAttribute('disabled');
9322
9295
  this.selectableDates();
9323
9296
  }
9324
- super.setOverlayIndex(this.mobileRangePopupWrap, this.popupObj.element, this.modal,
9325
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
9326
- this.isMobile || Browser.isDevice);
9297
+ super.setOverlayIndex(this.mobileRangePopupWrap, this.popupObj.element, this.modal, this.isMobile || Browser.isDevice);
9327
9298
  }
9328
9299
  });
9329
9300
  if (Browser.isDevice) {
9330
- var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
9301
+ const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
9331
9302
  dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
9332
9303
  this.mobileRangePopupWrap.appendChild(dlgOverlay);
9333
9304
  }
@@ -9517,7 +9488,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
9517
9488
  this.updateHeader();
9518
9489
  }
9519
9490
  }
9520
- // eslint-disable-next-line @typescript-eslint/tslint/config
9521
9491
  getStartEndValue(date, isEnd) {
9522
9492
  if (this.depth === 'Month') {
9523
9493
  return this.checkDateValue(new Date(this.checkValue(date)));
@@ -9892,17 +9862,12 @@ DateRangePicker = __decorate$2([
9892
9862
  NotifyPropertyChanges
9893
9863
  ], DateRangePicker);
9894
9864
 
9895
- /**
9896
- * DateRangePicker modules
9897
- */
9898
-
9899
9865
  var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
9900
9866
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
9901
9867
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
9902
9868
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
9903
9869
  return c > 3 && r && Object.defineProperty(target, key, r), r;
9904
9870
  };
9905
- /* eslint-disable @typescript-eslint/no-explicit-any */
9906
9871
  const WRAPPERCLASS = 'e-time-wrapper';
9907
9872
  const POPUP$2 = 'e-popup';
9908
9873
  const ERROR$2 = 'e-error';
@@ -9932,13 +9897,7 @@ var TimePickerBase;
9932
9897
  (function (TimePickerBase) {
9933
9898
  // eslint-disable-next-line max-len, jsdoc/require-jsdoc
9934
9899
  function createListItems(createdEl, min, max, globalize, timeFormat, step) {
9935
- if (this.calendarMode === 'Gregorian') {
9936
-
9937
- }
9938
- else {
9939
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
9940
-
9941
- }
9900
+ if (this.calendarMode === 'Gregorian') ;
9942
9901
  let start;
9943
9902
  const interval = step * 60000;
9944
9903
  const listItems = [];
@@ -10003,7 +9962,6 @@ let TimePicker = class TimePicker extends Component {
10003
9962
  this.timeCollections = [];
10004
9963
  this.disableItemCollection = [];
10005
9964
  this.invalidValueString = null;
10006
- this.isAngular = false;
10007
9965
  this.preventChange = false;
10008
9966
  this.maskedDateValue = '';
10009
9967
  this.moduleName = this.getModuleName();
@@ -10135,14 +10093,14 @@ let TimePicker = class TimePicker extends Component {
10135
10093
  const name = target.getAttribute('name') ? target.getAttribute('name') : target.getAttribute('id');
10136
10094
  input.setAttribute('name', name);
10137
10095
  target.removeAttribute('name');
10138
- const attributes$$1 = ['required', 'aria-required', 'form'];
10139
- for (let i = 0; i < attributes$$1.length; i++) {
10140
- if (isNullOrUndefined(target.getAttribute(attributes$$1[i]))) {
10096
+ const attributes = ['required', 'aria-required', 'form'];
10097
+ for (let i = 0; i < attributes.length; i++) {
10098
+ if (isNullOrUndefined(target.getAttribute(attributes[i]))) {
10141
10099
  continue;
10142
10100
  }
10143
- const attr = target.getAttribute(attributes$$1[i]);
10144
- input.setAttribute(attributes$$1[i], attr);
10145
- target.removeAttribute(attributes$$1[i]);
10101
+ const attr = target.getAttribute(attributes[i]);
10102
+ input.setAttribute(attributes[i], attr);
10103
+ target.removeAttribute(attributes[i]);
10146
10104
  }
10147
10105
  }
10148
10106
  initialize() {
@@ -10211,7 +10169,7 @@ let TimePicker = class TimePicker extends Component {
10211
10169
  }
10212
10170
  createInputElement() {
10213
10171
  if (this.fullScreenMode && Browser.isDevice) {
10214
- this.cssClass += ' ' + "e-popup-expand";
10172
+ this.cssClass += ' ' + 'e-popup-expand';
10215
10173
  }
10216
10174
  let updatedCssClassesValue = this.cssClass;
10217
10175
  const isBindClearAction = this.enableMask ? false : true;
@@ -10322,7 +10280,6 @@ let TimePicker = class TimePicker extends Component {
10322
10280
  }
10323
10281
  return modules;
10324
10282
  }
10325
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
10326
10283
  cldrFormat(type) {
10327
10284
  let cldrDateTimeString;
10328
10285
  if (this.locale === 'en' || this.locale === 'en-US') {
@@ -10470,17 +10427,17 @@ let TimePicker = class TimePicker extends Component {
10470
10427
  this.popupObj.collision = { X: 'none', Y: 'flip' };
10471
10428
  }
10472
10429
  if (Browser.isDevice && this.fullScreenMode) {
10473
- this.popupObj.element.style.maxHeight = "100%";
10474
- this.popupObj.element.style.width = "100%";
10430
+ this.popupObj.element.style.maxHeight = '100%';
10431
+ this.popupObj.element.style.width = '100%';
10475
10432
  }
10476
10433
  else {
10477
10434
  this.popupObj.element.style.maxHeight = POPUPDIMENSION;
10478
10435
  }
10479
10436
  if (Browser.isDevice && this.fullScreenMode) {
10480
10437
  const modelHeader = this.createElement('div', { className: 'e-model-header' });
10481
- const modelTitleSpan = this.createElement("span", { className: "e-model-title" });
10482
- modelTitleSpan.textContent = "Select time";
10483
- const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
10438
+ const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
10439
+ modelTitleSpan.textContent = 'Select time';
10440
+ const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
10484
10441
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.timePopupCloseHandler, this);
10485
10442
  modelHeader.appendChild(modelCloseIcon);
10486
10443
  modelHeader.appendChild(modelTitleSpan);
@@ -10865,7 +10822,7 @@ let TimePicker = class TimePicker extends Component {
10865
10822
  }
10866
10823
  inputHandler(event) {
10867
10824
  if (!this.readonly && this.enabled) {
10868
- if (!((event.action == 'right' || event.action == 'left' || event.action == 'tab') || ((event.action == 'home' || event.action == 'end' || event.action == 'up' || event.action == 'down') && !this.isPopupOpen() && !this.enableMask))) {
10825
+ if (!((event.action === 'right' || event.action === 'left' || event.action === 'tab') || ((event.action === 'home' || event.action === 'end' || event.action === 'up' || event.action === 'down') && !this.isPopupOpen() && !this.enableMask))) {
10869
10826
  event.preventDefault();
10870
10827
  }
10871
10828
  switch (event.action) {
@@ -11199,8 +11156,6 @@ let TimePicker = class TimePicker extends Component {
11199
11156
  });
11200
11157
  }
11201
11158
  break;
11202
- default:
11203
- break;
11204
11159
  }
11205
11160
  }
11206
11161
  formResetHandler() {
@@ -11316,10 +11271,10 @@ let TimePicker = class TimePicker extends Component {
11316
11271
  }
11317
11272
  }
11318
11273
  checkAttributes(isDynamic) {
11319
- const attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
11274
+ const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
11320
11275
  ['step', 'disabled', 'readonly', 'style', 'name', 'value', 'min', 'max', 'placeholder'];
11321
11276
  let value;
11322
- for (const prop of attributes$$1) {
11277
+ for (const prop of attributes) {
11323
11278
  if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
11324
11279
  switch (prop) {
11325
11280
  case 'disabled':
@@ -12092,7 +12047,7 @@ let TimePicker = class TimePicker extends Component {
12092
12047
  }
12093
12048
  });
12094
12049
  if (Browser.isDevice) {
12095
- var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
12050
+ const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
12096
12051
  dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
12097
12052
  this.mobileTimePopupWrap.appendChild(dlgOverlay);
12098
12053
  }
@@ -12462,21 +12417,14 @@ __decorate$3([
12462
12417
  TimePicker = __decorate$3([
12463
12418
  NotifyPropertyChanges
12464
12419
  ], TimePicker);
12465
-
12466
12420
  /* eslint-enable @typescript-eslint/no-explicit-any */
12467
12421
 
12468
- /**
12469
- * TimePicker modules
12470
- */
12471
-
12472
12422
  var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12473
12423
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12474
12424
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
12475
12425
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
12476
12426
  return c > 3 && r && Object.defineProperty(target, key, r), r;
12477
12427
  };
12478
- // eslint-disable-next-line @typescript-eslint/triple-slash-reference
12479
- ///<reference path='../datepicker/datepicker-model.d.ts'/>
12480
12428
  //class constant defination
12481
12429
  const DATEWRAPPER$1 = 'e-date-wrapper';
12482
12430
  const DATEPICKERROOT = 'e-datepicker';
@@ -12492,7 +12440,7 @@ const ROOT$4 = 'e-datetimepicker';
12492
12440
  const DATETIMEPOPUPWRAPPER = 'e-datetimepopup-wrapper';
12493
12441
  const INPUTWRAPPER$1 = 'e-input-group-icon';
12494
12442
  const POPUP$3 = 'e-popup';
12495
- const TIMEICON$1 = 'e-time-icon';
12443
+ const TIMEICON = 'e-time-icon';
12496
12444
  const INPUTFOCUS$2 = 'e-input-focus';
12497
12445
  const POPUPDIMENSION$1 = '250px';
12498
12446
  const ICONANIMATION$1 = 'e-icon-anim';
@@ -12803,7 +12751,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
12803
12751
  this.renderTimeIcon();
12804
12752
  }
12805
12753
  renderTimeIcon() {
12806
- this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON$1 + ' ' + ICONS$1, this.inputWrapper.container);
12754
+ this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON + ' ' + ICONS$1, this.inputWrapper.container);
12807
12755
  }
12808
12756
  bindInputEvents() {
12809
12757
  EventHandler.add(this.timeIcon, 'mousedown', this.timeHandler, this);
@@ -13024,7 +12972,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
13024
12972
  this.dateTimeWrapper.style.left = '0px';
13025
12973
  }
13026
12974
  if (Browser.isDevice) {
13027
- var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
12975
+ const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
13028
12976
  dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
13029
12977
  this.timeModal.appendChild(dlgOverlay);
13030
12978
  }
@@ -13043,7 +12991,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
13043
12991
  if (!this.preventArgs.cancel && !this.readonly) {
13044
12992
  const openAnimation = {
13045
12993
  name: 'FadeIn',
13046
- duration: ANIMATIONDURATION$1,
12994
+ duration: ANIMATIONDURATION$1
13047
12995
  };
13048
12996
  if (this.zIndex === 1000) {
13049
12997
  this.popupObject.show(new Animation(openAnimation), this.element);
@@ -13133,9 +13081,9 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
13133
13081
  }
13134
13082
  });
13135
13083
  if (Browser.isDevice && this.fullScreenMode) {
13136
- this.popupObject.element.style.display = "flex";
13137
- this.popupObject.element.style.maxHeight = "100%";
13138
- this.popupObject.element.style.width = "100%";
13084
+ this.popupObject.element.style.display = 'flex';
13085
+ this.popupObject.element.style.maxHeight = '100%';
13086
+ this.popupObject.element.style.width = '100%';
13139
13087
  }
13140
13088
  else {
13141
13089
  this.popupObject.element.style.maxHeight = POPUPDIMENSION$1;
@@ -13143,11 +13091,11 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
13143
13091
  if (Browser.isDevice && this.fullScreenMode) {
13144
13092
  const modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
13145
13093
  const modelHeader = this.createElement('div', { className: 'e-model-header' });
13146
- const modelTitleSpan = this.createElement("span", { className: "e-model-title" });
13147
- modelTitleSpan.textContent = "Select time";
13148
- const modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
13094
+ const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
13095
+ modelTitleSpan.textContent = 'Select time';
13096
+ const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
13149
13097
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
13150
- const timeContent = this.dateTimeWrapper.querySelector(".e-content");
13098
+ const timeContent = this.dateTimeWrapper.querySelector('.e-content');
13151
13099
  modelHeader.appendChild(modelCloseIcon);
13152
13100
  modelHeader.appendChild(modelTitleSpan);
13153
13101
  modelWrapper.appendChild(modelHeader);
@@ -13454,9 +13402,15 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
13454
13402
  return this.calculateStartEnd(tempStartValue, start, 'starttime');
13455
13403
  }
13456
13404
  TimePopupFormat() {
13457
- var format = '';
13458
- var formatCount = 0;
13459
- const proxy = this;
13405
+ let format = '';
13406
+ let formatCount = 0;
13407
+ const proxy = this;
13408
+ /**
13409
+ * Formats the value specifier.
13410
+ *
13411
+ * @param {string} formattext - The format text.
13412
+ * @returns {string} The formatted value specifier.
13413
+ */
13460
13414
  function formatValueSpecifier(formattext) {
13461
13415
  switch (formattext) {
13462
13416
  case 'd':
@@ -13471,11 +13425,11 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
13471
13425
  case 'yy':
13472
13426
  case 'yyy':
13473
13427
  case 'yyyy':
13474
- if (format == '') {
13428
+ if (format === '') {
13475
13429
  format = format + formattext;
13476
13430
  }
13477
13431
  else {
13478
- format = format + "/" + formattext;
13432
+ format = format + '/' + formattext;
13479
13433
  }
13480
13434
  formatCount = formatCount + 1;
13481
13435
  break;
@@ -13585,10 +13539,10 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
13585
13539
  }
13586
13540
  }
13587
13541
  checkAttributes(isDynamic) {
13588
- const attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
13542
+ const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
13589
13543
  ['style', 'name', 'step', 'disabled', 'readonly', 'value', 'min', 'max', 'placeholder', 'type'];
13590
13544
  let value;
13591
- for (const prop of attributes$$1) {
13545
+ for (const prop of attributes) {
13592
13546
  if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
13593
13547
  switch (prop) {
13594
13548
  case 'name':
@@ -14154,10 +14108,6 @@ DateTimePicker = __decorate$4([
14154
14108
  NotifyPropertyChanges
14155
14109
  ], DateTimePicker);
14156
14110
 
14157
- /**
14158
- * DateTimePicker modules
14159
- */
14160
-
14161
14111
  const ARROWLEFT = 'ArrowLeft';
14162
14112
  const ARROWRIGHT = 'ArrowRight';
14163
14113
  const ARROWUP = 'ArrowUp';
@@ -14445,8 +14395,8 @@ class MaskedDateTime {
14445
14395
  }
14446
14396
  if (month >= 1) {
14447
14397
  newDateValue.setMonth(month - 1);
14448
- if (month >= 10 || month == 1) {
14449
- if (this.isLeadingZero && month == 1) {
14398
+ if (month >= 10 || month === 1) {
14399
+ if (this.isLeadingZero && month === 1) {
14450
14400
  this.isNavigate = month.toString().length === 1;
14451
14401
  this.isLeadingZero = false;
14452
14402
  }
@@ -14598,7 +14548,6 @@ class MaskedDateTime {
14598
14548
  case 'a':
14599
14549
  {
14600
14550
  this.periodCharacter += newVal[start - 1].toLowerCase();
14601
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
14602
14551
  const periodString = (this.getCulturedValue('dayPeriods.format.wide'));
14603
14552
  const periodkeys = Object.keys(periodString);
14604
14553
  for (let i = 0; this.periodCharacter.length > 0; i++) {
@@ -14612,15 +14561,12 @@ class MaskedDateTime {
14612
14561
  }
14613
14562
  break;
14614
14563
  }
14615
- default:
14616
- break;
14617
14564
  }
14618
14565
  this.maskDateValue = newDateValue;
14619
14566
  }
14620
14567
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
14621
14568
  formatCheck() {
14622
- // eslint-disable-next-line @typescript-eslint/no-this-alias
14623
- const proxy = this;
14569
+ const proxy = this;
14624
14570
  function formatValueSpecifier(formattext) {
14625
14571
  let result;
14626
14572
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -14947,8 +14893,6 @@ class MaskedDateTime {
14947
14893
  case 'a':
14948
14894
  newDateValue.setHours((newDateValue.getHours() + 12) % 24);
14949
14895
  break;
14950
- default:
14951
- break;
14952
14896
  }
14953
14897
  this.maskDateValue = newDateValue.getFullYear() > 0 ? newDateValue : this.maskDateValue;
14954
14898
  if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
@@ -15004,13 +14948,5 @@ class MaskedDateTime {
15004
14948
  }
15005
14949
  }
15006
14950
 
15007
- /**
15008
- * MaskedDateTime modules
15009
- */
15010
-
15011
- /**
15012
- * Calendar all modules
15013
- */
15014
-
15015
- export { CalendarBase, Calendar, Islamic, DatePicker, Presets, DateRangePicker, TimePickerBase, TimeMaskPlaceholder, TimePicker, DateTimePicker, MaskedDateTime };
14951
+ export { Calendar, CalendarBase, DatePicker, DateRangePicker, DateTimePicker, Islamic, MaskedDateTime, Presets, TimeMaskPlaceholder, TimePicker, TimePickerBase };
15016
14952
  //# sourceMappingURL=ej2-calendars.es2015.js.map