@syncfusion/ej2-angular-calendars 17.1.41 → 17.1.47-1015318

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 (101) hide show
  1. package/@syncfusion/ej2-angular-calendars.es5.js +69 -13
  2. package/@syncfusion/ej2-angular-calendars.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-calendars.js +69 -13
  4. package/@syncfusion/ej2-angular-calendars.js.map +1 -1
  5. package/CHANGELOG.md +520 -3
  6. package/dist/ej2-angular-calendars.umd.js +70 -19
  7. package/dist/ej2-angular-calendars.umd.js.map +1 -1
  8. package/dist/ej2-angular-calendars.umd.min.js +1 -10
  9. package/dist/ej2-angular-calendars.umd.min.js.map +1 -1
  10. package/ej2-angular-calendars.metadata.json +1 -1
  11. package/package.json +65 -65
  12. package/postinstall/tagchange.js +18 -0
  13. package/schematics/utils/lib-details.d.ts +2 -2
  14. package/schematics/utils/lib-details.js +2 -2
  15. package/schematics/utils/lib-details.ts +2 -2
  16. package/src/calendar/calendar.component.d.ts +3 -0
  17. package/src/datepicker/datepicker-all.module.d.ts +2 -0
  18. package/src/datepicker/datepicker.component.d.ts +3 -0
  19. package/src/daterangepicker/daterangepicker.component.d.ts +3 -0
  20. package/src/daterangepicker/presets.directive.d.ts +1 -0
  21. package/src/datetimepicker/datetimepicker.component.d.ts +3 -0
  22. package/src/index.d.ts +1 -1
  23. package/src/timepicker/timepicker.component.d.ts +3 -0
  24. package/styles/bootstrap-dark.css +962 -339
  25. package/styles/bootstrap.css +963 -340
  26. package/styles/bootstrap4.css +966 -335
  27. package/styles/calendar/bootstrap-dark.css +390 -119
  28. package/styles/calendar/bootstrap.css +391 -120
  29. package/styles/calendar/bootstrap4.css +391 -120
  30. package/styles/calendar/fabric-dark.css +389 -123
  31. package/styles/calendar/fabric.css +391 -120
  32. package/styles/calendar/highcontrast-light.css +391 -120
  33. package/styles/calendar/highcontrast.css +391 -120
  34. package/styles/calendar/material-dark.css +404 -133
  35. package/styles/calendar/material.css +391 -120
  36. package/styles/calendar/tailwind-dark.css +993 -0
  37. package/styles/calendar/tailwind-dark.scss +1 -0
  38. package/styles/calendar/tailwind.css +993 -0
  39. package/styles/calendar/tailwind.scss +1 -0
  40. package/styles/datepicker/bootstrap-dark.css +65 -24
  41. package/styles/datepicker/bootstrap.css +65 -24
  42. package/styles/datepicker/bootstrap4.css +66 -17
  43. package/styles/datepicker/fabric-dark.css +63 -22
  44. package/styles/datepicker/fabric.css +63 -22
  45. package/styles/datepicker/highcontrast-light.css +63 -14
  46. package/styles/datepicker/highcontrast.css +63 -14
  47. package/styles/datepicker/material-dark.css +95 -18
  48. package/styles/datepicker/material.css +101 -15
  49. package/styles/datepicker/tailwind-dark.css +185 -0
  50. package/styles/datepicker/tailwind-dark.scss +1 -0
  51. package/styles/datepicker/tailwind.css +185 -0
  52. package/styles/datepicker/tailwind.scss +1 -0
  53. package/styles/daterangepicker/bootstrap-dark.css +381 -179
  54. package/styles/daterangepicker/bootstrap.css +381 -179
  55. package/styles/daterangepicker/bootstrap4.css +383 -181
  56. package/styles/daterangepicker/fabric-dark.css +381 -179
  57. package/styles/daterangepicker/fabric.css +381 -179
  58. package/styles/daterangepicker/highcontrast-light.css +381 -179
  59. package/styles/daterangepicker/highcontrast.css +381 -179
  60. package/styles/daterangepicker/material-dark.css +419 -189
  61. package/styles/daterangepicker/material.css +418 -179
  62. package/styles/daterangepicker/tailwind-dark.css +956 -0
  63. package/styles/daterangepicker/tailwind-dark.scss +1 -0
  64. package/styles/daterangepicker/tailwind.css +956 -0
  65. package/styles/daterangepicker/tailwind.scss +1 -0
  66. package/styles/datetimepicker/bootstrap-dark.css +42 -7
  67. package/styles/datetimepicker/bootstrap.css +42 -7
  68. package/styles/datetimepicker/bootstrap4.css +42 -7
  69. package/styles/datetimepicker/fabric-dark.css +42 -7
  70. package/styles/datetimepicker/fabric.css +42 -7
  71. package/styles/datetimepicker/highcontrast-light.css +43 -8
  72. package/styles/datetimepicker/highcontrast.css +43 -8
  73. package/styles/datetimepicker/material-dark.css +86 -11
  74. package/styles/datetimepicker/material.css +100 -7
  75. package/styles/datetimepicker/tailwind-dark.css +206 -0
  76. package/styles/datetimepicker/tailwind-dark.scss +1 -0
  77. package/styles/datetimepicker/tailwind.css +206 -0
  78. package/styles/datetimepicker/tailwind.scss +1 -0
  79. package/styles/fabric-dark.css +959 -341
  80. package/styles/fabric.css +961 -338
  81. package/styles/highcontrast-light.css +962 -331
  82. package/styles/highcontrast.css +962 -331
  83. package/styles/material-dark.css +1120 -365
  84. package/styles/material.css +1131 -331
  85. package/styles/tailwind-dark.css +2566 -0
  86. package/styles/tailwind-dark.scss +5 -0
  87. package/styles/tailwind.css +2566 -0
  88. package/styles/tailwind.scss +5 -0
  89. package/styles/timepicker/bootstrap-dark.css +84 -10
  90. package/styles/timepicker/bootstrap.css +84 -10
  91. package/styles/timepicker/bootstrap4.css +84 -10
  92. package/styles/timepicker/fabric-dark.css +84 -10
  93. package/styles/timepicker/fabric.css +84 -10
  94. package/styles/timepicker/highcontrast-light.css +84 -10
  95. package/styles/timepicker/highcontrast.css +84 -10
  96. package/styles/timepicker/material-dark.css +116 -14
  97. package/styles/timepicker/material.css +121 -10
  98. package/styles/timepicker/tailwind-dark.css +222 -0
  99. package/styles/timepicker/tailwind-dark.scss +1 -0
  100. package/styles/timepicker/tailwind.css +222 -0
  101. package/styles/timepicker/tailwind.scss +1 -0
