@syncfusion/ej2-calendars 25.2.7 → 26.1.35

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 { Internationalization, isNullOrUndefined, Browser, attributes, closest, addClass, removeClass, rippleEffect, EventHandler, getValue, getDefaultDateObject, cldrData, detach, L10n, extend, KeyboardEvents, getUniqueID, Property, Event, NotifyPropertyChanges, Component, 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';
@@ -23,7 +23,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
23
23
  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;
24
24
  return c > 3 && r && Object.defineProperty(target, key, r), r;
25
25
  };
26
- /* eslint-disable @typescript-eslint/no-unused-expressions */
27
26
  //class constant defination.
28
27
  var OTHERMONTH = 'e-other-month';
29
28
  var OTHERDECADE = 'e-other-year';
@@ -85,7 +84,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
85
84
  _this.isDateSelected = true;
86
85
  _this.isTodayClicked = false;
87
86
  _this.preventChange = false;
88
- _this.isAngular = false;
89
87
  _this.previousDates = false;
90
88
  return _this;
91
89
  }
@@ -284,7 +282,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
284
282
  if (this.showTodayButton) {
285
283
  this.createContentFooter();
286
284
  }
287
- if (this.getModuleName() != 'daterangepicker') {
285
+ if (this.getModuleName() !== 'daterangepicker') {
288
286
  EventHandler.add(this.table, 'focus', this.addContentFocus, this);
289
287
  EventHandler.add(this.table, 'blur', this.removeContentFocus, this);
290
288
  }
@@ -356,8 +354,9 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
356
354
  addClass([this.calendarElement], '' + WEEKNUMBER);
357
355
  }
358
356
  }
359
- // eslint-disable-next-line max-len
360
- var shortNames = this.getCultureValues().length > 0 && this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 && this.getCultureValues())), this.firstDayOfWeek) : null;
357
+ var shortNames = this.getCultureValues().length > 0 &&
358
+ this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 &&
359
+ this.getCultureValues())), this.firstDayOfWeek) : null;
361
360
  if (!isNullOrUndefined(shortNames)) {
362
361
  for (var days = 0; days <= daysCount; days++) {
363
362
  html += '<th class="">' + this.toCapitalize(shortNames[days]) + '</th>';
@@ -500,19 +499,22 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
500
499
  this.effect = '';
501
500
  switch (e.action) {
502
501
  case 'moveLeft':
503
- if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
502
+ if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
503
+ e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
504
504
  this.keyboardNavigate(-1, view, e, this.max, this.min);
505
505
  e.preventDefault();
506
506
  }
507
507
  break;
508
508
  case 'moveRight':
509
- if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
509
+ if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
510
+ e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
510
511
  this.keyboardNavigate(1, view, e, this.max, this.min);
511
512
  e.preventDefault();
512
513
  }
513
514
  break;
514
515
  case 'moveUp':
515
- if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
516
+ if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
517
+ e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
516
518
  if (view === 0) {
517
519
  this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
518
520
  }
@@ -523,7 +525,8 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
523
525
  }
524
526
  break;
525
527
  case 'moveDown':
526
- if (this.getModuleName() != 'daterangepicker' && !isNullOrUndefined(e.target) && e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
528
+ if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
529
+ e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
527
530
  if (view === 0) {
528
531
  this.keyboardNavigate(7, view, e, this.max, this.min);
529
532
  }
@@ -537,13 +540,13 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
537
540
  if (e.target === this.headerTitleElement) {
538
541
  this.navigateTitle(e);
539
542
  }
540
- else if (e.target === this.previousIcon) {
543
+ else if (e.target === this.previousIcon && !e.target.className.includes(DISABLED)) {
541
544
  this.navigatePrevious(e);
542
545
  }
543
- else if (e.target === this.nextIcon) {
546
+ else if (e.target === this.nextIcon && !e.target.className.includes(DISABLED)) {
544
547
  this.navigateNext(e);
545
548
  }
546
- else if (e.target === this.todayElement) {
549
+ else if (e.target === this.todayElement && !e.target.className.includes(DISABLED)) {
547
550
  this.todayButtonClick(e, value);
548
551
  if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
549
552
  this.element.focus();
@@ -556,12 +559,14 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
556
559
  // eslint-disable-next-line radix
557
560
  var d = new Date(parseInt('' + (element).id, 0));
558
561
  this.selectDate(e, d, (element));
562
+ if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
563
+ this.element.focus();
564
+ }
559
565
  }
560
566
  else {
561
- this.contentClick(null, --view, (element), value);
562
- }
563
- if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
564
- this.element.focus();
567
+ if (!e.target.className.includes(DISABLED)) {
568
+ this.contentClick(null, --view, (element), value);
569
+ }
565
570
  }
566
571
  }
567
572
  }
@@ -845,7 +850,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
845
850
  // if (args.isDisabled && +this.value === +args.date) {
846
851
  // this.setProperties({ value: null }, true);
847
852
  // }
848
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
849
853
  var currentTarget = void 0;
