@syncfusion/ej2-calendars 20.4.52 → 21.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 (184) hide show
  1. package/CHANGELOG.md +0 -12
  2. package/README.md +94 -83
  3. package/dist/ej2-calendars.min.js +2 -2
  4. package/dist/ej2-calendars.umd.min.js +2 -2
  5. package/dist/ej2-calendars.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-calendars.es2015.js +436 -376
  7. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  8. package/dist/es6/ej2-calendars.es5.js +392 -331
  9. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  10. package/dist/global/ej2-calendars.min.js +2 -2
  11. package/dist/global/ej2-calendars.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +11 -11
  14. package/src/calendar/calendar-model.d.ts +1 -1
  15. package/src/calendar/calendar.js +13 -6
  16. package/src/calendar/islamic.js +39 -29
  17. package/src/datepicker/datepicker-model.d.ts +3 -3
  18. package/src/datepicker/datepicker.js +61 -56
  19. package/src/daterangepicker/daterangepicker.js +11 -5
  20. package/src/datetimepicker/datetimepicker-model.d.ts +3 -3
  21. package/src/datetimepicker/datetimepicker.d.ts +4 -4
  22. package/src/datetimepicker/datetimepicker.js +15 -17
  23. package/src/maskbase/masked-date-time.js +212 -181
  24. package/src/timepicker/timepicker-model.d.ts +7 -7
  25. package/src/timepicker/timepicker.d.ts +9 -9
  26. package/src/timepicker/timepicker.js +41 -38
  27. package/styles/bootstrap-dark.css +13 -12
  28. package/styles/bootstrap.css +13 -7
  29. package/styles/bootstrap4.css +7 -5
  30. package/styles/bootstrap5-dark.css +21 -19
  31. package/styles/bootstrap5.css +19 -17
  32. package/styles/calendar/_bootstrap-dark-definition.scss +1 -1
  33. package/styles/calendar/_bootstrap5-definition.scss +21 -21
  34. package/styles/calendar/_fabric-dark-definition.scss +5 -3
  35. package/styles/calendar/_fabric-definition.scss +2 -0
  36. package/styles/calendar/_fluent-definition.scss +36 -36
  37. package/styles/calendar/_highcontrast-definition.scss +3 -1
  38. package/styles/calendar/_highcontrast-light-definition.scss +2 -0
  39. package/styles/calendar/_layout.scss +53 -6
  40. package/styles/calendar/_material-dark-definition.scss +4 -2
  41. package/styles/calendar/_material-definition.scss +2 -0
  42. package/styles/calendar/_tailwind-definition.scss +13 -13
  43. package/styles/calendar/_theme.scss +74 -13
  44. package/styles/calendar/bootstrap-dark.css +4 -3
  45. package/styles/calendar/bootstrap.css +3 -2
  46. package/styles/calendar/bootstrap4.css +3 -2
  47. package/styles/calendar/bootstrap5-dark.css +14 -13
  48. package/styles/calendar/bootstrap5.css +13 -12
  49. package/styles/calendar/fabric-dark.css +15 -5
  50. package/styles/calendar/fabric.css +12 -2
  51. package/styles/calendar/fluent-dark.css +51 -28
  52. package/styles/calendar/fluent.css +51 -28
  53. package/styles/calendar/highcontrast-light.css +3 -2
  54. package/styles/calendar/highcontrast.css +14 -4
  55. package/styles/calendar/icons/_material3.scss +3 -3
  56. package/styles/calendar/material-dark.css +14 -4
  57. package/styles/calendar/material.css +12 -2
  58. package/styles/calendar/tailwind-dark.css +11 -10
  59. package/styles/calendar/tailwind.css +11 -10
  60. package/styles/datepicker/_bootstrap-dark-definition.scss +1 -1
  61. package/styles/datepicker/_bootstrap-definition.scss +1 -1
  62. package/styles/datepicker/_bootstrap5-definition.scss +8 -8
  63. package/styles/datepicker/_fabric-dark-definition.scss +1 -1
  64. package/styles/datepicker/_fabric-definition.scss +1 -1
  65. package/styles/datepicker/_fluent-definition.scss +8 -8
  66. package/styles/datepicker/_fusionnew-definition.scss +2 -2
  67. package/styles/datepicker/_highcontrast-definition.scss +1 -1
  68. package/styles/datepicker/_highcontrast-light-definition.scss +1 -1
  69. package/styles/datepicker/_layout.scss +16 -6
  70. package/styles/datepicker/_material-dark-definition.scss +1 -1
  71. package/styles/datepicker/_material-definition.scss +1 -1
  72. package/styles/datepicker/_tailwind-definition.scss +8 -8
  73. package/styles/datepicker/_theme.scss +11 -1
  74. package/styles/datepicker/bootstrap-dark.css +1 -1
  75. package/styles/datepicker/bootstrap.css +1 -1
  76. package/styles/datepicker/bootstrap5-dark.css +2 -2
  77. package/styles/datepicker/bootstrap5.css +2 -2
  78. package/styles/datepicker/fabric-dark.css +1 -1
  79. package/styles/datepicker/fabric.css +1 -1
  80. package/styles/datepicker/fluent-dark.css +2 -2
  81. package/styles/datepicker/fluent.css +2 -2
  82. package/styles/datepicker/highcontrast-light.css +1 -1
  83. package/styles/datepicker/highcontrast.css +1 -1
  84. package/styles/datepicker/icons/_material3.scss +3 -3
  85. package/styles/datepicker/material-dark.css +1 -1
  86. package/styles/datepicker/material.css +1 -1
  87. package/styles/datepicker/tailwind-dark.css +2 -2
  88. package/styles/datepicker/tailwind.css +2 -2
  89. package/styles/daterangepicker/_bootstrap-dark-definition.scss +6 -6
  90. package/styles/daterangepicker/_bootstrap-definition.scss +2 -2
  91. package/styles/daterangepicker/_bootstrap4-definition.scss +2 -2
  92. package/styles/daterangepicker/_bootstrap5-definition.scss +21 -21
  93. package/styles/daterangepicker/_fabric-dark-definition.scss +2 -2
  94. package/styles/daterangepicker/_fabric-definition.scss +2 -2
  95. package/styles/daterangepicker/_fluent-definition.scss +27 -27
  96. package/styles/daterangepicker/_highcontrast-definition.scss +2 -2
  97. package/styles/daterangepicker/_highcontrast-light-definition.scss +2 -2
  98. package/styles/daterangepicker/_layout.scss +50 -3
  99. package/styles/daterangepicker/_material-dark-definition.scss +2 -2
  100. package/styles/daterangepicker/_material-definition.scss +2 -2
  101. package/styles/daterangepicker/_tailwind-definition.scss +19 -19
  102. package/styles/daterangepicker/_theme.scss +93 -15
  103. package/styles/daterangepicker/bootstrap-dark.css +6 -6
  104. package/styles/daterangepicker/bootstrap.css +7 -2
  105. package/styles/daterangepicker/bootstrap4.css +3 -2
  106. package/styles/daterangepicker/bootstrap5-dark.css +5 -4
  107. package/styles/daterangepicker/bootstrap5.css +4 -3
  108. package/styles/daterangepicker/fabric-dark.css +2 -2
  109. package/styles/daterangepicker/fabric.css +2 -2
  110. package/styles/daterangepicker/fluent-dark.css +33 -9
  111. package/styles/daterangepicker/fluent.css +33 -9
  112. package/styles/daterangepicker/highcontrast-light.css +2 -2
  113. package/styles/daterangepicker/highcontrast.css +2 -2
  114. package/styles/daterangepicker/icons/_material3.scss +33 -6
  115. package/styles/daterangepicker/material-dark.css +2 -2
  116. package/styles/daterangepicker/material.css +9 -3
  117. package/styles/daterangepicker/tailwind-dark.css +2 -2
  118. package/styles/daterangepicker/tailwind.css +2 -2
  119. package/styles/datetimepicker/_bootstrap-dark-definition.scss +1 -1
  120. package/styles/datetimepicker/_bootstrap-definition.scss +1 -1
  121. package/styles/datetimepicker/_bootstrap4-definition.scss +1 -1
  122. package/styles/datetimepicker/_bootstrap5-definition.scss +1 -1
  123. package/styles/datetimepicker/_fabric-dark-definition.scss +1 -1
  124. package/styles/datetimepicker/_fabric-definition.scss +1 -1
  125. package/styles/datetimepicker/_fluent-definition.scss +1 -1
  126. package/styles/datetimepicker/_highcontrast-definition.scss +1 -1
  127. package/styles/datetimepicker/_highcontrast-light-definition.scss +1 -1
  128. package/styles/datetimepicker/_layout.scss +8 -3
  129. package/styles/datetimepicker/_material-dark-definition.scss +1 -1
  130. package/styles/datetimepicker/_material-definition.scss +1 -1
  131. package/styles/datetimepicker/_tailwind-definition.scss +1 -1
  132. package/styles/datetimepicker/_theme.scss +24 -4
  133. package/styles/datetimepicker/bootstrap-dark.css +1 -1
  134. package/styles/datetimepicker/bootstrap.css +1 -1
  135. package/styles/datetimepicker/bootstrap4.css +1 -1
  136. package/styles/datetimepicker/fabric-dark.css +1 -1
  137. package/styles/datetimepicker/fabric.css +1 -1
  138. package/styles/datetimepicker/highcontrast-light.css +1 -1
  139. package/styles/datetimepicker/highcontrast.css +1 -1
  140. package/styles/datetimepicker/icons/_material3.scss +1 -1
  141. package/styles/datetimepicker/material-dark.css +1 -1
  142. package/styles/datetimepicker/material.css +1 -1
  143. package/styles/fabric-dark.css +20 -10
  144. package/styles/fabric.css +20 -8
  145. package/styles/fluent-dark.css +86 -39
  146. package/styles/fluent.css +86 -39
  147. package/styles/highcontrast-light.css +8 -7
  148. package/styles/highcontrast.css +19 -9
  149. package/styles/material-dark.css +19 -9
  150. package/styles/material.css +24 -8
  151. package/styles/tailwind-dark.css +15 -14
  152. package/styles/tailwind.css +15 -14
  153. package/styles/timepicker/_bootstrap-dark-definition.scss +2 -1
  154. package/styles/timepicker/_bootstrap-definition.scss +2 -1
  155. package/styles/timepicker/_bootstrap4-definition.scss +1 -0
  156. package/styles/timepicker/_bootstrap5-definition.scss +6 -5
  157. package/styles/timepicker/_fabric-dark-definition.scss +2 -1
  158. package/styles/timepicker/_fabric-definition.scss +2 -1
  159. package/styles/timepicker/_fluent-definition.scss +6 -5
  160. package/styles/timepicker/_fusionnew-definition.scss +1 -0
  161. package/styles/timepicker/_highcontrast-definition.scss +2 -1
  162. package/styles/timepicker/_highcontrast-light-definition.scss +2 -1
  163. package/styles/timepicker/_layout.scss +11 -3
  164. package/styles/timepicker/_material-dark-definition.scss +2 -1
  165. package/styles/timepicker/_material-definition.scss +2 -1
  166. package/styles/timepicker/_tailwind-definition.scss +6 -5
  167. package/styles/timepicker/_theme.scss +36 -6
  168. package/styles/timepicker/bootstrap-dark.css +1 -1
  169. package/styles/timepicker/bootstrap.css +1 -1
  170. package/styles/timepicker/fabric-dark.css +1 -1
  171. package/styles/timepicker/fabric.css +1 -1
  172. package/styles/timepicker/highcontrast-light.css +1 -1
  173. package/styles/timepicker/highcontrast.css +1 -1
  174. package/styles/timepicker/icons/_material3.scss +1 -1
  175. package/styles/timepicker/material-dark.css +1 -1
  176. package/styles/timepicker/material.css +1 -1
  177. package/GitLeaksReport.json +0 -1
  178. package/gitleaks-ci/gitleaks +0 -0
  179. package/gitleaks-ci.tar.gz +0 -0
  180. package/styles/calendar/_material3-definition.scss +0 -250
  181. package/styles/datepicker/_material3-definition.scss +0 -46
  182. package/styles/daterangepicker/_material3-definition.scss +0 -230
  183. package/styles/datetimepicker/_material3-definition.scss +0 -60
  184. package/styles/timepicker/_material3-definition.scss +0 -57