@@ -1,12 +1,3 @@
1
- /*!
2
- * filename: ej2-angular-calendars.umd.js
3
- * version : 17.1.41
4
- * Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
5
- * Use of this code is subject to the terms of our license.
6
- * A copy of the current license can be obtained at any time by e-mailing
7
- * licensing@syncfusion.com. Any infringement will be prosecuted under
8
- * applicable laws.
9
- */
10
1
  (function (global, factory) {
11
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@syncfusion/ej2-angular-base'), require('@syncfusion/ej2-calendars'), require('@angular/common')) :
12
3
  typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/forms', '@syncfusion/ej2-angular-base', '@syncfusion/ej2-calendars', '@angular/common'], factory) :
@@ -37,7 +28,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
37
28
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
38
29
  return Reflect.metadata(k, v);
39
30
  };
40
- var inputs = ['calendarMode', 'depth', 'enablePersistence', 'enableRtl', 'firstDayOfWeek', 'isMultiSelection', 'locale', 'max', 'min', 'showTodayButton', 'start', 'value', 'values', 'weekNumber'];
31
+ var inputs = ['calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'isMultiSelection', 'keyConfigs', 'locale', 'max', 'min', 'serverTimezoneOffset', 'showTodayButton', 'start', 'value', 'values', 'weekNumber', 'weekRule'];
41
32
  var outputs = ['focus', 'blur', 'change', 'created', 'destroyed', 'navigated', 'renderDayCell', 'valueChange', 'valuesChange'];
42
33
  var twoWays = ['value', 'values'];
43
34
  /**
@@ -72,6 +63,8 @@ exports.CalendarComponent = CalendarComponent_1 = /** @class */ (function (_supe
72
63
  _this.registerEvents(outputs);
73
64
  _this.addTwoWay.call(_this, twoWays);
74
65
  ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
66
+ _this.formContext = new ej2AngularBase.FormBase();
67
+ _this.formCompContext = new ej2AngularBase.ComponentBase();
75
68
  return _this;
76
69
  }
77
70
  /**
@@ -102,21 +95,25 @@ exports.CalendarComponent = CalendarComponent_1 = /** @class */ (function (_supe
102
95
  * @return {?}
103
96
  */
104
97
  CalendarComponent.prototype.ngOnInit = function () {
98
+ this.formCompContext.ngOnInit(this);
105
99
  };
106
100
  /**
107
101
  * @return {?}
108
102
  */
109
103
  CalendarComponent.prototype.ngAfterViewInit = function () {
104
+ this.formContext.ngAfterViewInit(this);
110
105
  };
111
106
  /**
112
107
  * @return {?}
113
108
  */
114
109
  CalendarComponent.prototype.ngOnDestroy = function () {
110
+ this.formCompContext.ngOnDestroy(this);
115
111
  };
116
112
  /**
117
113
  * @return {?}
118
114
  */
119
115
  CalendarComponent.prototype.ngAfterContentChecked = function () {
116
+ this.formCompContext.ngAfterContentChecked(this);
120
117
  };
121
118
  return CalendarComponent;
122
119
  }(ej2Calendars.Calendar));
@@ -215,8 +212,8 @@ var __metadata$1 = (this && this.__metadata) || function (k, v) {
215
212
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
216
213
  return Reflect.metadata(k, v);
217
214
  };
218
- var inputs$1 = ['allowEdit', 'calendarMode', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'isMultiSelection', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'values', 'weekNumber', 'width', 'zIndex'];
219
- var outputs$1 = ['blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'valueChange'];
215
+ var inputs$1 = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex'];
216
+ var outputs$1 = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'valueChange'];
220
217
  var twoWays$1 = ['value'];
221
218
  /**
222
219
  * Represents the Essential JS 2 Angular DatePicker Component.
@@ -248,9 +245,18 @@ exports.DatePickerComponent = DatePickerComponent_1 = /** @class */ (function (_
248
245
  }
249
246
  }
250
247
  catch (_a) { }
248
+ try {
249
+ var mod = _this.injector.get('CalendarsMaskedDateTime');
250
+ if (_this.injectedModules.indexOf(mod) === -1) {
251
+ _this.injectedModules.push(mod);
252
+ }
253
+ }
254
+ catch (_b) { }
251
255
  _this.registerEvents(outputs$1);
252
256
  _this.addTwoWay.call(_this, twoWays$1);
253
257
  ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
258
+ _this.formContext = new ej2AngularBase.FormBase();
259
+ _this.formCompContext = new ej2AngularBase.ComponentBase();
254
260
  return _this;
255
261
  }
256
262
  /**
@@ -281,21 +287,25 @@ exports.DatePickerComponent = DatePickerComponent_1 = /** @class */ (function (_
281
287
  * @return {?}
282
288
  */
283
289
  DatePickerComponent.prototype.ngOnInit = function () {
290
+ this.formCompContext.ngOnInit(this);
284
291
  };
285
292
  /**
286
293
  * @return {?}
287
294
  */
288
295
  DatePickerComponent.prototype.ngAfterViewInit = function () {
296
+ this.formContext.ngAfterViewInit(this);
289
297
  };
290
298
  /**
291
299
  * @return {?}
292
300
  */
293
301
  DatePickerComponent.prototype.ngOnDestroy = function () {
302
+ this.formCompContext.ngOnDestroy(this);
294
303
  };
295
304
  /**
296
305
  * @return {?}
297
306
  */
298
307
  DatePickerComponent.prototype.ngAfterContentChecked = function () {
308
+ this.formCompContext.ngAfterContentChecked(this);
299
309
  };
300
310
  return DatePickerComponent;
301
311
  }(ej2Calendars.DatePicker));
@@ -356,6 +366,7 @@ DatePickerModule.decorators = [
356
366
  * @nocollapse
357
367
  */
358
368
  DatePickerModule.ctorParameters = function () { return []; };
369
+ var MaskedDateTimeService = { provide: 'CalendarsMaskedDateTime', useValue: ej2Calendars.MaskedDateTime };
359
370
  /**
360
371
  * NgModule definition for the DatePicker component with providers.
361
372
  */
@@ -370,7 +381,9 @@ DatePickerAllModule.decorators = [
370
381
  exports: [
371
382
  DatePickerModule
372
383
  ],
373
- providers: []
384
+ providers: [
385
+ MaskedDateTimeService
386
+ ]
374
387
  },] },
375
388
  ];