850
854
  if (!isNullOrUndefined(e) && e.type === 'click') {
851
855
  currentTarget = e.currentTarget;
@@ -936,7 +940,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
936
940
  var tdEle = this.dayCell(localDate);
937
941
  var dayLink = this.createElement('span');
938
942
  var localMonth = (value && (value).getMonth() === localDate.getMonth());
939
- var select$$1 = (value && (value).getFullYear() === yr && localMonth);
943
+ var select = (value && (value).getFullYear() === yr && localMonth);
940
944
  var title = this.globalize.formatDate(localDate, { type: 'date', format: 'MMM y' });
941
945
  dayLink.textContent = this.toCapitalize(this.globalize.formatDate(localDate, {
942
946
  format: null, type: 'dateTime', skeleton: 'MMM'
@@ -944,7 +948,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
944
948
  if ((this.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
945
949
  addClass([tdEle], DISABLED);
946
950
  }
947
- else if (!valueUtil && select$$1) {
951
+ else if (!valueUtil && select) {
948
952
  addClass([tdEle], SELECTED);
949
953
  }
950
954
  else {
@@ -1593,9 +1597,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
1593
1597
  CalendarBase.prototype.navigateTitle = function (e) {
1594
1598
  e.preventDefault();
1595
1599
  this.title(e);
1596
- if (this.getModuleName() === 'calendar') {
1597
- this.table.focus();
1598
- }
1599
1600
  };
1600
1601
  CalendarBase.prototype.previous = function () {
1601
1602
  this.effect = '';
@@ -1624,9 +1625,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
1624
1625
  this.islamicModule.islamicPrevious();
1625
1626
  }
1626
1627
  this.triggerNavigate(e);
1627
- if (this.getModuleName() === 'calendar') {
1628
- this.table.focus();
1629
- }
1630
1628
  };
1631
1629
  CalendarBase.prototype.next = function () {
1632
1630
  this.effect = '';
@@ -1655,9 +1653,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
1655
1653
  this.islamicModule.islamicNext();
1656
1654
  }
1657
1655
  this.triggerNavigate(eve);
1658
- if (this.getModuleName() === 'calendar') {
1659
- this.table.focus();
1660
- }
1661
1656
  };
1662
1657
  /**
1663
1658
  * This method is used to navigate to the month/year/decade view of the Calendar.
@@ -2671,7 +2666,6 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
2671
2666
  if (!isNullOrUndefined(this.value)) {
2672
2667
  this.setProperties({ value: this.value }, true);
2673
2668
  }
2674
- // eslint-disable-next-line use-isnan
2675
2669
  if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) &&
2676
2670
  !isNullOrUndefined(this.previousDate) || this.previousDate === null
2677
2671
  && !isNaN(+this.value))) {
@@ -2703,7 +2697,6 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
2703
2697
  /**
2704
2698
  *
2705
2699
  */
2706
- /* eslint-disable @typescript-eslint/no-explicit-any */
2707
2700
  //class constant defination.
2708
2701
  var OTHERMONTH$1 = 'e-other-month';
2709
2702
  var YEAR$1 = 'e-year';
@@ -2956,12 +2949,12 @@ var Islamic = /** @__PURE__ @class */ (function () {
2956
2949
  var dayLink = this.calendarInstance.createElement('span');
2957
2950
  var localMonth = (value &&
2958
2951
  (this.getIslamicDate(value)).month === (this.getIslamicDate(localDate)).month);
2959
- var select$$1 = (value && (this.getIslamicDate(value)).year === yr && localMonth);
2952
+ var select = (value && (this.getIslamicDate(value)).year === yr && localMonth);
2960
2953
  dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'MMM', calendar: 'islamic' });
2961
2954
  if ((this.calendarInstance.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.calendarInstance.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
2962
2955
  addClass([tdEle], DISABLED$1);
2963
2956
  }
2964
- else if (!valueUtil && select$$1) {
2957
+ else if (!valueUtil && select) {
2965
2958
  addClass([tdEle], SELECTED$1);
2966
2959
  }
2967
2960
  else {
@@ -2999,7 +2992,8 @@ var Islamic = /** @__PURE__ @class */ (function () {
2999
2992
  endHdrYr = Number(endHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, function (d) { return String.fromCharCode(d.charCodeAt(0) - 1632 + 48); }));
3000
2993
  }
3001
2994
  var splityear = this.calendarInstance.headerElement.textContent.split('-');
3002
- if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') || (!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
2995
+ if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') ||
2996
+ (!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
3003
2997
  startHdrYr = this.calendarInstance.headerElement.textContent.split('-')[0].trim();
3004
2998
  endHdrYr = this.calendarInstance.headerElement.textContent.split('-')[1].trim();
3005
2999
  }
@@ -3009,8 +3003,8 @@ var Islamic = /** @__PURE__ @class */ (function () {
3009
3003
  this.calendarInstance.islamicPreviousHeader = null;
3010
3004
  }
3011
3005
  if (this.calendarInstance.previousIconClicked) {
3012
- // eslint-disable-next-line no-var
3013
- for (var i = 0; i <= splityear.length; i++) {
3006
+ var i = 0;
3007
+ for (i = 0; i <= splityear.length; i++) {
3014
3008
  endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i]
3015
3009
  - endHdrYr === 2 ? (parseInt(endHdrYr, 10) + 1).toString() :
3016
3010
  endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ?
@@ -3039,14 +3033,14 @@ var Islamic = /** @__PURE__ @class */ (function () {
3039
3033
  }
3040
3034
  }
3041
3035
  if (this.calendarInstance.nextIconClicked) {
3042
- for (var i_1 = 0; i_1 <= splityear.length; i_1++) {
3043
- if (startHdrYr - splityear[i_1] === 0 || splityear[i_1] - startHdrYr === 0) {
3036
+ for (var i = 0; i <= splityear.length; i++) {
3037
+ if (startHdrYr - splityear[i] === 0 || splityear[i] - startHdrYr === 0) {
3044
3038
  startHdrYr = (parseInt(startHdrYr, 10) + 1).toString();
3045
3039
  }
3046
- if (startHdrYr - splityear[i_1] === 2 && startHdrYr > splityear[i_1].trim()) {
3040
+ if (startHdrYr - splityear[i] === 2 && startHdrYr > splityear[i].trim()) {
3047
3041
  startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
3048
3042
  }
3049
- if (splityear[i_1] - startHdrYr === 1 && startHdrYr < splityear[i_1].trim()) {
3043
+ if (splityear[i] - startHdrYr === 1 && startHdrYr < splityear[i].trim()) {
3050
3044
  startHdrYr = (parseInt(startHdrYr, 10) + 2).toString();
3051
3045
  }
3052
3046
  }
@@ -3253,13 +3247,8 @@ var Islamic = /** @__PURE__ @class */ (function () {
3253
3247
  };
3254
3248
  return Islamic;
3255
3249
  }());
3256
-
3257
3250
  /* eslint-enable @typescript-eslint/no-explicit-any */
3258
3251
 
3259
- /**
3260
- * Calendar modules
3261
- */
3262
-
3263
3252
  var __extends$1 = (undefined && undefined.__extends) || (function () {
3264
3253
  var extendStatics = function (d, b) {
3265
3254
  extendStatics = Object.setPrototypeOf ||
@@ -3279,8 +3268,6 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
3279
3268
  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;
3280
3269
  return c > 3 && r && Object.defineProperty(target, key, r), r;
3281
3270
  };
3282
- // eslint-disable-next-line @typescript-eslint/triple-slash-reference
3283
- /// <reference path='../calendar/calendar-model.d.ts'/>
3284
3271
  //class constant defination
3285
3272
  var DATEWRAPPER = 'e-date-wrapper';
3286
3273
  var ROOT$1 = 'e-datepicker';
@@ -3333,7 +3320,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
3333
3320
  _this.invalidValueString = null;
3334
3321
  _this.checkPreviousValue = null;
3335
3322
  _this.maskedDateValue = '';
3336
- _this.isAngular = false;
3337
3323
  _this.preventChange = false;
3338
3324
  _this.isIconClicked = false;
3339
3325
  _this.isDynamicValueChanged = false;
@@ -3439,7 +3425,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
3439
3425
  this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
3440
3426
  }
3441
3427
  if (this.fullScreenMode && Browser.isDevice) {
3442
- this.cssClass += ' ' + "e-popup-expand";
3428
+ this.cssClass += ' ' + 'e-popup-expand';
3443
3429
  }
3444
3430
  var updatedCssClassValues = this.cssClass;
3445
3431
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -3710,8 +3696,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
3710
3696
  });
3711
3697
  }
3712
3698
  break;
3713
- default:
3714
- break;
3715
3699
  }
3716
3700
  };
3717
3701
  DatePicker.prototype.unBindEvents = function () {
@@ -4259,10 +4243,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4259
4243
  open: function () {
4260
4244
  if (Browser.isDevice && _this.fullScreenMode) {
4261
4245
  _this.iconRight = parseInt(window.getComputedStyle(_this.calendarElement.querySelector('.e-header.e-month .e-prev')).marginRight, 10) > 16 ? true : false;
4262
- _this.touchModule = new Touch(_this.calendarElement.querySelector(".e-content.e-month"), {
4246
+ _this.touchModule = new Touch(_this.calendarElement.querySelector('.e-content.e-month'), {
4263
4247
  swipe: _this.CalendarSwipeHandler.bind(_this)
4264
4248
  });
4265
- EventHandler.add(_this.calendarElement.querySelector(".e-content.e-month"), "touchstart", _this.TouchStartHandler, _this);
4249
+ EventHandler.add(_this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', _this.TouchStartHandler, _this);
4266
4250
  }
4267
4251
  if (_this.getModuleName() !== 'datetimepicker') {
4268
4252
  if (document.activeElement !== _this.inputElement) {
@@ -4309,26 +4293,22 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4309
4293
  var direction = 0;
4310
4294
  if (this.iconRight) {
4311
4295
  switch (e.swipeDirection) {
4312
- case "Left":
4296
+ case 'Left':
4313
4297
  direction = 1;
4314
4298
  break;
4315
- case "Right":
4299
+ case 'Right':
4316
4300
  direction = -1;
4317
4301
  break;
4318
- default:
4319
- break;
4320
4302
  }
4321
4303
  }
4322
4304
  else {
4323
4305
  switch (e.swipeDirection) {
4324
- case "Up":
4306
+ case 'Up':
4325
4307
  direction = 1;
4326
4308
  break;
4327
- case "Down":
4309
+ case 'Down':
4328
4310
  direction = -1;
4329
4311
  break;
4330
- default:
4331
- break;
4332
4312
  }
4333
4313
  }
4334
4314
  if (this.touchStart) {
@@ -4383,16 +4363,17 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4383
4363
  }
4384
4364
  monthSpan.textContent = '' + this.globalize.formatDate(this.value || new Date(), dateOptions);
4385
4365
  if (this.fullScreenMode) {
4386
- var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
4366
+ var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
4387
4367
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
4388
- var modelTodayButton = this.calendarElement.querySelector("button.e-today");
4389
- h2.classList.add("e-day-wrapper");
4390
- modelTodayButton.classList.add("e-outline");
4368
+ var modelTodayButton = this.calendarElement.querySelector('button.e-today');
4369
+ h2.classList.add('e-day-wrapper');
4370
+ modelTodayButton.classList.add('e-outline');
4391
4371
  modelHeader.appendChild(modelCloseIcon);
4392
4372
  modelHeader.appendChild(modelTodayButton);
4393
4373
  }
4394
- if (!this.fullScreenMode)
4374
+ if (!this.fullScreenMode) {
4395
4375
  modelHeader.appendChild(yearHeading);
4376
+ }
4396
4377
  h2.appendChild(daySpan);
4397
4378
  h2.appendChild(monthSpan);
4398
4379
  modelHeader.appendChild(h2);
@@ -4659,7 +4640,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4659
4640
  this.modal = null;
4660
4641
  }
4661
4642
  if (Browser.isDevice) {
4662
- if (!isNullOrUndefined(this.mobilePopupWrapper) && (prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
4643
+ if (!isNullOrUndefined(this.mobilePopupWrapper) &&
4644
+ (prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
4663
4645
  this.mobilePopupWrapper.remove();
4664
4646
  this.mobilePopupWrapper = null;
4665
4647
  }
@@ -4928,7 +4910,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4928
4910
  this.globalize = new Internationalization(this.locale);
4929
4911
  this.checkFormat();
4930
4912
  this.checkView();
4931
- var attributes$$1 = dynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
4913
+ var attributes = dynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
4932
4914
  ['value', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder', 'type'];
4933
4915
  var options;
4934
4916
  if (this.getModuleName() === 'datetimepicker') {
@@ -4953,7 +4935,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4953
4935
  options = { format: this.formatString, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
4954
4936
  }
4955
4937
  }
4956
- for (var _i = 0, attributes_1 = attributes$$1; _i < attributes_1.length; _i++) {
4938
+ for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
4957
4939
  var prop = attributes_1[_i];
4958
4940
  if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
4959
4941
  switch (prop) {
@@ -5103,9 +5085,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
5103
5085
  this.calendarElement.querySelectorAll(dateIdString)[0] &&
5104
5086
  this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
5105
5087
  if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) &&
5106
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
5107
5088
  !isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
5108
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
5109
5089
  && new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
5110
5090
  || (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
5111
5091
  addClass([this.inputWrapper.container], ERROR);
@@ -5360,10 +5340,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
5360
5340
  return DatePicker;
5361
5341
  }(Calendar));
5362
5342
 
5363
- /**
5364
- * Datepicker modules
5365
- */
5366
-
5367
5343
  var __extends$2 = (undefined && undefined.__extends) || (function () {
5368
5344
  var extendStatics = function (d, b) {
5369
5345
  extendStatics = Object.setPrototypeOf ||
@@ -5383,8 +5359,6 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
5383
5359
  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;
5384
5360
  return c > 3 && r && Object.defineProperty(target, key, r), r;
5385
5361
  };
5386
- // eslint-disable-next-line @typescript-eslint/triple-slash-reference
5387
- /// <reference path='../calendar/calendar-model.d.ts'/>
5388
5362
  var DATERANGEWRAPPER = 'e-date-range-wrapper';
5389
5363
  var INPUTCONTAINER$1 = 'e-input-group';
5390
5364
  var DATERANGEICON = 'e-input-group-icon e-range-icon e-icons';
@@ -5501,7 +5475,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
5501
5475
  _this.preventBlur = false;
5502
5476
  _this.preventFocus = false;
5503
5477
  _this.invalidValueString = null;
5504
- _this.isAngular = false;
5505
5478
  _this.preventChange = false;
5506
5479
  _this.dateRangeOptions = options;
5507
5480
  return _this;
@@ -5726,21 +5699,21 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
5726
5699
  this.bindEvents();
5727
5700
  };
5728
5701
  DateRangePicker.prototype.setDataAttribute = function (isDynamic) {
5729
- var attributes$$1 = {};
5702
+ var attributes = {};
5730
5703
  if (!isDynamic) {
5731
5704
  for (var i = 0; i < this.element.attributes.length; i++) {
5732
- attributes$$1[this.element.attributes[i].name] =
5705
+ attributes[this.element.attributes[i].name] =
5733
5706
  this.element.getAttribute(this.element.attributes[i].name);
5734
5707
  }
5735
5708
  }
5736
5709
  else {
5737
- attributes$$1 = this.htmlAttributes;
5710
+ attributes = this.htmlAttributes;
5738
5711
  }
5739
- for (var _i = 0, _a = Object.keys(attributes$$1); _i < _a.length; _i++) {
5712
+ for (var _i = 0, _a = Object.keys(attributes); _i < _a.length; _i++) {
5740
5713
  var pro = _a[_i];
5741
5714
  if (pro.indexOf('data') === 0) {
5742
- this.firstHiddenChild.setAttribute(pro, attributes$$1["" + pro]);
5743
- this.secondHiddenChild.setAttribute(pro, attributes$$1["" + pro]);
5715
+ this.firstHiddenChild.setAttribute(pro, attributes["" + pro]);
5716
+ this.secondHiddenChild.setAttribute(pro, attributes["" + pro]);
5744
5717
  }
5745
5718
  }
5746
5719
  };
@@ -5772,14 +5745,14 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
5772
5745
  var name = element.getAttribute('name') ? element.getAttribute('name') : element.getAttribute('id');
5773
5746
  input.setAttribute('name', name);
5774
5747
  element.removeAttribute('name');
5775
- var attributes$$1 = ['required', 'aria-required', 'form'];
5776
- for (var i = 0; i < attributes$$1.length; i++) {
5777
- if (isNullOrUndefined(element.getAttribute(attributes$$1[i]))) {
5748
+ var attributes = ['required', 'aria-required', 'form'];
5749
+ for (var i = 0; i < attributes.length; i++) {
5750
+ if (isNullOrUndefined(element.getAttribute(attributes[i]))) {
5778
5751
  continue;
5779
5752
  }
5780
- var attr = element.getAttribute(attributes$$1[i]);
5781
- input.setAttribute(attributes$$1[i], attr);
5782
- element.removeAttribute(attributes$$1[i]);
5753
+ var attr = element.getAttribute(attributes[i]);
5754
+ input.setAttribute(attributes[i], attr);
5755
+ element.removeAttribute(attributes[i]);
5783
5756
  }
5784
5757
  };
5785
5758
  DateRangePicker.prototype.updateHtmlAttributeToWrapper = function () {
@@ -6042,11 +6015,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
6042
6015
  };
6043
6016
  DateRangePicker.prototype.checkHtmlAttributes = function (isDynamic) {
6044
6017
  this.globalize = new Internationalization(this.locale);
6045
- var attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
6018
+ var attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
6046
6019
  ['startDate', 'endDate', 'minDays', 'maxDays', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder',
6047
6020
  'type', 'value'];
6048
6021
  var format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
6049
- for (var _i = 0, attributes_1 = attributes$$1; _i < attributes_1.length; _i++) {
6022
+ for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
6050
6023
  var prop = attributes_1[_i];
6051
6024
  if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
6052
6025
  switch (prop) {
@@ -6138,8 +6111,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
6138
6111
  var startDate = this.presetsItem[i].start;
6139
6112
  var endDate = this.presetsItem[i].end;
6140
6113
  if (this.startValue && this.endValue) {
6141
- if (startDate.getDate() == this.startValue.getDate() && startDate.getMonth() == this.startValue.getMonth() && startDate.getFullYear() == this.startValue.getFullYear()
6142
- && endDate.getDate() == this.endValue.getDate() && endDate.getMonth() == this.endValue.getMonth() && endDate.getFullYear() == this.endValue.getFullYear()) {
6114
+ if (startDate.getDate() === this.startValue.getDate() && startDate.getMonth() === this.startValue.getMonth() &&
6115
+ startDate.getFullYear() === this.startValue.getFullYear() && endDate.getDate() === this.endValue.getDate() &&
6116
+ endDate.getMonth() === this.endValue.getMonth() && endDate.getFullYear() === this.endValue.getFullYear()) {
6143
6117
  this.activeIndex = i;
6144
6118
  this.isCustomRange = false;
6145
6119
  }
@@ -6411,7 +6385,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
6411
6385
  }
6412
6386
  this.updateHiddenInput();
6413
6387
  };
6414
- // eslint-disable-next-line @typescript-eslint/tslint/config
6415
6388
  DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
6416
6389
  if (this.depth === 'Month') {
6417
6390
  return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
@@ -8042,10 +8015,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8042
8015
  var controlContainer = this.createElement('div', { className: RANGECONTAINER });
8043
8016
  var headerContainer = this.createElement('div', { className: RANGEHEADER });
8044
8017
  if (this.isMobile && this.fullScreenMode) {
8045
- var modelHeaderIconWrapper = this.createElement("div", { className: "e-model-header-wrapper" });
8046
- var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
8018
+ var modelHeaderIconWrapper = this.createElement('div', { className: 'e-model-header-wrapper' });
8019
+ var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
8047
8020
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
8048
- var modelApplyButton = this.createElement("span", { className: "e-apply" });
8021
+ var modelApplyButton = this.createElement('span', { className: 'e-apply' });
8049
8022
  EventHandler.add(modelApplyButton, 'mousedown touchstart', this.applyFunction, this);
8050
8023
  modelHeaderIconWrapper.appendChild(modelCloseIcon);
8051
8024
  modelHeaderIconWrapper.appendChild(modelApplyButton);
@@ -8140,10 +8113,13 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8140
8113
  eve.preventDefault();
8141
8114
  }
8142
8115
  if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
8143
- if (!(this.previousStartValue && this.previousEndValue && this.startValue.getDate() == this.previousStartValue.getDate() && this.startValue.getMonth() == this.previousStartValue.getMonth() &&
8144
- this.startValue.getFullYear() == this.previousStartValue.getFullYear()
8145
- && this.endValue.getDate() == this.previousEndValue.getDate() && this.endValue.getMonth() == this.previousEndValue.getMonth()
8146
- && this.endValue.getFullYear() == this.previousEndValue.getFullYear())) {
8116
+ if (!(this.previousStartValue && this.previousEndValue &&
8117
+ this.startValue.getDate() === this.previousStartValue.getDate() &&
8118
+ this.startValue.getMonth() === this.previousStartValue.getMonth() &&
8119
+ this.startValue.getFullYear() === this.previousStartValue.getFullYear()
8120
+ && this.endValue.getDate() === this.previousEndValue.getDate() &&
8121
+ this.endValue.getMonth() === this.previousEndValue.getMonth()
8122
+ && this.endValue.getFullYear() === this.previousEndValue.getFullYear())) {
8147
8123
  Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
8148
8124
  }
8149
8125
  this.previousStartValue = new Date(+this.startValue);
@@ -8314,9 +8290,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8314
8290
  if (this.fullScreenMode) {
8315
8291
  var modelWrapper = createElement('div', { className: 'e-range-mob-popup-wrap' });
8316
8292
  var modelHeader = this.createElement('div', { className: 'e-model-header' });
8317
- var modelTitleSpan = this.createElement("span", { className: "e-model-title" });
8318
- modelTitleSpan.textContent = "Select Preset";
8319
- var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
8293
+ var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
8294
+ modelTitleSpan.textContent = 'Select Preset';
8295
+ var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
8320
8296
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
8321
8297
  var presetContent = this.presetElement;
8322
8298
  modelHeader.appendChild(modelCloseIcon);
@@ -8381,10 +8357,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8381
8357
  if (_this.isMobile && _this.fullScreenMode) {
8382
8358
  _this.iconRangeRight = _this.calendarElement && window.getComputedStyle(_this.calendarElement.querySelector('.e-header.e-month .e-prev')).cssFloat;
8383
8359
  if (_this.iconRangeRight) {
8384
- _this.touchRangeModule = new Touch(_this.calendarElement.querySelector(".e-content.e-month"), {
8360
+ _this.touchRangeModule = new Touch(_this.calendarElement.querySelector('.e-content.e-month'), {
8385
8361
  swipe: _this.dateRangeSwipeHandler.bind(_this)
8386
8362
  });
8387
- EventHandler.add(_this.calendarElement.querySelector(".e-content.e-month"), "touchstart", _this.touchStartRangeHandler, _this);
8363
+ EventHandler.add(_this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', _this.touchStartRangeHandler, _this);
8388
8364
  }
8389
8365
  }
8390
8366
  attributes(_this.inputElement, { 'aria-expanded': 'true', 'aria-owns': _this.element.id, 'aria-controls': _this.inputElement.id });
@@ -8483,28 +8459,24 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8483
8459
  };
8484
8460
  DateRangePicker.prototype.dateRangeSwipeHandler = function (e) {
8485
8461
  var direction = 0;
8486
- if (this.iconRangeRight == 'left') {
8462
+ if (this.iconRangeRight === 'left') {
8487
8463
  switch (e.swipeDirection) {
8488
- case "Left":
8464
+ case 'Left':
8489
8465
  direction = 1;
8490
8466
  break;
8491
- case "Right":
8467
+ case 'Right':
8492
8468
  direction = -1;
8493
8469
  break;
8494
- default:
8495
- break;
8496
8470
  }
8497
8471
  }
8498
8472
  else {
8499
8473
  switch (e.swipeDirection) {
8500
- case "Up":
8474
+ case 'Up':
8501
8475
  direction = 1;
8502
8476
  break;
8503
- case "Down":
8477
+ case 'Down':
8504
8478
  direction = -1;
8505
8479
  break;
8506
- default:
8507
- break;
8508
8480
  }
8509
8481
  }
8510
8482
  if (this.touchRangeStart) {
@@ -8772,7 +8744,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
8772
8744
  };
8773
8745
  DateRangePicker.prototype.createInput = function () {
8774
8746
  if (this.fullScreenMode && this.isMobile) {
8775
- this.cssClass += ' ' + "e-popup-expand";
8747
+ this.cssClass += ' ' + 'e-popup-expand';
8776
8748
  }
8777
8749
  var updatedCssClassValue = this.cssClass;
8778
8750
  if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
@@ -9416,9 +9388,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9416
9388
  _this.endButton.element.removeAttribute('disabled');
9417
9389
  _this.selectableDates();
9418
9390
  }
9419
- _super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal,
9420
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
9421
- _this.isMobile || Browser.isDevice);
9391
+ _super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal, _this.isMobile || Browser.isDevice);
9422
9392
  }
9423
9393
  });
9424
9394
  if (Browser.isDevice) {
@@ -9613,7 +9583,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9613
9583
  this.updateHeader();
9614
9584
  }
9615
9585
  };
9616
- // eslint-disable-next-line @typescript-eslint/tslint/config
9617
9586
  DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
9618
9587
  if (this.depth === 'Month') {
9619
9588
  return this.checkDateValue(new Date(this.checkValue(date)));
@@ -9990,10 +9959,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9990
9959
  return DateRangePicker;
9991
9960
  }(CalendarBase));
9992
9961
 
9993
- /**
9994
- * DateRangePicker modules
9995
- */
9996
-
9997
9962
  var __extends$3 = (undefined && undefined.__extends) || (function () {
9998
9963
  var extendStatics = function (d, b) {
9999
9964
  extendStatics = Object.setPrototypeOf ||
@@ -10013,7 +9978,6 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
10013
9978
  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;
10014
9979
  return c > 3 && r && Object.defineProperty(target, key, r), r;
10015
9980
  };
10016
- /* eslint-disable @typescript-eslint/no-explicit-any */
10017
9981
  var WRAPPERCLASS = 'e-time-wrapper';
10018
9982
  var POPUP$2 = 'e-popup';
10019
9983
  var ERROR$2 = 'e-error';
@@ -10043,13 +10007,7 @@ var TimePickerBase;
10043
10007
  (function (TimePickerBase) {
10044
10008
  // eslint-disable-next-line max-len, jsdoc/require-jsdoc
10045
10009
  function createListItems(createdEl, min, max, globalize, timeFormat, step) {
10046
- if (this.calendarMode === 'Gregorian') {
10047
-
10048
- }
10049
- else {
10050
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
10051
-
10052
- }
10010
+ if (this.calendarMode === 'Gregorian') ;
10053
10011
  var start;
10054
10012
  var interval = step * 60000;
10055
10013
  var listItems = [];
@@ -10120,7 +10078,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10120
10078
  _this.timeCollections = [];
10121
10079
  _this.disableItemCollection = [];
10122
10080
  _this.invalidValueString = null;
10123
- _this.isAngular = false;
10124
10081
  _this.preventChange = false;
10125
10082
  _this.maskedDateValue = '';
10126
10083
  _this.moduleName = _this.getModuleName();
@@ -10253,14 +10210,14 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10253
10210
  var name = target.getAttribute('name') ? target.getAttribute('name') : target.getAttribute('id');
10254
10211
  input.setAttribute('name', name);
10255
10212
  target.removeAttribute('name');
10256
- var attributes$$1 = ['required', 'aria-required', 'form'];
10257
- for (var i = 0; i < attributes$$1.length; i++) {
10258
- if (isNullOrUndefined(target.getAttribute(attributes$$1[i]))) {
10213
+ var attributes = ['required', 'aria-required', 'form'];
10214
+ for (var i = 0; i < attributes.length; i++) {
10215
+ if (isNullOrUndefined(target.getAttribute(attributes[i]))) {
10259
10216
  continue;
10260
10217
  }
10261
- var attr = target.getAttribute(attributes$$1[i]);
10262
- input.setAttribute(attributes$$1[i], attr);
10263
- target.removeAttribute(attributes$$1[i]);
10218
+ var attr = target.getAttribute(attributes[i]);
10219
+ input.setAttribute(attributes[i], attr);
10220
+ target.removeAttribute(attributes[i]);
10264
10221
  }
10265
10222
  };
10266
10223
  TimePicker.prototype.initialize = function () {
@@ -10329,7 +10286,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10329
10286
  };
10330
10287
  TimePicker.prototype.createInputElement = function () {
10331
10288
  if (this.fullScreenMode && Browser.isDevice) {
10332
- this.cssClass += ' ' + "e-popup-expand";
10289
+ this.cssClass += ' ' + 'e-popup-expand';
10333
10290
  }
10334
10291
  var updatedCssClassesValue = this.cssClass;
10335
10292
  var isBindClearAction = this.enableMask ? false : true;
@@ -10440,7 +10397,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10440
10397
  }
10441
10398
  return modules;
10442
10399
  };
10443
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
10444
10400
  TimePicker.prototype.cldrFormat = function (type) {
10445
10401
  var cldrDateTimeString;
10446
10402
  if (this.locale === 'en' || this.locale === 'en-US') {
@@ -10589,17 +10545,17 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10589
10545
  this.popupObj.collision = { X: 'none', Y: 'flip' };
10590
10546
  }
10591
10547
  if (Browser.isDevice && this.fullScreenMode) {
10592
- this.popupObj.element.style.maxHeight = "100%";
10593
- this.popupObj.element.style.width = "100%";
10548
+ this.popupObj.element.style.maxHeight = '100%';
10549
+ this.popupObj.element.style.width = '100%';
10594
10550
  }
10595
10551
  else {
10596
10552
  this.popupObj.element.style.maxHeight = POPUPDIMENSION;
10597
10553
  }
10598
10554
  if (Browser.isDevice && this.fullScreenMode) {
10599
10555
  var modelHeader = this.createElement('div', { className: 'e-model-header' });
10600
- var modelTitleSpan = this.createElement("span", { className: "e-model-title" });
10601
- modelTitleSpan.textContent = "Select time";
10602
- var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
10556
+ var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
10557
+ modelTitleSpan.textContent = 'Select time';
10558
+ var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
10603
10559
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.timePopupCloseHandler, this);
10604
10560
  modelHeader.appendChild(modelCloseIcon);
10605
10561
  modelHeader.appendChild(modelTitleSpan);
@@ -10986,7 +10942,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
10986
10942
  };
10987
10943
  TimePicker.prototype.inputHandler = function (event) {
10988
10944
  if (!this.readonly && this.enabled) {
10989
- 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))) {
10945
+ 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))) {
10990
10946
  event.preventDefault();
10991
10947
  }
10992
10948
  switch (event.action) {
@@ -11321,8 +11277,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
11321
11277
  });
11322
11278
  }
11323
11279
  break;
11324
- default:
11325
- break;
11326
11280
  }
11327
11281
  };
11328
11282
  TimePicker.prototype.formResetHandler = function () {
@@ -11438,10 +11392,10 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
11438
11392
  }
11439
11393
  };
11440
11394
  TimePicker.prototype.checkAttributes = function (isDynamic) {
11441
- var attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
11395
+ var attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
11442
11396
  ['step', 'disabled', 'readonly', 'style', 'name', 'value', 'min', 'max', 'placeholder'];
11443
11397
  var value;
11444
- for (var _i = 0, attributes_1 = attributes$$1; _i < attributes_1.length; _i++) {
11398
+ for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
11445
11399
  var prop = attributes_1[_i];
11446
11400
  if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
11447
11401
  switch (prop) {
@@ -12589,13 +12543,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
12589
12543
  ], TimePicker);
12590
12544
  return TimePicker;
12591
12545
  }(Component));
12592
-
12593
12546
  /* eslint-enable @typescript-eslint/no-explicit-any */
12594
12547
 
12595
- /**
12596
- * TimePicker modules
12597
- */
12598
-
12599
12548
  var __extends$4 = (undefined && undefined.__extends) || (function () {
12600
12549
  var extendStatics = function (d, b) {
12601
12550
  extendStatics = Object.setPrototypeOf ||
@@ -12615,8 +12564,6 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
12615
12564
  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;
12616
12565
  return c > 3 && r && Object.defineProperty(target, key, r), r;
12617
12566
  };
12618
- // eslint-disable-next-line @typescript-eslint/triple-slash-reference
12619
- ///<reference path='../datepicker/datepicker-model.d.ts'/>
12620
12567
  //class constant defination
12621
12568
  var DATEWRAPPER$1 = 'e-date-wrapper';
12622
12569
  var DATEPICKERROOT = 'e-datepicker';
@@ -12632,7 +12579,7 @@ var ROOT$4 = 'e-datetimepicker';
12632
12579
  var DATETIMEPOPUPWRAPPER = 'e-datetimepopup-wrapper';
12633
12580
  var INPUTWRAPPER$1 = 'e-input-group-icon';
12634
12581
  var POPUP$3 = 'e-popup';
12635
- var TIMEICON$1 = 'e-time-icon';
12582
+ var TIMEICON = 'e-time-icon';
12636
12583
  var INPUTFOCUS$2 = 'e-input-focus';
12637
12584
  var POPUPDIMENSION$1 = '250px';
12638
12585
  var ICONANIMATION$1 = 'e-icon-anim';
@@ -12946,7 +12893,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
12946
12893
  this.renderTimeIcon();
12947
12894
  };
12948
12895
  DateTimePicker.prototype.renderTimeIcon = function () {
12949
- this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON$1 + ' ' + ICONS$1, this.inputWrapper.container);
12896
+ this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON + ' ' + ICONS$1, this.inputWrapper.container);
12950
12897
  };
12951
12898
  DateTimePicker.prototype.bindInputEvents = function () {
12952
12899
  EventHandler.add(this.timeIcon, 'mousedown', this.timeHandler, this);
@@ -13187,7 +13134,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
13187
13134
  if (!_this.preventArgs.cancel && !_this.readonly) {
13188
13135
  var openAnimation = {
13189
13136
  name: 'FadeIn',
13190
- duration: ANIMATIONDURATION$1,
13137
+ duration: ANIMATIONDURATION$1
13191
13138
  };
13192
13139
  if (_this.zIndex === 1000) {
13193
13140
  _this.popupObject.show(new Animation(openAnimation), _this.element);
@@ -13278,9 +13225,9 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
13278
13225
  }
13279
13226
  });
13280
13227
  if (Browser.isDevice && this.fullScreenMode) {
13281
- this.popupObject.element.style.display = "flex";
13282
- this.popupObject.element.style.maxHeight = "100%";
13283
- this.popupObject.element.style.width = "100%";
13228
+ this.popupObject.element.style.display = 'flex';
13229
+ this.popupObject.element.style.maxHeight = '100%';
13230
+ this.popupObject.element.style.width = '100%';
13284
13231
  }
13285
13232
  else {
13286
13233
  this.popupObject.element.style.maxHeight = POPUPDIMENSION$1;
@@ -13288,11 +13235,11 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
13288
13235
  if (Browser.isDevice && this.fullScreenMode) {
13289
13236
  var modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
13290
13237
  var modelHeader = this.createElement('div', { className: 'e-model-header' });
13291
- var modelTitleSpan = this.createElement("span", { className: "e-model-title" });
13292
- modelTitleSpan.textContent = "Select time";
13293
- var modelCloseIcon = this.createElement("span", { className: "e-popup-close" });
13238
+ var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
13239
+ modelTitleSpan.textContent = 'Select time';
13240
+ var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
13294
13241
  EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
13295
- var timeContent = this.dateTimeWrapper.querySelector(".e-content");
13242
+ var timeContent = this.dateTimeWrapper.querySelector('.e-content');
13296
13243
  modelHeader.appendChild(modelCloseIcon);
13297
13244
  modelHeader.appendChild(modelTitleSpan);
13298
13245
  modelWrapper.appendChild(modelHeader);
@@ -13601,7 +13548,13 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
13601
13548
  DateTimePicker.prototype.TimePopupFormat = function () {
13602
13549
  var format = '';
13603
13550
  var formatCount = 0;
13604
- var proxy = this;
13551
+ var proxy = this;
13552
+ /**
13553
+ * Formats the value specifier.
13554
+ *
13555
+ * @param {string} formattext - The format text.
13556
+ * @returns {string} The formatted value specifier.
13557
+ */
13605
13558
  function formatValueSpecifier(formattext) {
13606
13559
  switch (formattext) {
13607
13560
  case 'd':
@@ -13616,11 +13569,11 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
13616
13569
  case 'yy':
13617
13570
  case 'yyy':
13618
13571
  case 'yyyy':
13619
- if (format == '') {
13572
+ if (format === '') {
13620
13573
  format = format + formattext;
13621
13574
  }
13622
13575
  else {
13623
- format = format + "/" + formattext;
13576
+ format = format + '/' + formattext;
13624
13577
  }
13625
13578
  formatCount = formatCount + 1;
13626
13579
  break;
@@ -13731,10 +13684,10 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
13731
13684
  }
13732
13685
  };
13733
13686
  DateTimePicker.prototype.checkAttributes = function (isDynamic) {
13734
- var attributes$$1 = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
13687
+ var attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
13735
13688
  ['style', 'name', 'step', 'disabled', 'readonly', 'value', 'min', 'max', 'placeholder', 'type'];
13736
13689
  var value;
13737
- for (var _i = 0, attributes_1 = attributes$$1; _i < attributes_1.length; _i++) {
13690
+ for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
13738
13691
  var prop = attributes_1[_i];
13739
13692
  if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
13740
13693
  switch (prop) {
@@ -14303,10 +14256,6 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
14303
14256
  return DateTimePicker;
14304
14257
  }(DatePicker));
14305
14258
 
14306
- /**
14307
- * DateTimePicker modules
14308
- */
14309
-
14310
14259
  var ARROWLEFT = 'ArrowLeft';
14311
14260
  var ARROWRIGHT = 'ArrowRight';
14312
14261
  var ARROWUP = 'ArrowUp';
@@ -14594,8 +14543,8 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
14594
14543
  }
14595
14544
  if (month >= 1) {
14596
14545
  newDateValue.setMonth(month - 1);
14597
- if (month >= 10 || month == 1) {
14598
- if (this.isLeadingZero && month == 1) {
14546
+ if (month >= 10 || month === 1) {
14547
+ if (this.isLeadingZero && month === 1) {
14599
14548
  this.isNavigate = month.toString().length === 1;
14600
14549
  this.isLeadingZero = false;
14601
14550
  }
@@ -14748,7 +14697,6 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
14748
14697
  case 'a':
14749
14698
  {
14750
14699
  this.periodCharacter += newVal[start - 1].toLowerCase();
14751
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
14752
14700
  var periodString = (this.getCulturedValue('dayPeriods.format.wide'));
14753
14701
  var periodkeys = Object.keys(periodString);
14754
14702
  for (var i = 0; this.periodCharacter.length > 0; i++) {
@@ -14762,15 +14710,12 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
14762
14710
  }
14763
14711
  break;
14764
14712
  }
14765
- default:
14766
- break;
14767
14713
  }
14768
14714
  this.maskDateValue = newDateValue;
14769
14715
  };
14770
14716
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
14771
14717
  MaskedDateTime.prototype.formatCheck = function () {
14772
- // eslint-disable-next-line @typescript-eslint/no-this-alias
14773
- var proxy = this;
14718
+ var proxy = this;
14774
14719
  function formatValueSpecifier(formattext) {
14775
14720
  var result;
14776
14721
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -15097,8 +15042,6 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
15097
15042
  case 'a':
15098
15043
  newDateValue.setHours((newDateValue.getHours() + 12) % 24);
15099
15044
  break;
15100
- default:
15101
- break;
15102
15045
  }
15103
15046
  this.maskDateValue = newDateValue.getFullYear() > 0 ? newDateValue : this.maskDateValue;
15104
15047
  if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
@@ -15155,13 +15098,5 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
15155
15098
  return MaskedDateTime;
15156
15099
  }());
15157
15100
 
15158
- /**
15159
- * MaskedDateTime modules
15160
- */
15161
-
15162
- /**
15163
- * Calendar all modules
15164
- */
15165
-
15166
- export { CalendarBase, Calendar, Islamic, DatePicker, Presets, DateRangePicker, TimePickerBase, TimeMaskPlaceholder, TimePicker, DateTimePicker, MaskedDateTime };
15101
+ export { Calendar, CalendarBase, DatePicker, DateRangePicker, DateTimePicker, Islamic, MaskedDateTime, Presets, TimeMaskPlaceholder, TimePicker, TimePickerBase };
15167
15102
  //# sourceMappingURL=ej2-calendars.es5.js.map