@syncfusion/ej2-calendars 25.2.5 → 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.
- package/.eslintrc.json +3 -2
- package/dist/ej2-calendars.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js.map +1 -1
- package/dist/es6/ej2-calendars.es2015.js +150 -201
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +145 -197
- package/dist/es6/ej2-calendars.es5.js.map +1 -1
- package/dist/global/ej2-calendars.min.js +2 -2
- package/dist/global/ej2-calendars.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/calendar/calendar.d.ts +1 -2
- package/src/calendar/calendar.js +35 -27
- package/src/calendar/islamic.js +8 -7
- package/src/datepicker/datepicker.d.ts +0 -1
- package/src/datepicker/datepicker.js +15 -16
- package/src/daterangepicker/daterangepicker.d.ts +0 -1
- package/src/daterangepicker/daterangepicker.js +25 -26
- package/src/datetimepicker/datetimepicker.js +17 -11
- package/src/maskbase/interface.js +0 -1
- package/src/maskbase/masked-date-time.js +3 -5
- package/src/timepicker/timepicker.d.ts +0 -1
- package/src/timepicker/timepicker.js +7 -11
- package/styles/bootstrap-dark.css +143 -91
- package/styles/bootstrap-dark.scss +20 -5
- package/styles/bootstrap.css +143 -93
- package/styles/bootstrap.scss +20 -5
- package/styles/bootstrap4.css +143 -93
- package/styles/bootstrap4.scss +20 -5
- package/styles/bootstrap5-dark.css +143 -94
- package/styles/bootstrap5-dark.scss +20 -5
- package/styles/bootstrap5.css +143 -94
- package/styles/bootstrap5.scss +20 -5
- package/styles/calendar/_bds-definition.scss +4 -3
- package/styles/calendar/_bootstrap5.3-definition.scss +256 -0
- package/styles/calendar/_fluent2-definition.scss +290 -0
- package/styles/calendar/_layout.scss +34 -14
- package/styles/calendar/_material3-definition.scss +0 -9
- package/styles/calendar/_theme.scss +104 -45
- package/styles/calendar/bootstrap-dark.css +48 -24
- package/styles/calendar/bootstrap.css +48 -24
- package/styles/calendar/bootstrap4.css +48 -24
- package/styles/calendar/bootstrap5-dark.css +48 -24
- package/styles/calendar/bootstrap5.css +48 -24
- package/styles/calendar/fabric-dark.css +51 -25
- package/styles/calendar/fabric.css +51 -25
- package/styles/calendar/fluent-dark.css +67 -33
- package/styles/calendar/fluent.css +67 -33
- package/styles/calendar/fluent2.css +2022 -0
- package/styles/calendar/fluent2.scss +5 -0
- package/styles/calendar/highcontrast-light.css +49 -24
- package/styles/calendar/highcontrast.css +51 -25
- package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
- package/styles/calendar/icons/_fluent2.scss +13 -0
- package/styles/calendar/material-dark.css +51 -25
- package/styles/calendar/material.css +51 -25
- package/styles/calendar/material3-dark.css +52 -23
- package/styles/calendar/material3.css +52 -23
- package/styles/calendar/tailwind-dark.css +49 -25
- package/styles/calendar/tailwind.css +49 -25
- package/styles/datepicker/_bootstrap5.3-definition.scss +107 -0
- package/styles/datepicker/_fluent2-definition.scss +118 -0
- package/styles/datepicker/_layout.scss +20 -11
- package/styles/datepicker/_material3-definition.scss +0 -19
- package/styles/datepicker/bootstrap-dark.css +16 -18
- package/styles/datepicker/bootstrap.css +16 -18
- package/styles/datepicker/bootstrap4.css +16 -18
- package/styles/datepicker/bootstrap5-dark.css +18 -19
- package/styles/datepicker/bootstrap5.css +18 -19
- package/styles/datepicker/fabric-dark.css +16 -18
- package/styles/datepicker/fabric.css +16 -18
- package/styles/datepicker/fluent-dark.css +18 -19
- package/styles/datepicker/fluent.css +18 -19
- package/styles/datepicker/fluent2.css +1680 -0
- package/styles/datepicker/fluent2.scss +7 -0
- package/styles/datepicker/highcontrast-light.css +16 -18
- package/styles/datepicker/highcontrast.css +16 -18
- package/styles/datepicker/icons/_bootstrap5.3.scss +76 -0
- package/styles/datepicker/icons/_fluent2.scss +83 -0
- package/styles/datepicker/material-dark.css +27 -20
- package/styles/datepicker/material.css +41 -22
- package/styles/datepicker/material3-dark.css +46 -24
- package/styles/datepicker/material3.css +46 -24
- package/styles/datepicker/tailwind-dark.css +18 -19
- package/styles/datepicker/tailwind.css +18 -19
- package/styles/daterangepicker/_bds-definition.scss +2 -2
- package/styles/daterangepicker/_bootstrap5.3-definition.scss +296 -0
- package/styles/daterangepicker/_fluent2-definition.scss +309 -0
- package/styles/daterangepicker/_layout.scss +14 -22
- package/styles/daterangepicker/_material3-definition.scss +0 -20
- package/styles/daterangepicker/_theme.scss +16 -8
- package/styles/daterangepicker/bootstrap-dark.css +54 -33
- package/styles/daterangepicker/bootstrap.css +54 -33
- package/styles/daterangepicker/bootstrap4.css +54 -33
- package/styles/daterangepicker/bootstrap5-dark.css +56 -34
- package/styles/daterangepicker/bootstrap5.css +56 -34
- package/styles/daterangepicker/fabric-dark.css +54 -33
- package/styles/daterangepicker/fabric.css +54 -33
- package/styles/daterangepicker/fluent-dark.css +66 -39
- package/styles/daterangepicker/fluent.css +66 -39
- package/styles/daterangepicker/fluent2.css +2465 -0
- package/styles/daterangepicker/fluent2.scss +7 -0
- package/styles/daterangepicker/highcontrast-light.css +54 -33
- package/styles/daterangepicker/highcontrast.css +54 -33
- package/styles/daterangepicker/icons/_bootstrap5.3.scss +92 -0
- package/styles/daterangepicker/icons/_fluent2.scss +132 -0
- package/styles/daterangepicker/material-dark.css +63 -34
- package/styles/daterangepicker/material.css +77 -36
- package/styles/daterangepicker/material3-dark.css +88 -38
- package/styles/daterangepicker/material3.css +88 -38
- package/styles/daterangepicker/tailwind-dark.css +58 -35
- package/styles/daterangepicker/tailwind.css +58 -35
- package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
- package/styles/datetimepicker/_fluent2-definition.scss +65 -0
- package/styles/datetimepicker/_layout.scss +0 -3
- package/styles/datetimepicker/_material3-definition.scss +0 -10
- package/styles/datetimepicker/_theme.scss +2 -2
- package/styles/datetimepicker/bootstrap-dark.css +7 -3
- package/styles/datetimepicker/bootstrap.css +7 -3
- package/styles/datetimepicker/bootstrap4.css +7 -3
- package/styles/datetimepicker/bootstrap5-dark.css +7 -3
- package/styles/datetimepicker/bootstrap5.css +7 -3
- package/styles/datetimepicker/fabric-dark.css +7 -3
- package/styles/datetimepicker/fabric.css +7 -3
- package/styles/datetimepicker/fluent-dark.css +7 -3
- package/styles/datetimepicker/fluent.css +7 -3
- package/styles/datetimepicker/fluent2.css +1408 -0
- package/styles/datetimepicker/fluent2.scss +8 -0
- package/styles/datetimepicker/highcontrast-light.css +7 -3
- package/styles/datetimepicker/highcontrast.css +7 -3
- package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
- package/styles/datetimepicker/icons/_fluent2.scss +11 -0
- package/styles/datetimepicker/material-dark.css +16 -4
- package/styles/datetimepicker/material.css +30 -6
- package/styles/datetimepicker/material3-dark.css +33 -7
- package/styles/datetimepicker/material3.css +33 -7
- package/styles/datetimepicker/tailwind-dark.css +7 -3
- package/styles/datetimepicker/tailwind.css +7 -3
- package/styles/fabric-dark.css +146 -92
- package/styles/fabric-dark.scss +20 -5
- package/styles/fabric.css +146 -94
- package/styles/fabric.scss +20 -5
- package/styles/fluent-dark.css +172 -108
- package/styles/fluent-dark.scss +20 -5
- package/styles/fluent.css +172 -108
- package/styles/fluent.scss +20 -5
- package/styles/fluent2.css +4429 -0
- package/styles/fluent2.scss +20 -0
- package/styles/highcontrast-light.css +144 -91
- package/styles/highcontrast-light.scss +20 -5
- package/styles/highcontrast.css +146 -94
- package/styles/highcontrast.scss +20 -5
- package/styles/material-dark.css +157 -112
- package/styles/material-dark.scss +20 -5
- package/styles/material.css +171 -140
- package/styles/material.scss +20 -5
- package/styles/material3-dark.css +189 -139
- package/styles/material3-dark.scss +20 -5
- package/styles/material3.css +189 -139
- package/styles/material3.scss +20 -5
- package/styles/tailwind-dark.css +146 -96
- package/styles/tailwind-dark.scss +20 -5
- package/styles/tailwind.css +146 -96
- package/styles/tailwind.scss +20 -5
- package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
- package/styles/timepicker/_fluent2-definition.scss +84 -0
- package/styles/timepicker/_layout.scss +2 -16
- package/styles/timepicker/_material3-definition.scss +0 -16
- package/styles/timepicker/_theme.scss +1 -4
- package/styles/timepicker/bootstrap-dark.css +18 -10
- package/styles/timepicker/bootstrap.css +18 -10
- package/styles/timepicker/bootstrap4.css +18 -10
- package/styles/timepicker/bootstrap5-dark.css +18 -10
- package/styles/timepicker/bootstrap5.css +18 -10
- package/styles/timepicker/fabric-dark.css +18 -10
- package/styles/timepicker/fabric.css +18 -10
- package/styles/timepicker/fluent-dark.css +18 -10
- package/styles/timepicker/fluent.css +18 -10
- package/styles/timepicker/fluent2.css +1531 -0
- package/styles/timepicker/fluent2.scss +6 -0
- package/styles/timepicker/highcontrast-light.css +18 -10
- package/styles/timepicker/highcontrast.css +18 -10
- package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
- package/styles/timepicker/icons/_fluent2.scss +24 -0
- package/styles/timepicker/material-dark.css +27 -11
- package/styles/timepicker/material.css +41 -13
- package/styles/timepicker/material3-dark.css +45 -14
- package/styles/timepicker/material3.css +45 -14
- package/styles/timepicker/tailwind-dark.css +18 -10
- package/styles/timepicker/tailwind.css +18 -10
- package/CHANGELOG.md +0 -1218
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
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()
|
|
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
|
-
|
|
360
|
-
|
|
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>';
|
|
@@ -478,6 +477,9 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
478
477
|
this.nextIcon = this.previousIcon = this.table = null;
|
|
479
478
|
};
|
|
480
479
|
CalendarBase.prototype.keyActionHandle = function (e, value, multiSelection) {
|
|
480
|
+
if (this.calendarElement === null && e.action === 'escape') {
|
|
481
|
+
return;
|
|
482
|
+
}
|
|
481
483
|
var focusedDate = this.tableBodyElement.querySelector('tr td.e-focused-date');
|
|
482
484
|
var selectedDate;
|
|
483
485
|
if (multiSelection) {
|
|
@@ -497,19 +499,22 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
497
499
|
this.effect = '';
|
|
498
500
|
switch (e.action) {
|
|
499
501
|
case 'moveLeft':
|
|
500
|
-
if (this.getModuleName()
|
|
502
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
503
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
501
504
|
this.keyboardNavigate(-1, view, e, this.max, this.min);
|
|
502
505
|
e.preventDefault();
|
|
503
506
|
}
|
|
504
507
|
break;
|
|
505
508
|
case 'moveRight':
|
|
506
|
-
if (this.getModuleName()
|
|
509
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
510
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
507
511
|
this.keyboardNavigate(1, view, e, this.max, this.min);
|
|
508
512
|
e.preventDefault();
|
|
509
513
|
}
|
|
510
514
|
break;
|
|
511
515
|
case 'moveUp':
|
|
512
|
-
if (this.getModuleName()
|
|
516
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
517
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
513
518
|
if (view === 0) {
|
|
514
519
|
this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
|
|
515
520
|
}
|
|
@@ -520,7 +525,8 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
520
525
|
}
|
|
521
526
|
break;
|
|
522
527
|
case 'moveDown':
|
|
523
|
-
if (this.getModuleName()
|
|
528
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
529
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
524
530
|
if (view === 0) {
|
|
525
531
|
this.keyboardNavigate(7, view, e, this.max, this.min);
|
|
526
532
|
}
|
|
@@ -534,13 +540,13 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
534
540
|
if (e.target === this.headerTitleElement) {
|
|
535
541
|
this.navigateTitle(e);
|
|
536
542
|
}
|
|
537
|
-
else if (e.target === this.previousIcon) {
|
|
543
|
+
else if (e.target === this.previousIcon && !e.target.className.includes(DISABLED)) {
|
|
538
544
|
this.navigatePrevious(e);
|
|
539
545
|
}
|
|
540
|
-
else if (e.target === this.nextIcon) {
|
|
546
|
+
else if (e.target === this.nextIcon && !e.target.className.includes(DISABLED)) {
|
|
541
547
|
this.navigateNext(e);
|
|
542
548
|
}
|
|
543
|
-
else if (e.target === this.todayElement) {
|
|
549
|
+
else if (e.target === this.todayElement && !e.target.className.includes(DISABLED)) {
|
|
544
550
|
this.todayButtonClick(e, value);
|
|
545
551
|
if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
|
|
546
552
|
this.element.focus();
|
|
@@ -553,12 +559,14 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
553
559
|
// eslint-disable-next-line radix
|
|
554
560
|
var d = new Date(parseInt('' + (element).id, 0));
|
|
555
561
|
this.selectDate(e, d, (element));
|
|
562
|
+
if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
|
|
563
|
+
this.element.focus();
|
|
564
|
+
}
|
|
556
565
|
}
|
|
557
566
|
else {
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
this.element.focus();
|
|
567
|
+
if (!e.target.className.includes(DISABLED)) {
|
|
568
|
+
this.contentClick(null, --view, (element), value);
|
|
569
|
+
}
|
|
562
570
|
}
|
|
563
571
|
}
|
|
564
572
|
}
|
|
@@ -632,7 +640,12 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
632
640
|
case 'tab':
|
|
633
641
|
if ((this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') && e.target === this.todayElement) {
|
|
634
642
|
e.preventDefault();
|
|
635
|
-
this.
|
|
643
|
+
if (this.isAngular) {
|
|
644
|
+
this.inputElement.focus();
|
|
645
|
+
}
|
|
646
|
+
else {
|
|
647
|
+
this.element.focus();
|
|
648
|
+
}
|
|
636
649
|
this.hide();
|
|
637
650
|
}
|
|
638
651
|
break;
|
|
@@ -643,6 +656,11 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
643
656
|
this.hide();
|
|
644
657
|
}
|
|
645
658
|
break;
|
|
659
|
+
case 'escape':
|
|
660
|
+
if ((this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') && (e.target === this.headerTitleElement || e.target === this.previousIcon || e.target === this.nextIcon || e.target === this.todayElement)) {
|
|
661
|
+
this.hide();
|
|
662
|
+
}
|
|
663
|
+
break;
|
|
646
664
|
}
|
|
647
665
|
};
|
|
648
666
|
CalendarBase.prototype.keyboardNavigate = function (number, currentView, e, max, min) {
|
|
@@ -832,7 +850,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
832
850
|
// if (args.isDisabled && +this.value === +args.date) {
|
|
833
851
|
// this.setProperties({ value: null }, true);
|
|
834
852
|
// }
|
|
835
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
836
853
|
var currentTarget = void 0;
|
|
837
854
|
if (!isNullOrUndefined(e) && e.type === 'click') {
|
|
838
855
|
currentTarget = e.currentTarget;
|
|
@@ -923,7 +940,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
923
940
|
var tdEle = this.dayCell(localDate);
|
|
924
941
|
var dayLink = this.createElement('span');
|
|
925
942
|
var localMonth = (value && (value).getMonth() === localDate.getMonth());
|
|
926
|
-
var select
|
|
943
|
+
var select = (value && (value).getFullYear() === yr && localMonth);
|
|
927
944
|
var title = this.globalize.formatDate(localDate, { type: 'date', format: 'MMM y' });
|
|
928
945
|
dayLink.textContent = this.toCapitalize(this.globalize.formatDate(localDate, {
|
|
929
946
|
format: null, type: 'dateTime', skeleton: 'MMM'
|
|
@@ -931,7 +948,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
931
948
|
if ((this.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
|
|
932
949
|
addClass([tdEle], DISABLED);
|
|
933
950
|
}
|
|
934
|
-
else if (!valueUtil && select
|
|
951
|
+
else if (!valueUtil && select) {
|
|
935
952
|
addClass([tdEle], SELECTED);
|
|
936
953
|
}
|
|
937
954
|
else {
|
|
@@ -1580,9 +1597,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
1580
1597
|
CalendarBase.prototype.navigateTitle = function (e) {
|
|
1581
1598
|
e.preventDefault();
|
|
1582
1599
|
this.title(e);
|
|
1583
|
-
if (this.getModuleName() === 'calendar') {
|
|
1584
|
-
this.table.focus();
|
|
1585
|
-
}
|
|
1586
1600
|
};
|
|
1587
1601
|
CalendarBase.prototype.previous = function () {
|
|
1588
1602
|
this.effect = '';
|
|
@@ -1611,9 +1625,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
1611
1625
|
this.islamicModule.islamicPrevious();
|
|
1612
1626
|
}
|
|
1613
1627
|
this.triggerNavigate(e);
|
|
1614
|
-
if (this.getModuleName() === 'calendar') {
|
|
1615
|
-
this.table.focus();
|
|
1616
|
-
}
|
|
1617
1628
|
};
|
|
1618
1629
|
CalendarBase.prototype.next = function () {
|
|
1619
1630
|
this.effect = '';
|
|
@@ -1642,9 +1653,6 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
1642
1653
|
this.islamicModule.islamicNext();
|
|
1643
1654
|
}
|
|
1644
1655
|
this.triggerNavigate(eve);
|
|
1645
|
-
if (this.getModuleName() === 'calendar') {
|
|
1646
|
-
this.table.focus();
|
|
1647
|
-
}
|
|
1648
1656
|
};
|
|
1649
1657
|
/**
|
|
1650
1658
|
* This method is used to navigate to the month/year/decade view of the Calendar.
|
|
@@ -2658,7 +2666,6 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
|
|
|
2658
2666
|
if (!isNullOrUndefined(this.value)) {
|
|
2659
2667
|
this.setProperties({ value: this.value }, true);
|
|
2660
2668
|
}
|
|
2661
|
-
// eslint-disable-next-line use-isnan
|
|
2662
2669
|
if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) &&
|
|
2663
2670
|
!isNullOrUndefined(this.previousDate) || this.previousDate === null
|
|
2664
2671
|
&& !isNaN(+this.value))) {
|
|
@@ -2690,7 +2697,6 @@ var Calendar = /** @__PURE__ @class */ (function (_super) {
|
|
|
2690
2697
|
/**
|
|
2691
2698
|
*
|
|
2692
2699
|
*/
|
|
2693
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2694
2700
|
//class constant defination.
|
|
2695
2701
|
var OTHERMONTH$1 = 'e-other-month';
|
|
2696
2702
|
var YEAR$1 = 'e-year';
|
|
@@ -2943,12 +2949,12 @@ var Islamic = /** @__PURE__ @class */ (function () {
|
|
|
2943
2949
|
var dayLink = this.calendarInstance.createElement('span');
|
|
2944
2950
|
var localMonth = (value &&
|
|
2945
2951
|
(this.getIslamicDate(value)).month === (this.getIslamicDate(localDate)).month);
|
|
2946
|
-
var select
|
|
2952
|
+
var select = (value && (this.getIslamicDate(value)).year === yr && localMonth);
|
|
2947
2953
|
dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'MMM', calendar: 'islamic' });
|
|
2948
2954
|
if ((this.calendarInstance.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.calendarInstance.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
|
|
2949
2955
|
addClass([tdEle], DISABLED$1);
|
|
2950
2956
|
}
|
|
2951
|
-
else if (!valueUtil && select
|
|
2957
|
+
else if (!valueUtil && select) {
|
|
2952
2958
|
addClass([tdEle], SELECTED$1);
|
|
2953
2959
|
}
|
|
2954
2960
|
else {
|
|
@@ -2986,7 +2992,8 @@ var Islamic = /** @__PURE__ @class */ (function () {
|
|
|
2986
2992
|
endHdrYr = Number(endHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, function (d) { return String.fromCharCode(d.charCodeAt(0) - 1632 + 48); }));
|
|
2987
2993
|
}
|
|
2988
2994
|
var splityear = this.calendarInstance.headerElement.textContent.split('-');
|
|
2989
|
-
if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') ||
|
|
2995
|
+
if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') ||
|
|
2996
|
+
(!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
|
|
2990
2997
|
startHdrYr = this.calendarInstance.headerElement.textContent.split('-')[0].trim();
|
|
2991
2998
|
endHdrYr = this.calendarInstance.headerElement.textContent.split('-')[1].trim();
|
|
2992
2999
|
}
|
|
@@ -2996,8 +3003,8 @@ var Islamic = /** @__PURE__ @class */ (function () {
|
|
|
2996
3003
|
this.calendarInstance.islamicPreviousHeader = null;
|
|
2997
3004
|
}
|
|
2998
3005
|
if (this.calendarInstance.previousIconClicked) {
|
|
2999
|
-
|
|
3000
|
-
for (
|
|
3006
|
+
var i = 0;
|
|
3007
|
+
for (i = 0; i <= splityear.length; i++) {
|
|
3001
3008
|
endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i]
|
|
3002
3009
|
- endHdrYr === 2 ? (parseInt(endHdrYr, 10) + 1).toString() :
|
|
3003
3010
|
endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ?
|
|
@@ -3026,14 +3033,14 @@ var Islamic = /** @__PURE__ @class */ (function () {
|
|
|
3026
3033
|
}
|
|
3027
3034
|
}
|
|
3028
3035
|
if (this.calendarInstance.nextIconClicked) {
|
|
3029
|
-
for (var
|
|
3030
|
-
if (startHdrYr - splityear[
|
|
3036
|
+
for (var i = 0; i <= splityear.length; i++) {
|
|
3037
|
+
if (startHdrYr - splityear[i] === 0 || splityear[i] - startHdrYr === 0) {
|
|
3031
3038
|
startHdrYr = (parseInt(startHdrYr, 10) + 1).toString();
|
|
3032
3039
|
}
|
|
3033
|
-
if (startHdrYr - splityear[
|
|
3040
|
+
if (startHdrYr - splityear[i] === 2 && startHdrYr > splityear[i].trim()) {
|
|
3034
3041
|
startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
|
|
3035
3042
|
}
|
|
3036
|
-
if (splityear[
|
|
3043
|
+
if (splityear[i] - startHdrYr === 1 && startHdrYr < splityear[i].trim()) {
|
|
3037
3044
|
startHdrYr = (parseInt(startHdrYr, 10) + 2).toString();
|
|
3038
3045
|
}
|
|
3039
3046
|
}
|
|
@@ -3240,13 +3247,8 @@ var Islamic = /** @__PURE__ @class */ (function () {
|
|
|
3240
3247
|
};
|
|
3241
3248
|
return Islamic;
|
|
3242
3249
|
}());
|
|
3243
|
-
|
|
3244
3250
|
/* eslint-enable @typescript-eslint/no-explicit-any */
|
|
3245
3251
|
|
|
3246
|
-
/**
|
|
3247
|
-
* Calendar modules
|
|
3248
|
-
*/
|
|
3249
|
-
|
|
3250
3252
|
var __extends$1 = (undefined && undefined.__extends) || (function () {
|
|
3251
3253
|
var extendStatics = function (d, b) {
|
|
3252
3254
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -3266,8 +3268,6 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
3266
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;
|
|
3267
3269
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
3268
3270
|
};
|
|
3269
|
-
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
|
3270
|
-
/// <reference path='../calendar/calendar-model.d.ts'/>
|
|
3271
3271
|
//class constant defination
|
|
3272
3272
|
var DATEWRAPPER = 'e-date-wrapper';
|
|
3273
3273
|
var ROOT$1 = 'e-datepicker';
|
|
@@ -3320,7 +3320,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
3320
3320
|
_this.invalidValueString = null;
|
|
3321
3321
|
_this.checkPreviousValue = null;
|
|
3322
3322
|
_this.maskedDateValue = '';
|
|
3323
|
-
_this.isAngular = false;
|
|
3324
3323
|
_this.preventChange = false;
|
|
3325
3324
|
_this.isIconClicked = false;
|
|
3326
3325
|
_this.isDynamicValueChanged = false;
|
|
@@ -3426,7 +3425,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
3426
3425
|
this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
|
|
3427
3426
|
}
|
|
3428
3427
|
if (this.fullScreenMode && Browser.isDevice) {
|
|
3429
|
-
this.cssClass += ' ' +
|
|
3428
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
3430
3429
|
}
|
|
3431
3430
|
var updatedCssClassValues = this.cssClass;
|
|
3432
3431
|
if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
|
|
@@ -3697,8 +3696,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
3697
3696
|
});
|
|
3698
3697
|
}
|
|
3699
3698
|
break;
|
|
3700
|
-
default:
|
|
3701
|
-
break;
|
|
3702
3699
|
}
|
|
3703
3700
|
};
|
|
3704
3701
|
DatePicker.prototype.unBindEvents = function () {
|
|
@@ -4246,10 +4243,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4246
4243
|
open: function () {
|
|
4247
4244
|
if (Browser.isDevice && _this.fullScreenMode) {
|
|
4248
4245
|
_this.iconRight = parseInt(window.getComputedStyle(_this.calendarElement.querySelector('.e-header.e-month .e-prev')).marginRight, 10) > 16 ? true : false;
|
|
4249
|
-
_this.touchModule = new Touch(_this.calendarElement.querySelector(
|
|
4246
|
+
_this.touchModule = new Touch(_this.calendarElement.querySelector('.e-content.e-month'), {
|
|
4250
4247
|
swipe: _this.CalendarSwipeHandler.bind(_this)
|
|
4251
4248
|
});
|
|
4252
|
-
EventHandler.add(_this.calendarElement.querySelector(
|
|
4249
|
+
EventHandler.add(_this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', _this.TouchStartHandler, _this);
|
|
4253
4250
|
}
|
|
4254
4251
|
if (_this.getModuleName() !== 'datetimepicker') {
|
|
4255
4252
|
if (document.activeElement !== _this.inputElement) {
|
|
@@ -4296,26 +4293,22 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4296
4293
|
var direction = 0;
|
|
4297
4294
|
if (this.iconRight) {
|
|
4298
4295
|
switch (e.swipeDirection) {
|
|
4299
|
-
case
|
|
4296
|
+
case 'Left':
|
|
4300
4297
|
direction = 1;
|
|
4301
4298
|
break;
|
|
4302
|
-
case
|
|
4299
|
+
case 'Right':
|
|
4303
4300
|
direction = -1;
|
|
4304
4301
|
break;
|
|
4305
|
-
default:
|
|
4306
|
-
break;
|
|
4307
4302
|
}
|
|
4308
4303
|
}
|
|
4309
4304
|
else {
|
|
4310
4305
|
switch (e.swipeDirection) {
|
|
4311
|
-
case
|
|
4306
|
+
case 'Up':
|
|
4312
4307
|
direction = 1;
|
|
4313
4308
|
break;
|
|
4314
|
-
case
|
|
4309
|
+
case 'Down':
|
|
4315
4310
|
direction = -1;
|
|
4316
4311
|
break;
|
|
4317
|
-
default:
|
|
4318
|
-
break;
|
|
4319
4312
|
}
|
|
4320
4313
|
}
|
|
4321
4314
|
if (this.touchStart) {
|
|
@@ -4370,16 +4363,17 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4370
4363
|
}
|
|
4371
4364
|
monthSpan.textContent = '' + this.globalize.formatDate(this.value || new Date(), dateOptions);
|
|
4372
4365
|
if (this.fullScreenMode) {
|
|
4373
|
-
var modelCloseIcon = this.createElement(
|
|
4366
|
+
var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
4374
4367
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
|
|
4375
|
-
var modelTodayButton = this.calendarElement.querySelector(
|
|
4376
|
-
h2.classList.add(
|
|
4377
|
-
modelTodayButton.classList.add(
|
|
4368
|
+
var modelTodayButton = this.calendarElement.querySelector('button.e-today');
|
|
4369
|
+
h2.classList.add('e-day-wrapper');
|
|
4370
|
+
modelTodayButton.classList.add('e-outline');
|
|
4378
4371
|
modelHeader.appendChild(modelCloseIcon);
|
|
4379
4372
|
modelHeader.appendChild(modelTodayButton);
|
|
4380
4373
|
}
|
|
4381
|
-
if (!this.fullScreenMode)
|
|
4374
|
+
if (!this.fullScreenMode) {
|
|
4382
4375
|
modelHeader.appendChild(yearHeading);
|
|
4376
|
+
}
|
|
4383
4377
|
h2.appendChild(daySpan);
|
|
4384
4378
|
h2.appendChild(monthSpan);
|
|
4385
4379
|
modelHeader.appendChild(h2);
|
|
@@ -4646,7 +4640,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4646
4640
|
this.modal = null;
|
|
4647
4641
|
}
|
|
4648
4642
|
if (Browser.isDevice) {
|
|
4649
|
-
if (!isNullOrUndefined(this.mobilePopupWrapper) &&
|
|
4643
|
+
if (!isNullOrUndefined(this.mobilePopupWrapper) &&
|
|
4644
|
+
(prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
|
|
4650
4645
|
this.mobilePopupWrapper.remove();
|
|
4651
4646
|
this.mobilePopupWrapper = null;
|
|
4652
4647
|
}
|
|
@@ -4915,7 +4910,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4915
4910
|
this.globalize = new Internationalization(this.locale);
|
|
4916
4911
|
this.checkFormat();
|
|
4917
4912
|
this.checkView();
|
|
4918
|
-
var attributes
|
|
4913
|
+
var attributes = dynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
4919
4914
|
['value', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder', 'type'];
|
|
4920
4915
|
var options;
|
|
4921
4916
|
if (this.getModuleName() === 'datetimepicker') {
|
|
@@ -4940,7 +4935,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4940
4935
|
options = { format: this.formatString, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
|
|
4941
4936
|
}
|
|
4942
4937
|
}
|
|
4943
|
-
for (var _i = 0, attributes_1 = attributes
|
|
4938
|
+
for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
|
|
4944
4939
|
var prop = attributes_1[_i];
|
|
4945
4940
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
4946
4941
|
switch (prop) {
|
|
@@ -5090,9 +5085,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
5090
5085
|
this.calendarElement.querySelectorAll(dateIdString)[0] &&
|
|
5091
5086
|
this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
|
|
5092
5087
|
if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) &&
|
|
5093
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5094
5088
|
!isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
|
|
5095
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5096
5089
|
&& new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
|
|
5097
5090
|
|| (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
|
|
5098
5091
|
addClass([this.inputWrapper.container], ERROR);
|
|
@@ -5347,10 +5340,6 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
5347
5340
|
return DatePicker;
|
|
5348
5341
|
}(Calendar));
|
|
5349
5342
|
|
|
5350
|
-
/**
|
|
5351
|
-
* Datepicker modules
|
|
5352
|
-
*/
|
|
5353
|
-
|
|
5354
5343
|
var __extends$2 = (undefined && undefined.__extends) || (function () {
|
|
5355
5344
|
var extendStatics = function (d, b) {
|
|
5356
5345
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -5370,8 +5359,6 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
5370
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;
|
|
5371
5360
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
5372
5361
|
};
|
|
5373
|
-
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
|
5374
|
-
/// <reference path='../calendar/calendar-model.d.ts'/>
|
|
5375
5362
|
var DATERANGEWRAPPER = 'e-date-range-wrapper';
|
|
5376
5363
|
var INPUTCONTAINER$1 = 'e-input-group';
|
|
5377
5364
|
var DATERANGEICON = 'e-input-group-icon e-range-icon e-icons';
|
|
@@ -5488,7 +5475,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
5488
5475
|
_this.preventBlur = false;
|
|
5489
5476
|
_this.preventFocus = false;
|
|
5490
5477
|
_this.invalidValueString = null;
|
|
5491
|
-
_this.isAngular = false;
|
|
5492
5478
|
_this.preventChange = false;
|
|
5493
5479
|
_this.dateRangeOptions = options;
|
|
5494
5480
|
return _this;
|
|
@@ -5713,21 +5699,21 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
5713
5699
|
this.bindEvents();
|
|
5714
5700
|
};
|
|
5715
5701
|
DateRangePicker.prototype.setDataAttribute = function (isDynamic) {
|
|
5716
|
-
var attributes
|
|
5702
|
+
var attributes = {};
|
|
5717
5703
|
if (!isDynamic) {
|
|
5718
5704
|
for (var i = 0; i < this.element.attributes.length; i++) {
|
|
5719
|
-
attributes
|
|
5705
|
+
attributes[this.element.attributes[i].name] =
|
|
5720
5706
|
this.element.getAttribute(this.element.attributes[i].name);
|
|
5721
5707
|
}
|
|
5722
5708
|
}
|
|
5723
5709
|
else {
|
|
5724
|
-
attributes
|
|
5710
|
+
attributes = this.htmlAttributes;
|
|
5725
5711
|
}
|
|
5726
|
-
for (var _i = 0, _a = Object.keys(attributes
|
|
5712
|
+
for (var _i = 0, _a = Object.keys(attributes); _i < _a.length; _i++) {
|
|
5727
5713
|
var pro = _a[_i];
|
|
5728
5714
|
if (pro.indexOf('data') === 0) {
|
|
5729
|
-
this.firstHiddenChild.setAttribute(pro, attributes
|
|
5730
|
-
this.secondHiddenChild.setAttribute(pro, attributes
|
|
5715
|
+
this.firstHiddenChild.setAttribute(pro, attributes["" + pro]);
|
|
5716
|
+
this.secondHiddenChild.setAttribute(pro, attributes["" + pro]);
|
|
5731
5717
|
}
|
|
5732
5718
|
}
|
|
5733
5719
|
};
|
|
@@ -5759,14 +5745,14 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
5759
5745
|
var name = element.getAttribute('name') ? element.getAttribute('name') : element.getAttribute('id');
|
|
5760
5746
|
input.setAttribute('name', name);
|
|
5761
5747
|
element.removeAttribute('name');
|
|
5762
|
-
var attributes
|
|
5763
|
-
for (var i = 0; i < attributes
|
|
5764
|
-
if (isNullOrUndefined(element.getAttribute(attributes
|
|
5748
|
+
var attributes = ['required', 'aria-required', 'form'];
|
|
5749
|
+
for (var i = 0; i < attributes.length; i++) {
|
|
5750
|
+
if (isNullOrUndefined(element.getAttribute(attributes[i]))) {
|
|
5765
5751
|
continue;
|
|
5766
5752
|
}
|
|
5767
|
-
var attr = element.getAttribute(attributes
|
|
5768
|
-
input.setAttribute(attributes
|
|
5769
|
-
element.removeAttribute(attributes
|
|
5753
|
+
var attr = element.getAttribute(attributes[i]);
|
|
5754
|
+
input.setAttribute(attributes[i], attr);
|
|
5755
|
+
element.removeAttribute(attributes[i]);
|
|
5770
5756
|
}
|
|
5771
5757
|
};
|
|
5772
5758
|
DateRangePicker.prototype.updateHtmlAttributeToWrapper = function () {
|
|
@@ -6029,11 +6015,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
6029
6015
|
};
|
|
6030
6016
|
DateRangePicker.prototype.checkHtmlAttributes = function (isDynamic) {
|
|
6031
6017
|
this.globalize = new Internationalization(this.locale);
|
|
6032
|
-
var attributes
|
|
6018
|
+
var attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
6033
6019
|
['startDate', 'endDate', 'minDays', 'maxDays', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder',
|
|
6034
6020
|
'type', 'value'];
|
|
6035
6021
|
var format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
|
|
6036
|
-
for (var _i = 0, attributes_1 = attributes
|
|
6022
|
+
for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
|
|
6037
6023
|
var prop = attributes_1[_i];
|
|
6038
6024
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
6039
6025
|
switch (prop) {
|
|
@@ -6125,8 +6111,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
6125
6111
|
var startDate = this.presetsItem[i].start;
|
|
6126
6112
|
var endDate = this.presetsItem[i].end;
|
|
6127
6113
|
if (this.startValue && this.endValue) {
|
|
6128
|
-
if (startDate.getDate()
|
|
6129
|
-
|
|
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()) {
|
|
6130
6117
|
this.activeIndex = i;
|
|
6131
6118
|
this.isCustomRange = false;
|
|
6132
6119
|
}
|
|
@@ -6398,7 +6385,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
6398
6385
|
}
|
|
6399
6386
|
this.updateHiddenInput();
|
|
6400
6387
|
};
|
|
6401
|
-
// eslint-disable-next-line @typescript-eslint/tslint/config
|
|
6402
6388
|
DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
|
|
6403
6389
|
if (this.depth === 'Month') {
|
|
6404
6390
|
return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
|
|
@@ -8029,10 +8015,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
8029
8015
|
var controlContainer = this.createElement('div', { className: RANGECONTAINER });
|
|
8030
8016
|
var headerContainer = this.createElement('div', { className: RANGEHEADER });
|
|
8031
8017
|
if (this.isMobile && this.fullScreenMode) {
|
|
8032
|
-
var modelHeaderIconWrapper = this.createElement(
|
|
8033
|
-
var modelCloseIcon = this.createElement(
|
|
8018
|
+
var modelHeaderIconWrapper = this.createElement('div', { className: 'e-model-header-wrapper' });
|
|
8019
|
+
var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
8034
8020
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
|
|
8035
|
-
var modelApplyButton = this.createElement(
|
|
8021
|
+
var modelApplyButton = this.createElement('span', { className: 'e-apply' });
|
|
8036
8022
|
EventHandler.add(modelApplyButton, 'mousedown touchstart', this.applyFunction, this);
|
|
8037
8023
|
modelHeaderIconWrapper.appendChild(modelCloseIcon);
|
|
8038
8024
|
modelHeaderIconWrapper.appendChild(modelApplyButton);
|
|
@@ -8127,10 +8113,13 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
8127
8113
|
eve.preventDefault();
|
|
8128
8114
|
}
|
|
8129
8115
|
if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
|
|
8130
|
-
if (!(this.previousStartValue && this.previousEndValue &&
|
|
8131
|
-
this.startValue.
|
|
8132
|
-
|
|
8133
|
-
|
|
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())) {
|
|
8134
8123
|
Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
|
|
8135
8124
|
}
|
|
8136
8125
|
this.previousStartValue = new Date(+this.startValue);
|
|
@@ -8301,9 +8290,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
8301
8290
|
if (this.fullScreenMode) {
|
|
8302
8291
|
var modelWrapper = createElement('div', { className: 'e-range-mob-popup-wrap' });
|
|
8303
8292
|
var modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
8304
|
-
var modelTitleSpan = this.createElement(
|
|
8305
|
-
modelTitleSpan.textContent =
|
|
8306
|
-
var modelCloseIcon = this.createElement(
|
|
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' });
|
|
8307
8296
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
|
|
8308
8297
|
var presetContent = this.presetElement;
|
|
8309
8298
|
modelHeader.appendChild(modelCloseIcon);
|
|
@@ -8368,10 +8357,10 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
8368
8357
|
if (_this.isMobile && _this.fullScreenMode) {
|
|
8369
8358
|
_this.iconRangeRight = _this.calendarElement && window.getComputedStyle(_this.calendarElement.querySelector('.e-header.e-month .e-prev')).cssFloat;
|
|
8370
8359
|
if (_this.iconRangeRight) {
|
|
8371
|
-
_this.touchRangeModule = new Touch(_this.calendarElement.querySelector(
|
|
8360
|
+
_this.touchRangeModule = new Touch(_this.calendarElement.querySelector('.e-content.e-month'), {
|
|
8372
8361
|
swipe: _this.dateRangeSwipeHandler.bind(_this)
|
|
8373
8362
|
});
|
|
8374
|
-
EventHandler.add(_this.calendarElement.querySelector(
|
|
8363
|
+
EventHandler.add(_this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', _this.touchStartRangeHandler, _this);
|
|
8375
8364
|
}
|
|
8376
8365
|
}
|
|
8377
8366
|
attributes(_this.inputElement, { 'aria-expanded': 'true', 'aria-owns': _this.element.id, 'aria-controls': _this.inputElement.id });
|
|
@@ -8470,28 +8459,24 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
8470
8459
|
};
|
|
8471
8460
|
DateRangePicker.prototype.dateRangeSwipeHandler = function (e) {
|
|
8472
8461
|
var direction = 0;
|
|
8473
|
-
if (this.iconRangeRight
|
|
8462
|
+
if (this.iconRangeRight === 'left') {
|
|
8474
8463
|
switch (e.swipeDirection) {
|
|
8475
|
-
case
|
|
8464
|
+
case 'Left':
|
|
8476
8465
|
direction = 1;
|
|
8477
8466
|
break;
|
|
8478
|
-
case
|
|
8467
|
+
case 'Right':
|
|
8479
8468
|
direction = -1;
|
|
8480
8469
|
break;
|
|
8481
|
-
default:
|
|
8482
|
-
break;
|
|
8483
8470
|
}
|
|
8484
8471
|
}
|
|
8485
8472
|
else {
|
|
8486
8473
|
switch (e.swipeDirection) {
|
|
8487
|
-
case
|
|
8474
|
+
case 'Up':
|
|
8488
8475
|
direction = 1;
|
|
8489
8476
|
break;
|
|
8490
|
-
case
|
|
8477
|
+
case 'Down':
|
|
8491
8478
|
direction = -1;
|
|
8492
8479
|
break;
|
|
8493
|
-
default:
|
|
8494
|
-
break;
|
|
8495
8480
|
}
|
|
8496
8481
|
}
|
|
8497
8482
|
if (this.touchRangeStart) {
|
|
@@ -8759,7 +8744,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
8759
8744
|
};
|
|
8760
8745
|
DateRangePicker.prototype.createInput = function () {
|
|
8761
8746
|
if (this.fullScreenMode && this.isMobile) {
|
|
8762
|
-
this.cssClass += ' ' +
|
|
8747
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
8763
8748
|
}
|
|
8764
8749
|
var updatedCssClassValue = this.cssClass;
|
|
8765
8750
|
if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
|
|
@@ -9403,9 +9388,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
9403
9388
|
_this.endButton.element.removeAttribute('disabled');
|
|
9404
9389
|
_this.selectableDates();
|
|
9405
9390
|
}
|
|
9406
|
-
_super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal,
|
|
9407
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
9408
|
-
_this.isMobile || Browser.isDevice);
|
|
9391
|
+
_super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal, _this.isMobile || Browser.isDevice);
|
|
9409
9392
|
}
|
|
9410
9393
|
});
|
|
9411
9394
|
if (Browser.isDevice) {
|
|
@@ -9600,7 +9583,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
9600
9583
|
this.updateHeader();
|
|
9601
9584
|
}
|
|
9602
9585
|
};
|
|
9603
|
-
// eslint-disable-next-line @typescript-eslint/tslint/config
|
|
9604
9586
|
DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
|
|
9605
9587
|
if (this.depth === 'Month') {
|
|
9606
9588
|
return this.checkDateValue(new Date(this.checkValue(date)));
|
|
@@ -9977,10 +9959,6 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
9977
9959
|
return DateRangePicker;
|
|
9978
9960
|
}(CalendarBase));
|
|
9979
9961
|
|
|
9980
|
-
/**
|
|
9981
|
-
* DateRangePicker modules
|
|
9982
|
-
*/
|
|
9983
|
-
|
|
9984
9962
|
var __extends$3 = (undefined && undefined.__extends) || (function () {
|
|
9985
9963
|
var extendStatics = function (d, b) {
|
|
9986
9964
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -10000,7 +9978,6 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
10000
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;
|
|
10001
9979
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
10002
9980
|
};
|
|
10003
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
10004
9981
|
var WRAPPERCLASS = 'e-time-wrapper';
|
|
10005
9982
|
var POPUP$2 = 'e-popup';
|
|
10006
9983
|
var ERROR$2 = 'e-error';
|
|
@@ -10030,13 +10007,7 @@ var TimePickerBase;
|
|
|
10030
10007
|
(function (TimePickerBase) {
|
|
10031
10008
|
// eslint-disable-next-line max-len, jsdoc/require-jsdoc
|
|
10032
10009
|
function createListItems(createdEl, min, max, globalize, timeFormat, step) {
|
|
10033
|
-
if (this.calendarMode === 'Gregorian')
|
|
10034
|
-
|
|
10035
|
-
}
|
|
10036
|
-
else {
|
|
10037
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
10038
|
-
|
|
10039
|
-
}
|
|
10010
|
+
if (this.calendarMode === 'Gregorian') ;
|
|
10040
10011
|
var start;
|
|
10041
10012
|
var interval = step * 60000;
|
|
10042
10013
|
var listItems = [];
|
|
@@ -10107,7 +10078,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
10107
10078
|
_this.timeCollections = [];
|
|
10108
10079
|
_this.disableItemCollection = [];
|
|
10109
10080
|
_this.invalidValueString = null;
|
|
10110
|
-
_this.isAngular = false;
|
|
10111
10081
|
_this.preventChange = false;
|
|
10112
10082
|
_this.maskedDateValue = '';
|
|
10113
10083
|
_this.moduleName = _this.getModuleName();
|
|
@@ -10240,14 +10210,14 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
10240
10210
|
var name = target.getAttribute('name') ? target.getAttribute('name') : target.getAttribute('id');
|
|
10241
10211
|
input.setAttribute('name', name);
|
|
10242
10212
|
target.removeAttribute('name');
|
|
10243
|
-
var attributes
|
|
10244
|
-
for (var i = 0; i < attributes
|
|
10245
|
-
if (isNullOrUndefined(target.getAttribute(attributes
|
|
10213
|
+
var attributes = ['required', 'aria-required', 'form'];
|
|
10214
|
+
for (var i = 0; i < attributes.length; i++) {
|
|
10215
|
+
if (isNullOrUndefined(target.getAttribute(attributes[i]))) {
|
|
10246
10216
|
continue;
|
|
10247
10217
|
}
|
|
10248
|
-
var attr = target.getAttribute(attributes
|
|
10249
|
-
input.setAttribute(attributes
|
|
10250
|
-
target.removeAttribute(attributes
|
|
10218
|
+
var attr = target.getAttribute(attributes[i]);
|
|
10219
|
+
input.setAttribute(attributes[i], attr);
|
|
10220
|
+
target.removeAttribute(attributes[i]);
|
|
10251
10221
|
}
|
|
10252
10222
|
};
|
|
10253
10223
|
TimePicker.prototype.initialize = function () {
|
|
@@ -10316,7 +10286,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
10316
10286
|
};
|
|
10317
10287
|
TimePicker.prototype.createInputElement = function () {
|
|
10318
10288
|
if (this.fullScreenMode && Browser.isDevice) {
|
|
10319
|
-
this.cssClass += ' ' +
|
|
10289
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
10320
10290
|
}
|
|
10321
10291
|
var updatedCssClassesValue = this.cssClass;
|
|
10322
10292
|
var isBindClearAction = this.enableMask ? false : true;
|
|
@@ -10427,7 +10397,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
10427
10397
|
}
|
|
10428
10398
|
return modules;
|
|
10429
10399
|
};
|
|
10430
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
10431
10400
|
TimePicker.prototype.cldrFormat = function (type) {
|
|
10432
10401
|
var cldrDateTimeString;
|
|
10433
10402
|
if (this.locale === 'en' || this.locale === 'en-US') {
|
|
@@ -10576,17 +10545,17 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
10576
10545
|
this.popupObj.collision = { X: 'none', Y: 'flip' };
|
|
10577
10546
|
}
|
|
10578
10547
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
10579
|
-
this.popupObj.element.style.maxHeight =
|
|
10580
|
-
this.popupObj.element.style.width =
|
|
10548
|
+
this.popupObj.element.style.maxHeight = '100%';
|
|
10549
|
+
this.popupObj.element.style.width = '100%';
|
|
10581
10550
|
}
|
|
10582
10551
|
else {
|
|
10583
10552
|
this.popupObj.element.style.maxHeight = POPUPDIMENSION;
|
|
10584
10553
|
}
|
|
10585
10554
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
10586
10555
|
var modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
10587
|
-
var modelTitleSpan = this.createElement(
|
|
10588
|
-
modelTitleSpan.textContent =
|
|
10589
|
-
var modelCloseIcon = this.createElement(
|
|
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' });
|
|
10590
10559
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.timePopupCloseHandler, this);
|
|
10591
10560
|
modelHeader.appendChild(modelCloseIcon);
|
|
10592
10561
|
modelHeader.appendChild(modelTitleSpan);
|
|
@@ -10973,7 +10942,7 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
10973
10942
|
};
|
|
10974
10943
|
TimePicker.prototype.inputHandler = function (event) {
|
|
10975
10944
|
if (!this.readonly && this.enabled) {
|
|
10976
|
-
if (!((event.action
|
|
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))) {
|
|
10977
10946
|
event.preventDefault();
|
|
10978
10947
|
}
|
|
10979
10948
|
switch (event.action) {
|
|
@@ -11308,8 +11277,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
11308
11277
|
});
|
|
11309
11278
|
}
|
|
11310
11279
|
break;
|
|
11311
|
-
default:
|
|
11312
|
-
break;
|
|
11313
11280
|
}
|
|
11314
11281
|
};
|
|
11315
11282
|
TimePicker.prototype.formResetHandler = function () {
|
|
@@ -11425,10 +11392,10 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
11425
11392
|
}
|
|
11426
11393
|
};
|
|
11427
11394
|
TimePicker.prototype.checkAttributes = function (isDynamic) {
|
|
11428
|
-
var attributes
|
|
11395
|
+
var attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
11429
11396
|
['step', 'disabled', 'readonly', 'style', 'name', 'value', 'min', 'max', 'placeholder'];
|
|
11430
11397
|
var value;
|
|
11431
|
-
for (var _i = 0, attributes_1 = attributes
|
|
11398
|
+
for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
|
|
11432
11399
|
var prop = attributes_1[_i];
|
|
11433
11400
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
11434
11401
|
switch (prop) {
|
|
@@ -12576,13 +12543,8 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
12576
12543
|
], TimePicker);
|
|
12577
12544
|
return TimePicker;
|
|
12578
12545
|
}(Component));
|
|
12579
|
-
|
|
12580
12546
|
/* eslint-enable @typescript-eslint/no-explicit-any */
|
|
12581
12547
|
|
|
12582
|
-
/**
|
|
12583
|
-
* TimePicker modules
|
|
12584
|
-
*/
|
|
12585
|
-
|
|
12586
12548
|
var __extends$4 = (undefined && undefined.__extends) || (function () {
|
|
12587
12549
|
var extendStatics = function (d, b) {
|
|
12588
12550
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -12602,8 +12564,6 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
12602
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;
|
|
12603
12565
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12604
12566
|
};
|
|
12605
|
-
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
|
12606
|
-
///<reference path='../datepicker/datepicker-model.d.ts'/>
|
|
12607
12567
|
//class constant defination
|
|
12608
12568
|
var DATEWRAPPER$1 = 'e-date-wrapper';
|
|
12609
12569
|
var DATEPICKERROOT = 'e-datepicker';
|
|
@@ -12619,7 +12579,7 @@ var ROOT$4 = 'e-datetimepicker';
|
|
|
12619
12579
|
var DATETIMEPOPUPWRAPPER = 'e-datetimepopup-wrapper';
|
|
12620
12580
|
var INPUTWRAPPER$1 = 'e-input-group-icon';
|
|
12621
12581
|
var POPUP$3 = 'e-popup';
|
|
12622
|
-
var TIMEICON
|
|
12582
|
+
var TIMEICON = 'e-time-icon';
|
|
12623
12583
|
var INPUTFOCUS$2 = 'e-input-focus';
|
|
12624
12584
|
var POPUPDIMENSION$1 = '250px';
|
|
12625
12585
|
var ICONANIMATION$1 = 'e-icon-anim';
|
|
@@ -12933,7 +12893,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
12933
12893
|
this.renderTimeIcon();
|
|
12934
12894
|
};
|
|
12935
12895
|
DateTimePicker.prototype.renderTimeIcon = function () {
|
|
12936
|
-
this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON
|
|
12896
|
+
this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON + ' ' + ICONS$1, this.inputWrapper.container);
|
|
12937
12897
|
};
|
|
12938
12898
|
DateTimePicker.prototype.bindInputEvents = function () {
|
|
12939
12899
|
EventHandler.add(this.timeIcon, 'mousedown', this.timeHandler, this);
|
|
@@ -13174,7 +13134,7 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
13174
13134
|
if (!_this.preventArgs.cancel && !_this.readonly) {
|
|
13175
13135
|
var openAnimation = {
|
|
13176
13136
|
name: 'FadeIn',
|
|
13177
|
-
duration: ANIMATIONDURATION$1
|
|
13137
|
+
duration: ANIMATIONDURATION$1
|
|
13178
13138
|
};
|
|
13179
13139
|
if (_this.zIndex === 1000) {
|
|
13180
13140
|
_this.popupObject.show(new Animation(openAnimation), _this.element);
|
|
@@ -13265,9 +13225,9 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
13265
13225
|
}
|
|
13266
13226
|
});
|
|
13267
13227
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
13268
|
-
this.popupObject.element.style.display =
|
|
13269
|
-
this.popupObject.element.style.maxHeight =
|
|
13270
|
-
this.popupObject.element.style.width =
|
|
13228
|
+
this.popupObject.element.style.display = 'flex';
|
|
13229
|
+
this.popupObject.element.style.maxHeight = '100%';
|
|
13230
|
+
this.popupObject.element.style.width = '100%';
|
|
13271
13231
|
}
|
|
13272
13232
|
else {
|
|
13273
13233
|
this.popupObject.element.style.maxHeight = POPUPDIMENSION$1;
|
|
@@ -13275,11 +13235,11 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
13275
13235
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
13276
13236
|
var modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
|
|
13277
13237
|
var modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
13278
|
-
var modelTitleSpan = this.createElement(
|
|
13279
|
-
modelTitleSpan.textContent =
|
|
13280
|
-
var modelCloseIcon = this.createElement(
|
|
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' });
|
|
13281
13241
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
|
|
13282
|
-
var timeContent = this.dateTimeWrapper.querySelector(
|
|
13242
|
+
var timeContent = this.dateTimeWrapper.querySelector('.e-content');
|
|
13283
13243
|
modelHeader.appendChild(modelCloseIcon);
|
|
13284
13244
|
modelHeader.appendChild(modelTitleSpan);
|
|
13285
13245
|
modelWrapper.appendChild(modelHeader);
|
|
@@ -13588,7 +13548,13 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
13588
13548
|
DateTimePicker.prototype.TimePopupFormat = function () {
|
|
13589
13549
|
var format = '';
|
|
13590
13550
|
var formatCount = 0;
|
|
13591
|
-
var proxy =
|
|
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
|
+
*/
|
|
13592
13558
|
function formatValueSpecifier(formattext) {
|
|
13593
13559
|
switch (formattext) {
|
|
13594
13560
|
case 'd':
|
|
@@ -13603,11 +13569,11 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
13603
13569
|
case 'yy':
|
|
13604
13570
|
case 'yyy':
|
|
13605
13571
|
case 'yyyy':
|
|
13606
|
-
if (format
|
|
13572
|
+
if (format === '') {
|
|
13607
13573
|
format = format + formattext;
|
|
13608
13574
|
}
|
|
13609
13575
|
else {
|
|
13610
|
-
format = format +
|
|
13576
|
+
format = format + '/' + formattext;
|
|
13611
13577
|
}
|
|
13612
13578
|
formatCount = formatCount + 1;
|
|
13613
13579
|
break;
|
|
@@ -13718,10 +13684,10 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
13718
13684
|
}
|
|
13719
13685
|
};
|
|
13720
13686
|
DateTimePicker.prototype.checkAttributes = function (isDynamic) {
|
|
13721
|
-
var attributes
|
|
13687
|
+
var attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
13722
13688
|
['style', 'name', 'step', 'disabled', 'readonly', 'value', 'min', 'max', 'placeholder', 'type'];
|
|
13723
13689
|
var value;
|
|
13724
|
-
for (var _i = 0, attributes_1 = attributes
|
|
13690
|
+
for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
|
|
13725
13691
|
var prop = attributes_1[_i];
|
|
13726
13692
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
13727
13693
|
switch (prop) {
|
|
@@ -14290,10 +14256,6 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
14290
14256
|
return DateTimePicker;
|
|
14291
14257
|
}(DatePicker));
|
|
14292
14258
|
|
|
14293
|
-
/**
|
|
14294
|
-
* DateTimePicker modules
|
|
14295
|
-
*/
|
|
14296
|
-
|
|
14297
14259
|
var ARROWLEFT = 'ArrowLeft';
|
|
14298
14260
|
var ARROWRIGHT = 'ArrowRight';
|
|
14299
14261
|
var ARROWUP = 'ArrowUp';
|
|
@@ -14581,8 +14543,8 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
|
|
|
14581
14543
|
}
|
|
14582
14544
|
if (month >= 1) {
|
|
14583
14545
|
newDateValue.setMonth(month - 1);
|
|
14584
|
-
if (month >= 10 || month
|
|
14585
|
-
if (this.isLeadingZero && month
|
|
14546
|
+
if (month >= 10 || month === 1) {
|
|
14547
|
+
if (this.isLeadingZero && month === 1) {
|
|
14586
14548
|
this.isNavigate = month.toString().length === 1;
|
|
14587
14549
|
this.isLeadingZero = false;
|
|
14588
14550
|
}
|
|
@@ -14735,7 +14697,6 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
|
|
|
14735
14697
|
case 'a':
|
|
14736
14698
|
{
|
|
14737
14699
|
this.periodCharacter += newVal[start - 1].toLowerCase();
|
|
14738
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14739
14700
|
var periodString = (this.getCulturedValue('dayPeriods.format.wide'));
|
|
14740
14701
|
var periodkeys = Object.keys(periodString);
|
|
14741
14702
|
for (var i = 0; this.periodCharacter.length > 0; i++) {
|
|
@@ -14749,15 +14710,12 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
|
|
|
14749
14710
|
}
|
|
14750
14711
|
break;
|
|
14751
14712
|
}
|
|
14752
|
-
default:
|
|
14753
|
-
break;
|
|
14754
14713
|
}
|
|
14755
14714
|
this.maskDateValue = newDateValue;
|
|
14756
14715
|
};
|
|
14757
14716
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14758
14717
|
MaskedDateTime.prototype.formatCheck = function () {
|
|
14759
|
-
|
|
14760
|
-
var proxy = this;
|
|
14718
|
+
var proxy = this;
|
|
14761
14719
|
function formatValueSpecifier(formattext) {
|
|
14762
14720
|
var result;
|
|
14763
14721
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -15084,8 +15042,6 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
|
|
|
15084
15042
|
case 'a':
|
|
15085
15043
|
newDateValue.setHours((newDateValue.getHours() + 12) % 24);
|
|
15086
15044
|
break;
|
|
15087
|
-
default:
|
|
15088
|
-
break;
|
|
15089
15045
|
}
|
|
15090
15046
|
this.maskDateValue = newDateValue.getFullYear() > 0 ? newDateValue : this.maskDateValue;
|
|
15091
15047
|
if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
|
|
@@ -15142,13 +15098,5 @@ var MaskedDateTime = /** @__PURE__ @class */ (function () {
|
|
|
15142
15098
|
return MaskedDateTime;
|
|
15143
15099
|
}());
|
|
15144
15100
|
|
|
15145
|
-
|
|
15146
|
-
* MaskedDateTime modules
|
|
15147
|
-
*/
|
|
15148
|
-
|
|
15149
|
-
/**
|
|
15150
|
-
* Calendar all modules
|
|
15151
|
-
*/
|
|
15152
|
-
|
|
15153
|
-
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 };
|
|
15154
15102
|
//# sourceMappingURL=ej2-calendars.es5.js.map
|