376
389
  /**
@@ -391,8 +404,8 @@ var __metadata$2 = (this && this.__metadata) || function (k, v) {
391
404
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
392
405
  return Reflect.metadata(k, v);
393
406
  };
394
- var inputs$2 = ['allowEdit', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'locale', 'max', 'min', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex'];
395
- var outputs$2 = ['blur', 'change', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open', 'valueChange'];
407
+ var inputs$2 = ['allowEdit', 'cssClass', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex'];
408
+ var outputs$2 = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open', 'valueChange'];
396
409
  var twoWays$2 = ['value'];
397
410
  /**
398
411
  * Represents the Essential JS 2 Angular TimePicker Component.
@@ -417,9 +430,18 @@ exports.TimePickerComponent = TimePickerComponent_1 = /** @class */ (function (_
417
430
  _this.skipFromEvent = true;
418
431
  _this.element = _this.ngEle.nativeElement;
419
432
  _this.injectedModules = _this.injectedModules || [];
433
+ try {
434
+ var mod = _this.injector.get('CalendarsMaskedDateTime');
435
+ if (_this.injectedModules.indexOf(mod) === -1) {
436
+ _this.injectedModules.push(mod);
437
+ }
438
+ }
439
+ catch (_a) { }
420
440
  _this.registerEvents(outputs$2);
421
441
  _this.addTwoWay.call(_this, twoWays$2);
422
442
  ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
443
+ _this.formContext = new ej2AngularBase.FormBase();
444
+ _this.formCompContext = new ej2AngularBase.ComponentBase();
423
445
  return _this;
424
446
  }
425
447
  /**
@@ -450,21 +472,25 @@ exports.TimePickerComponent = TimePickerComponent_1 = /** @class */ (function (_
450
472
  * @return {?}
451
473
  */
452
474
  TimePickerComponent.prototype.ngOnInit = function () {
475
+ this.formCompContext.ngOnInit(this);
453
476
  };
454
477
  /**
455
478
  * @return {?}
456
479
  */
457
480
  TimePickerComponent.prototype.ngAfterViewInit = function () {
481
+ this.formContext.ngAfterViewInit(this);
458
482
  };
459
483
  /**
460
484
  * @return {?}
461
485
  */
462
486
  TimePickerComponent.prototype.ngOnDestroy = function () {
487
+ this.formCompContext.ngOnDestroy(this);
463
488
  };
464
489
  /**
465
490
  * @return {?}
466
491
  */
467
492
  TimePickerComponent.prototype.ngAfterContentChecked = function () {
493
+ this.formCompContext.ngAfterContentChecked(this);
468
494
  };
469
495
  return TimePickerComponent;
470
496
  }(ej2Calendars.TimePicker));
@@ -570,6 +596,7 @@ var PresetDirective = /** @class */ (function (_super) {
570
596
  _this.viewContainerRef = viewContainerRef;
571
597
  ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
572
598
  _this.registerEvents(outputs$3);
599
+ _this.directivePropList = input;
573
600
  return _this;
574
601
  }
575
602
  return PresetDirective;
@@ -624,8 +651,8 @@ var __metadata$3 = (this && this.__metadata) || function (k, v) {
624
651
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
625
652
  return Reflect.metadata(k, v);
626
653
  };
627
- var inputs$3 = ['allowEdit', 'calendarMode', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'locale', 'max', 'maxDays', 'min', 'minDays', 'placeholder', 'presets', 'readonly', 'separator', 'showClearButton', 'start', 'startDate', 'strictMode', 'value', 'weekNumber', 'width', 'zIndex'];
628
- var outputs$4 = ['blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select', 'startDateChange', 'endDateChange', 'valueChange'];
654
+ var inputs$3 = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'max', 'maxDays', 'min', 'minDays', 'openOnFocus', 'placeholder', 'presets', 'readonly', 'separator', 'serverTimezoneOffset', 'showClearButton', 'start', 'startDate', 'strictMode', 'value', 'weekNumber', 'weekRule', 'width', 'zIndex'];
655
+ var outputs$4 = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select', 'startDateChange', 'endDateChange', 'valueChange'];
629
656
  var twoWays$3 = ['startDate', 'endDate', 'value'];
630
657
  /**
631
658
  * Represents the Essential JS 2 Angular DateRangePicker Component.
@@ -654,6 +681,8 @@ exports.DateRangePickerComponent = DateRangePickerComponent_1 = /** @class */ (f
654
681
  _this.registerEvents(outputs$4);
655
682
  _this.addTwoWay.call(_this, twoWays$3);
656
683
  ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
684
+ _this.formContext = new ej2AngularBase.FormBase();
685
+ _this.formCompContext = new ej2AngularBase.ComponentBase();
657
686
  return _this;
658
687
  }
659
688
  /**
@@ -684,21 +713,26 @@ exports.DateRangePickerComponent = DateRangePickerComponent_1 = /** @class */ (f
684
713
  * @return {?}
685
714
  */
686
715
  DateRangePickerComponent.prototype.ngOnInit = function () {
716
+ this.formCompContext.ngOnInit(this);
687
717
  };
688
718
  /**
689
719
  * @return {?}
690
720
  */
691
721
  DateRangePickerComponent.prototype.ngAfterViewInit = function () {
722
+ this.formContext.ngAfterViewInit(this);
692
723
  };
693
724
  /**
694
725
  * @return {?}
695
726
  */
696
727
  DateRangePickerComponent.prototype.ngOnDestroy = function () {
728
+ this.formCompContext.ngOnDestroy(this);
697
729
  };
698
730
  /**
699
731
  * @return {?}
700
732
  */
701
733
  DateRangePickerComponent.prototype.ngAfterContentChecked = function () {
734
+ this.tagObjects[0].instance = this.childPresets;
735
+ this.formCompContext.ngAfterContentChecked(this);
702
736
  };
703
737
  return DateRangePickerComponent;
704
738
  }(ej2Calendars.DateRangePicker));