@@ -424,10 +424,10 @@ export declare class DateTimePicker extends DatePicker {
424
424
  */
425
425
  enableMask: boolean;
426
426
  /**
427
- * Specifies the mask placeholder to be displayed on masked datetimepicker.
428
- *
429
- * @default {day:'day' , month:'month', year: 'year', hour:'hour',minute:'minute',second:'second',dayOfTheWeek: 'day of the week'}
430
- */
427
+ * Specifies the mask placeholder to be displayed on masked datetimepicker.
428
+ *
429
+ * @default {day:'day' , month:'month', year: 'year', hour:'hour',minute:'minute',second:'second',dayOfTheWeek: 'day of the week'}
430
+ */
431
431
  maskPlaceholder: MaskPlaceholderModel;
432
432
  /**
433
433
  * Triggers when popup is opened.
@@ -198,7 +198,7 @@ var DateTimePicker = /** @class */ (function (_super) {
198
198
  this.cloneElement = this.element.cloneNode(true);
199
199
  this.dateTimeFormat = this.cldrDateTimeFormat();
200
200
  this.initValue = this.value;
201
- if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
201
+ if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
202
202
  this.enabled = false;
203
203
  }
204
204
  _super.prototype.updateHtmlAttributeToElement.call(this);
@@ -211,12 +211,12 @@ var DateTimePicker = /** @class */ (function (_super) {
211
211
  _super.prototype.updateHtmlAttributeToWrapper.call(this);
212
212
  this.bindInputEvents();
213
213
  if (this.enableMask) {
214
- this.notify("createMask", {
215
- module: "MaskedDateTime",
214
+ this.notify('createMask', {
215
+ module: 'MaskedDateTime'
216
216
  });
217
217
  }
218
218
  this.setValue(true);
219
- if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
219
+ if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType === 'Always' || !this.floatLabelType || !this.placeholder)) {
220
220
  Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
221
221
  }
222
222
  this.setProperties({ scrollTo: this.checkDateValue(new Date(this.checkValue(this.scrollTo))) }, true);
@@ -391,7 +391,6 @@ var DateTimePicker = /** @class */ (function (_super) {
391
391
  }
392
392
  return cldrTime;
393
393
  };
394
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
395
394
  DateTimePicker.prototype.getCldrFormat = function (type) {
396
395
  var cldrDateTime;
397
396
  if (this.locale === 'en' || this.locale === 'en-US') {
@@ -410,7 +409,6 @@ var DateTimePicker = /** @class */ (function (_super) {
410
409
  return false;
411
410
  }
412
411
  };
413
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
414
412
  DateTimePicker.prototype.getCultureTimeObject = function (ld, c) {
415
413
  if (this.calendarMode === 'Gregorian') {
416
414
  return getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.timeFormats.short', ld);
@@ -508,8 +506,7 @@ var DateTimePicker = /** @class */ (function (_super) {
508
506
  });
509
507
  }
510
508
  var value = isNullOrUndefined(this.value) ? this.inputElement.value !== '' ?
511
- dateObject :
512
- new Date() : this.value;
509
+ dateObject : new Date() : this.value;
513
510
  this.valueWithMinutes = value;
514
511
  this.listWrapper = createElement('div', { className: CONTENT, attrs: { 'tabindex': '0' } });
515
512
  var min = this.startTime(value);
@@ -804,8 +801,8 @@ var DateTimePicker = /** @class */ (function (_super) {
804
801
  return this.validateMinMaxRange(value);
805
802
  };
806
803
  DateTimePicker.prototype.createMask = function () {
807
- this.notify("createMask", {
808
- module: "MaskedDateTime",
804
+ this.notify('createMask', {
805
+ module: 'MaskedDateTime'
809
806
  });
810
807
  };
811
808
  DateTimePicker.prototype.combineDateTime = function (value) {
@@ -1259,7 +1256,8 @@ var DateTimePicker = /** @class */ (function (_super) {
1259
1256
  var index = (event.keyCode === 40 || event.keyCode === 39) ? ++this.activeIndex : --this.activeIndex;
1260
1257
  this.activeIndex = index = this.activeIndex === (listCount) ? 0 : this.activeIndex;
1261
1258
  this.activeIndex = index = this.activeIndex < 0 ? (listCount - 1) : this.activeIndex;
1262
- nextItemValue = isNullOrUndefined(this.timeCollections[index]) ? this.timeCollections[0] : this.timeCollections[index];
1259
+ nextItemValue = isNullOrUndefined(this.timeCollections[index]) ?
1260
+ this.timeCollections[0] : this.timeCollections[index];
1263
1261
  }
1264
1262
  else if (event.action === 'home') {
1265
1263
  this.activeIndex = 0;
@@ -1357,8 +1355,8 @@ var DateTimePicker = /** @class */ (function (_super) {
1357
1355
  this.changeTrigger(null);
1358
1356
  this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
1359
1357
  if (this.enableMask && this.value) {
1360
- this.notify("createMask", {
1361
- module: "MaskedDateTime",
1358
+ this.notify('createMask', {
1359
+ module: 'MaskedDateTime'
1362
1360
  });
1363
1361
  }
1364
1362
  break;
@@ -1401,8 +1399,8 @@ var DateTimePicker = /** @class */ (function (_super) {
1401
1399
  this.dateTimeFormat = this.formatString;
1402
1400
  this.setValue();
1403
1401
  if (this.enableMask) {
1404
- this.notify("createMask", {
1405
- module: "MaskedDateTime",
1402
+ this.notify('createMask', {
1403
+ module: 'MaskedDateTime'
1406
1404
  });
1407
1405
  if (!this.value) {
1408
1406
  Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
@@ -1453,8 +1451,8 @@ var DateTimePicker = /** @class */ (function (_super) {
1453
1451
  break;
1454
1452
  case 'enableMask':
1455
1453
  if (this.enableMask) {
1456
- this.notify("createMask", {
1457
- module: "MaskedDateTime",
1454
+ this.notify('createMask', {
1455
+ module: 'MaskedDateTime'
1458
1456
  });
1459
1457
  Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
1460
1458
  }