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