@@ -812,8 +846,8 @@ var __metadata$4 = (this && this.__metadata) || function (k, v) {
812
846
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
813
847
  return Reflect.metadata(k, v);
814
848
  };
815
- var inputs$4 = ['allowEdit', 'calendarMode', 'cssClass', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'isMultiSelection', 'locale', 'max', 'min', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'values', 'weekNumber', 'width', 'zIndex'];
816
- var outputs$5 = ['blur', 'change', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'valueChange'];
849
+ var inputs$4 = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex'];
850
+ var outputs$5 = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'valueChange'];
817
851
  var twoWays$4 = ['value'];
818
852
  /**
819
853
  * Represents the Essential JS 2 Angular DateTimePicker Component.
@@ -845,9 +879,18 @@ exports.DateTimePickerComponent = DateTimePickerComponent_1 = /** @class */ (fun
845
879
  }
846
880
  }
847
881
  catch (_a) { }
882
+ try {
883
+ var mod = _this.injector.get('CalendarsMaskedDateTime');
884
+ if (_this.injectedModules.indexOf(mod) === -1) {
885
+ _this.injectedModules.push(mod);
886
+ }
887
+ }
888
+ catch (_b) { }
848
889
  _this.registerEvents(outputs$5);
849
890
  _this.addTwoWay.call(_this, twoWays$4);
850
891
  ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
892
+ _this.formContext = new ej2AngularBase.FormBase();
893
+ _this.formCompContext = new ej2AngularBase.ComponentBase();
851
894
  return _this;
852
895
  }
853
896
  /**
@@ -878,21 +921,25 @@ exports.DateTimePickerComponent = DateTimePickerComponent_1 = /** @class */ (fun
878
921
  * @return {?}
879
922
  */
880
923
  DateTimePickerComponent.prototype.ngOnInit = function () {
924
+ this.formCompContext.ngOnInit(this);
881
925
  };
882
926
  /**
883
927
  * @return {?}
884
928
  */
885
929
  DateTimePickerComponent.prototype.ngAfterViewInit = function () {
930
+ this.formContext.ngAfterViewInit(this);
886
931
  };
887
932
  /**
888
933
  * @return {?}
889
934
  */
890
935
  DateTimePickerComponent.prototype.ngOnDestroy = function () {
936
+ this.formCompContext.ngOnDestroy(this);
891
937
  };
892
938
  /**
893
939
  * @return {?}
894
940
  */
895
941
  DateTimePickerComponent.prototype.ngAfterContentChecked = function () {
942
+ this.formCompContext.ngAfterContentChecked(this);
896
943
  };
897
944
  return DateTimePickerComponent;
898
945
  }(ej2Calendars.DateTimePicker));
@@ -980,6 +1027,7 @@ exports.CalendarAllModule = CalendarAllModule;
980
1027
  exports.IslamicService = IslamicService;
981
1028
  exports.DatePickerModule = DatePickerModule;
982
1029
  exports.DatePickerAllModule = DatePickerAllModule;
1030
+ exports.MaskedDateTimeService = MaskedDateTimeService;
983
1031
  exports.TimePickerModule = TimePickerModule;
984
1032
  exports.TimePickerAllModule = TimePickerAllModule;
985
1033
  exports.PresetDirective = PresetDirective;
@@ -998,6 +1046,7 @@ exports.ɵi = inputs$4;
998
1046
  exports.ɵj = outputs$5;
999
1047
  exports.ɵe = inputs$2;
1000
1048
  exports.ɵf = outputs$2;
1049
+ exports.MaskPlaceholder = ej2Calendars.MaskPlaceholder;
1001
1050
  exports.CalendarBase = ej2Calendars.CalendarBase;
1002
1051
  exports.Calendar = ej2Calendars.Calendar;
1003
1052
  exports.Islamic = ej2Calendars.Islamic;
@@ -1005,8 +1054,10 @@ exports.DatePicker = ej2Calendars.DatePicker;
1005
1054
  exports.Presets = ej2Calendars.Presets;
1006
1055
  exports.DateRangePicker = ej2Calendars.DateRangePicker;
1007
1056
  exports.TimePickerBase = ej2Calendars.TimePickerBase;
1057
+ exports.TimeMaskPlaceholder = ej2Calendars.TimeMaskPlaceholder;
1008
1058
  exports.TimePicker = ej2Calendars.TimePicker;
1009
1059
  exports.DateTimePicker = ej2Calendars.DateTimePicker;
1060
+ exports.MaskedDateTime = ej2Calendars.MaskedDateTime;
1010
1061
 
1011
1062
  Object.defineProperty(exports, '__esModule', { value: true });
1012
1063