@syncfusion/ej2-calendars 25.2.7 → 26.1.38
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 { Component, Internationalization, isNullOrUndefined, Browser, attributes, closest, addClass, removeClass, rippleEffect, EventHandler, getValue, getDefaultDateObject, cldrData, detach, L10n, extend, KeyboardEvents, getUniqueID, Property, Event, NotifyPropertyChanges, 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';
|
|
@@ -10,7 +10,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
|
|
|
10
10
|
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;
|
|
11
11
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12
12
|
};
|
|
13
|
-
/* eslint-disable @typescript-eslint/no-unused-expressions */
|
|
14
13
|
//class constant defination.
|
|
15
14
|
const OTHERMONTH = 'e-other-month';
|
|
16
15
|
const OTHERDECADE = 'e-other-year';
|
|
@@ -71,7 +70,6 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
71
70
|
this.isDateSelected = true;
|
|
72
71
|
this.isTodayClicked = false;
|
|
73
72
|
this.preventChange = false;
|
|
74
|
-
this.isAngular = false;
|
|
75
73
|
this.previousDates = false;
|
|
76
74
|
}
|
|
77
75
|
/**
|
|
@@ -269,7 +267,7 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
269
267
|
if (this.showTodayButton) {
|
|
270
268
|
this.createContentFooter();
|
|
271
269
|
}
|
|
272
|
-
if (this.getModuleName()
|
|
270
|
+
if (this.getModuleName() !== 'daterangepicker') {
|
|
273
271
|
EventHandler.add(this.table, 'focus', this.addContentFocus, this);
|
|
274
272
|
EventHandler.add(this.table, 'blur', this.removeContentFocus, this);
|
|
275
273
|
}
|
|
@@ -340,8 +338,9 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
340
338
|
addClass([this.calendarElement], '' + WEEKNUMBER);
|
|
341
339
|
}
|
|
342
340
|
}
|
|
343
|
-
|
|
344
|
-
|
|
341
|
+
const shortNames = this.getCultureValues().length > 0 &&
|
|
342
|
+
this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 &&
|
|
343
|
+
this.getCultureValues())), this.firstDayOfWeek) : null;
|
|
345
344
|
if (!isNullOrUndefined(shortNames)) {
|
|
346
345
|
for (let days = 0; days <= daysCount; days++) {
|
|
347
346
|
html += '<th class="">' + this.toCapitalize(shortNames[days]) + '</th>';
|
|
@@ -484,19 +483,22 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
484
483
|
this.effect = '';
|
|
485
484
|
switch (e.action) {
|
|
486
485
|
case 'moveLeft':
|
|
487
|
-
if (this.getModuleName()
|
|
486
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
487
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
488
488
|
this.keyboardNavigate(-1, view, e, this.max, this.min);
|
|
489
489
|
e.preventDefault();
|
|
490
490
|
}
|
|
491
491
|
break;
|
|
492
492
|
case 'moveRight':
|
|
493
|
-
if (this.getModuleName()
|
|
493
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
494
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
494
495
|
this.keyboardNavigate(1, view, e, this.max, this.min);
|
|
495
496
|
e.preventDefault();
|
|
496
497
|
}
|
|
497
498
|
break;
|
|
498
499
|
case 'moveUp':
|
|
499
|
-
if (this.getModuleName()
|
|
500
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
501
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
500
502
|
if (view === 0) {
|
|
501
503
|
this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
|
|
502
504
|
}
|
|
@@ -507,7 +509,8 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
507
509
|
}
|
|
508
510
|
break;
|
|
509
511
|
case 'moveDown':
|
|
510
|
-
if (this.getModuleName()
|
|
512
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
513
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
511
514
|
if (view === 0) {
|
|
512
515
|
this.keyboardNavigate(7, view, e, this.max, this.min);
|
|
513
516
|
}
|
|
@@ -521,13 +524,13 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
521
524
|
if (e.target === this.headerTitleElement) {
|
|
522
525
|
this.navigateTitle(e);
|
|
523
526
|
}
|
|
524
|
-
else if (e.target === this.previousIcon) {
|
|
527
|
+
else if (e.target === this.previousIcon && !e.target.className.includes(DISABLED)) {
|
|
525
528
|
this.navigatePrevious(e);
|
|
526
529
|
}
|
|
527
|
-
else if (e.target === this.nextIcon) {
|
|
530
|
+
else if (e.target === this.nextIcon && !e.target.className.includes(DISABLED)) {
|
|
528
531
|
this.navigateNext(e);
|
|
529
532
|
}
|
|
530
|
-
else if (e.target === this.todayElement) {
|
|
533
|
+
else if (e.target === this.todayElement && !e.target.className.includes(DISABLED)) {
|
|
531
534
|
this.todayButtonClick(e, value);
|
|
532
535
|
if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
|
|
533
536
|
this.element.focus();
|
|
@@ -540,12 +543,14 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
540
543
|
// eslint-disable-next-line radix
|
|
541
544
|
const d = new Date(parseInt('' + (element).id, 0));
|
|
542
545
|
this.selectDate(e, d, (element));
|
|
546
|
+
if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
|
|
547
|
+
this.element.focus();
|
|
548
|
+
}
|
|
543
549
|
}
|
|
544
550
|
else {
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
this.element.focus();
|
|
551
|
+
if (!e.target.className.includes(DISABLED)) {
|
|
552
|
+
this.contentClick(null, --view, (element), value);
|
|
553
|
+
}
|
|
549
554
|
}
|
|
550
555
|
}
|
|
551
556
|
}
|
|
@@ -828,7 +833,6 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
828
833
|
// if (args.isDisabled && +this.value === +args.date) {
|
|
829
834
|
// this.setProperties({ value: null }, true);
|
|
830
835
|
// }
|
|
831
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
832
836
|
let currentTarget;
|
|
833
837
|
if (!isNullOrUndefined(e) && e.type === 'click') {
|
|
834
838
|
currentTarget = e.currentTarget;
|
|
@@ -919,7 +923,7 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
919
923
|
const tdEle = this.dayCell(localDate);
|
|
920
924
|
const dayLink = this.createElement('span');
|
|
921
925
|
const localMonth = (value && (value).getMonth() === localDate.getMonth());
|
|
922
|
-
const select
|
|
926
|
+
const select = (value && (value).getFullYear() === yr && localMonth);
|
|
923
927
|
const title = this.globalize.formatDate(localDate, { type: 'date', format: 'MMM y' });
|
|
924
928
|
dayLink.textContent = this.toCapitalize(this.globalize.formatDate(localDate, {
|
|
925
929
|
format: null, type: 'dateTime', skeleton: 'MMM'
|
|
@@ -927,7 +931,7 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
927
931
|
if ((this.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
|
|
928
932
|
addClass([tdEle], DISABLED);
|
|
929
933
|
}
|
|
930
|
-
else if (!valueUtil && select
|
|
934
|
+
else if (!valueUtil && select) {
|
|
931
935
|
addClass([tdEle], SELECTED);
|
|
932
936
|
}
|
|
933
937
|
else {
|
|
@@ -1575,9 +1579,6 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
1575
1579
|
navigateTitle(e) {
|
|
1576
1580
|
e.preventDefault();
|
|
1577
1581
|
this.title(e);
|
|
1578
|
-
if (this.getModuleName() === 'calendar') {
|
|
1579
|
-
this.table.focus();
|
|
1580
|
-
}
|
|
1581
1582
|
}
|
|
1582
1583
|
previous() {
|
|
1583
1584
|
this.effect = '';
|
|
@@ -1606,9 +1607,6 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
1606
1607
|
this.islamicModule.islamicPrevious();
|
|
1607
1608
|
}
|
|
1608
1609
|
this.triggerNavigate(e);
|
|
1609
|
-
if (this.getModuleName() === 'calendar') {
|
|
1610
|
-
this.table.focus();
|
|
1611
|
-
}
|
|
1612
1610
|
}
|
|
1613
1611
|
next() {
|
|
1614
1612
|
this.effect = '';
|
|
@@ -1637,9 +1635,6 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
1637
1635
|
this.islamicModule.islamicNext();
|
|
1638
1636
|
}
|
|
1639
1637
|
this.triggerNavigate(eve);
|
|
1640
|
-
if (this.getModuleName() === 'calendar') {
|
|
1641
|
-
this.table.focus();
|
|
1642
|
-
}
|
|
1643
1638
|
}
|
|
1644
1639
|
/**
|
|
1645
1640
|
* This method is used to navigate to the month/year/decade view of the Calendar.
|
|
@@ -2649,7 +2644,6 @@ let Calendar = class Calendar extends CalendarBase {
|
|
|
2649
2644
|
if (!isNullOrUndefined(this.value)) {
|
|
2650
2645
|
this.setProperties({ value: this.value }, true);
|
|
2651
2646
|
}
|
|
2652
|
-
// eslint-disable-next-line use-isnan
|
|
2653
2647
|
if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) &&
|
|
2654
2648
|
!isNullOrUndefined(this.previousDate) || this.previousDate === null
|
|
2655
2649
|
&& !isNaN(+this.value))) {
|
|
@@ -2680,7 +2674,6 @@ Calendar = __decorate([
|
|
|
2680
2674
|
/**
|
|
2681
2675
|
*
|
|
2682
2676
|
*/
|
|
2683
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2684
2677
|
//class constant defination.
|
|
2685
2678
|
const OTHERMONTH$1 = 'e-other-month';
|
|
2686
2679
|
const YEAR$1 = 'e-year';
|
|
@@ -2933,12 +2926,12 @@ class Islamic {
|
|
|
2933
2926
|
const dayLink = this.calendarInstance.createElement('span');
|
|
2934
2927
|
const localMonth = (value &&
|
|
2935
2928
|
(this.getIslamicDate(value)).month === (this.getIslamicDate(localDate)).month);
|
|
2936
|
-
const select
|
|
2929
|
+
const select = (value && (this.getIslamicDate(value)).year === yr && localMonth);
|
|
2937
2930
|
dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'MMM', calendar: 'islamic' });
|
|
2938
2931
|
if ((this.calendarInstance.min && (curYrs < minYr || (month < minMonth && curYrs === minYr))) || (this.calendarInstance.max && (curYrs > maxYr || (month > maxMonth && curYrs >= maxYr)))) {
|
|
2939
2932
|
addClass([tdEle], DISABLED$1);
|
|
2940
2933
|
}
|
|
2941
|
-
else if (!valueUtil && select
|
|
2934
|
+
else if (!valueUtil && select) {
|
|
2942
2935
|
addClass([tdEle], SELECTED$1);
|
|
2943
2936
|
}
|
|
2944
2937
|
else {
|
|
@@ -2976,7 +2969,8 @@ class Islamic {
|
|
|
2976
2969
|
endHdrYr = Number(endHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, (d) => String.fromCharCode(d.charCodeAt(0) - 1632 + 48)));
|
|
2977
2970
|
}
|
|
2978
2971
|
const splityear = this.calendarInstance.headerElement.textContent.split('-');
|
|
2979
|
-
if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') ||
|
|
2972
|
+
if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') ||
|
|
2973
|
+
(!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
|
|
2980
2974
|
startHdrYr = this.calendarInstance.headerElement.textContent.split('-')[0].trim();
|
|
2981
2975
|
endHdrYr = this.calendarInstance.headerElement.textContent.split('-')[1].trim();
|
|
2982
2976
|
}
|
|
@@ -2986,8 +2980,8 @@ class Islamic {
|
|
|
2986
2980
|
this.calendarInstance.islamicPreviousHeader = null;
|
|
2987
2981
|
}
|
|
2988
2982
|
if (this.calendarInstance.previousIconClicked) {
|
|
2989
|
-
|
|
2990
|
-
for (
|
|
2983
|
+
let i = 0;
|
|
2984
|
+
for (i = 0; i <= splityear.length; i++) {
|
|
2991
2985
|
endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i]
|
|
2992
2986
|
- endHdrYr === 2 ? (parseInt(endHdrYr, 10) + 1).toString() :
|
|
2993
2987
|
endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ?
|
|
@@ -3231,18 +3225,12 @@ class Islamic {
|
|
|
3231
3225
|
}
|
|
3232
3226
|
/* eslint-enable @typescript-eslint/no-explicit-any */
|
|
3233
3227
|
|
|
3234
|
-
/**
|
|
3235
|
-
* Calendar modules
|
|
3236
|
-
*/
|
|
3237
|
-
|
|
3238
3228
|
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
3239
3229
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3240
3230
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
3241
3231
|
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;
|
|
3242
3232
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
3243
3233
|
};
|
|
3244
|
-
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
|
3245
|
-
/// <reference path='../calendar/calendar-model.d.ts'/>
|
|
3246
3234
|
//class constant defination
|
|
3247
3235
|
const DATEWRAPPER = 'e-date-wrapper';
|
|
3248
3236
|
const ROOT$1 = 'e-datepicker';
|
|
@@ -3294,7 +3282,6 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
3294
3282
|
this.invalidValueString = null;
|
|
3295
3283
|
this.checkPreviousValue = null;
|
|
3296
3284
|
this.maskedDateValue = '';
|
|
3297
|
-
this.isAngular = false;
|
|
3298
3285
|
this.preventChange = false;
|
|
3299
3286
|
this.isIconClicked = false;
|
|
3300
3287
|
this.isDynamicValueChanged = false;
|
|
@@ -3399,7 +3386,7 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
3399
3386
|
this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
|
|
3400
3387
|
}
|
|
3401
3388
|
if (this.fullScreenMode && Browser.isDevice) {
|
|
3402
|
-
this.cssClass += ' ' +
|
|
3389
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
3403
3390
|
}
|
|
3404
3391
|
let updatedCssClassValues = this.cssClass;
|
|
3405
3392
|
if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
|
|
@@ -3668,8 +3655,6 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
3668
3655
|
});
|
|
3669
3656
|
}
|
|
3670
3657
|
break;
|
|
3671
|
-
default:
|
|
3672
|
-
break;
|
|
3673
3658
|
}
|
|
3674
3659
|
}
|
|
3675
3660
|
unBindEvents() {
|
|
@@ -4089,8 +4074,8 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4089
4074
|
}
|
|
4090
4075
|
strictModeUpdate() {
|
|
4091
4076
|
let format;
|
|
4092
|
-
|
|
4093
|
-
|
|
4077
|
+
const pattern = /^y/;
|
|
4078
|
+
const charPattern = /[^a-zA-Z]/;
|
|
4094
4079
|
let formatOptions;
|
|
4095
4080
|
if (this.getModuleName() === 'datetimepicker') {
|
|
4096
4081
|
format = !isNullOrUndefined(this.formatString) ? this.formatString : this.dateTimeFormat;
|
|
@@ -4214,10 +4199,10 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4214
4199
|
open: () => {
|
|
4215
4200
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
4216
4201
|
this.iconRight = parseInt(window.getComputedStyle(this.calendarElement.querySelector('.e-header.e-month .e-prev')).marginRight, 10) > 16 ? true : false;
|
|
4217
|
-
this.touchModule = new Touch(this.calendarElement.querySelector(
|
|
4202
|
+
this.touchModule = new Touch(this.calendarElement.querySelector('.e-content.e-month'), {
|
|
4218
4203
|
swipe: this.CalendarSwipeHandler.bind(this)
|
|
4219
4204
|
});
|
|
4220
|
-
EventHandler.add(this.calendarElement.querySelector(
|
|
4205
|
+
EventHandler.add(this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', this.TouchStartHandler, this);
|
|
4221
4206
|
}
|
|
4222
4207
|
if (this.getModuleName() !== 'datetimepicker') {
|
|
4223
4208
|
if (document.activeElement !== this.inputElement) {
|
|
@@ -4264,26 +4249,22 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4264
4249
|
let direction = 0;
|
|
4265
4250
|
if (this.iconRight) {
|
|
4266
4251
|
switch (e.swipeDirection) {
|
|
4267
|
-
case
|
|
4252
|
+
case 'Left':
|
|
4268
4253
|
direction = 1;
|
|
4269
4254
|
break;
|
|
4270
|
-
case
|
|
4255
|
+
case 'Right':
|
|
4271
4256
|
direction = -1;
|
|
4272
4257
|
break;
|
|
4273
|
-
default:
|
|
4274
|
-
break;
|
|
4275
4258
|
}
|
|
4276
4259
|
}
|
|
4277
4260
|
else {
|
|
4278
4261
|
switch (e.swipeDirection) {
|
|
4279
|
-
case
|
|
4262
|
+
case 'Up':
|
|
4280
4263
|
direction = 1;
|
|
4281
4264
|
break;
|
|
4282
|
-
case
|
|
4265
|
+
case 'Down':
|
|
4283
4266
|
direction = -1;
|
|
4284
4267
|
break;
|
|
4285
|
-
default:
|
|
4286
|
-
break;
|
|
4287
4268
|
}
|
|
4288
4269
|
}
|
|
4289
4270
|
if (this.touchStart) {
|
|
@@ -4338,16 +4319,17 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4338
4319
|
}
|
|
4339
4320
|
monthSpan.textContent = '' + this.globalize.formatDate(this.value || new Date(), dateOptions);
|
|
4340
4321
|
if (this.fullScreenMode) {
|
|
4341
|
-
const modelCloseIcon = this.createElement(
|
|
4322
|
+
const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
4342
4323
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
|
|
4343
|
-
const modelTodayButton = this.calendarElement.querySelector(
|
|
4344
|
-
h2.classList.add(
|
|
4345
|
-
modelTodayButton.classList.add(
|
|
4324
|
+
const modelTodayButton = this.calendarElement.querySelector('button.e-today');
|
|
4325
|
+
h2.classList.add('e-day-wrapper');
|
|
4326
|
+
modelTodayButton.classList.add('e-outline');
|
|
4346
4327
|
modelHeader.appendChild(modelCloseIcon);
|
|
4347
4328
|
modelHeader.appendChild(modelTodayButton);
|
|
4348
4329
|
}
|
|
4349
|
-
if (!this.fullScreenMode)
|
|
4330
|
+
if (!this.fullScreenMode) {
|
|
4350
4331
|
modelHeader.appendChild(yearHeading);
|
|
4332
|
+
}
|
|
4351
4333
|
h2.appendChild(daySpan);
|
|
4352
4334
|
h2.appendChild(monthSpan);
|
|
4353
4335
|
modelHeader.appendChild(h2);
|
|
@@ -4554,7 +4536,7 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4554
4536
|
EventHandler.add(document, 'mousedown touchstart', this.documentHandler, this);
|
|
4555
4537
|
});
|
|
4556
4538
|
if (Browser.isDevice) {
|
|
4557
|
-
|
|
4539
|
+
const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
|
|
4558
4540
|
dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
|
|
4559
4541
|
this.mobilePopupWrapper.appendChild(dlgOverlay);
|
|
4560
4542
|
}
|
|
@@ -4612,7 +4594,8 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4612
4594
|
this.modal = null;
|
|
4613
4595
|
}
|
|
4614
4596
|
if (Browser.isDevice) {
|
|
4615
|
-
if (!isNullOrUndefined(this.mobilePopupWrapper) &&
|
|
4597
|
+
if (!isNullOrUndefined(this.mobilePopupWrapper) &&
|
|
4598
|
+
(prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
|
|
4616
4599
|
this.mobilePopupWrapper.remove();
|
|
4617
4600
|
this.mobilePopupWrapper = null;
|
|
4618
4601
|
}
|
|
@@ -4881,7 +4864,7 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4881
4864
|
this.globalize = new Internationalization(this.locale);
|
|
4882
4865
|
this.checkFormat();
|
|
4883
4866
|
this.checkView();
|
|
4884
|
-
const attributes
|
|
4867
|
+
const attributes = dynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
4885
4868
|
['value', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder', 'type'];
|
|
4886
4869
|
let options;
|
|
4887
4870
|
if (this.getModuleName() === 'datetimepicker') {
|
|
@@ -4906,7 +4889,7 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4906
4889
|
options = { format: this.formatString, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
|
|
4907
4890
|
}
|
|
4908
4891
|
}
|
|
4909
|
-
for (const prop of attributes
|
|
4892
|
+
for (const prop of attributes) {
|
|
4910
4893
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
4911
4894
|
switch (prop) {
|
|
4912
4895
|
case 'disabled':
|
|
@@ -5053,9 +5036,7 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
5053
5036
|
this.calendarElement.querySelectorAll(dateIdString)[0] &&
|
|
5054
5037
|
this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
|
|
5055
5038
|
if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) &&
|
|
5056
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5057
5039
|
!isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
|
|
5058
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5059
5040
|
&& new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
|
|
5060
5041
|
|| (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
|
|
5061
5042
|
addClass([this.inputWrapper.container], ERROR);
|
|
@@ -5308,18 +5289,12 @@ DatePicker = __decorate$1([
|
|
|
5308
5289
|
NotifyPropertyChanges
|
|
5309
5290
|
], DatePicker);
|
|
5310
5291
|
|
|
5311
|
-
/**
|
|
5312
|
-
* Datepicker modules
|
|
5313
|
-
*/
|
|
5314
|
-
|
|
5315
5292
|
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5316
5293
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5317
5294
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5318
5295
|
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;
|
|
5319
5296
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
5320
5297
|
};
|
|
5321
|
-
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
|
5322
|
-
/// <reference path='../calendar/calendar-model.d.ts'/>
|
|
5323
5298
|
const DATERANGEWRAPPER = 'e-date-range-wrapper';
|
|
5324
5299
|
const INPUTCONTAINER$1 = 'e-input-group';
|
|
5325
5300
|
const DATERANGEICON = 'e-input-group-icon e-range-icon e-icons';
|
|
@@ -5430,7 +5405,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
5430
5405
|
this.preventBlur = false;
|
|
5431
5406
|
this.preventFocus = false;
|
|
5432
5407
|
this.invalidValueString = null;
|
|
5433
|
-
this.isAngular = false;
|
|
5434
5408
|
this.preventChange = false;
|
|
5435
5409
|
this.dateRangeOptions = options;
|
|
5436
5410
|
}
|
|
@@ -5654,20 +5628,20 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
5654
5628
|
this.bindEvents();
|
|
5655
5629
|
}
|
|
5656
5630
|
setDataAttribute(isDynamic) {
|
|
5657
|
-
let attributes
|
|
5631
|
+
let attributes = {};
|
|
5658
5632
|
if (!isDynamic) {
|
|
5659
5633
|
for (let i = 0; i < this.element.attributes.length; i++) {
|
|
5660
|
-
attributes
|
|
5634
|
+
attributes[this.element.attributes[i].name] =
|
|
5661
5635
|
this.element.getAttribute(this.element.attributes[i].name);
|
|
5662
5636
|
}
|
|
5663
5637
|
}
|
|
5664
5638
|
else {
|
|
5665
|
-
attributes
|
|
5639
|
+
attributes = this.htmlAttributes;
|
|
5666
5640
|
}
|
|
5667
|
-
for (const pro of Object.keys(attributes
|
|
5641
|
+
for (const pro of Object.keys(attributes)) {
|
|
5668
5642
|
if (pro.indexOf('data') === 0) {
|
|
5669
|
-
this.firstHiddenChild.setAttribute(pro, attributes
|
|
5670
|
-
this.secondHiddenChild.setAttribute(pro, attributes
|
|
5643
|
+
this.firstHiddenChild.setAttribute(pro, attributes[`${pro}`]);
|
|
5644
|
+
this.secondHiddenChild.setAttribute(pro, attributes[`${pro}`]);
|
|
5671
5645
|
}
|
|
5672
5646
|
}
|
|
5673
5647
|
}
|
|
@@ -5699,14 +5673,14 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
5699
5673
|
const name = element.getAttribute('name') ? element.getAttribute('name') : element.getAttribute('id');
|
|
5700
5674
|
input.setAttribute('name', name);
|
|
5701
5675
|
element.removeAttribute('name');
|
|
5702
|
-
const attributes
|
|
5703
|
-
for (let i = 0; i < attributes
|
|
5704
|
-
if (isNullOrUndefined(element.getAttribute(attributes
|
|
5676
|
+
const attributes = ['required', 'aria-required', 'form'];
|
|
5677
|
+
for (let i = 0; i < attributes.length; i++) {
|
|
5678
|
+
if (isNullOrUndefined(element.getAttribute(attributes[i]))) {
|
|
5705
5679
|
continue;
|
|
5706
5680
|
}
|
|
5707
|
-
const attr = element.getAttribute(attributes
|
|
5708
|
-
input.setAttribute(attributes
|
|
5709
|
-
element.removeAttribute(attributes
|
|
5681
|
+
const attr = element.getAttribute(attributes[i]);
|
|
5682
|
+
input.setAttribute(attributes[i], attr);
|
|
5683
|
+
element.removeAttribute(attributes[i]);
|
|
5710
5684
|
}
|
|
5711
5685
|
}
|
|
5712
5686
|
updateHtmlAttributeToWrapper() {
|
|
@@ -5966,11 +5940,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
5966
5940
|
}
|
|
5967
5941
|
checkHtmlAttributes(isDynamic) {
|
|
5968
5942
|
this.globalize = new Internationalization(this.locale);
|
|
5969
|
-
const attributes
|
|
5943
|
+
const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
5970
5944
|
['startDate', 'endDate', 'minDays', 'maxDays', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder',
|
|
5971
5945
|
'type', 'value'];
|
|
5972
5946
|
const format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
|
|
5973
|
-
for (const prop of attributes
|
|
5947
|
+
for (const prop of attributes) {
|
|
5974
5948
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
5975
5949
|
switch (prop) {
|
|
5976
5950
|
case 'disabled':
|
|
@@ -6061,8 +6035,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
6061
6035
|
const startDate = this.presetsItem[i].start;
|
|
6062
6036
|
const endDate = this.presetsItem[i].end;
|
|
6063
6037
|
if (this.startValue && this.endValue) {
|
|
6064
|
-
if (startDate.getDate()
|
|
6065
|
-
|
|
6038
|
+
if (startDate.getDate() === this.startValue.getDate() && startDate.getMonth() === this.startValue.getMonth() &&
|
|
6039
|
+
startDate.getFullYear() === this.startValue.getFullYear() && endDate.getDate() === this.endValue.getDate() &&
|
|
6040
|
+
endDate.getMonth() === this.endValue.getMonth() && endDate.getFullYear() === this.endValue.getFullYear()) {
|
|
6066
6041
|
this.activeIndex = i;
|
|
6067
6042
|
this.isCustomRange = false;
|
|
6068
6043
|
}
|
|
@@ -6334,7 +6309,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
6334
6309
|
}
|
|
6335
6310
|
this.updateHiddenInput();
|
|
6336
6311
|
}
|
|
6337
|
-
// eslint-disable-next-line @typescript-eslint/tslint/config
|
|
6338
6312
|
getStartEndDate(date, isEnd, range, dateOptions) {
|
|
6339
6313
|
if (this.depth === 'Month') {
|
|
6340
6314
|
return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
|
|
@@ -7950,10 +7924,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
7950
7924
|
const controlContainer = this.createElement('div', { className: RANGECONTAINER });
|
|
7951
7925
|
const headerContainer = this.createElement('div', { className: RANGEHEADER });
|
|
7952
7926
|
if (this.isMobile && this.fullScreenMode) {
|
|
7953
|
-
const modelHeaderIconWrapper = this.createElement(
|
|
7954
|
-
const modelCloseIcon = this.createElement(
|
|
7927
|
+
const modelHeaderIconWrapper = this.createElement('div', { className: 'e-model-header-wrapper' });
|
|
7928
|
+
const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
7955
7929
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
|
|
7956
|
-
const modelApplyButton = this.createElement(
|
|
7930
|
+
const modelApplyButton = this.createElement('span', { className: 'e-apply' });
|
|
7957
7931
|
EventHandler.add(modelApplyButton, 'mousedown touchstart', this.applyFunction, this);
|
|
7958
7932
|
modelHeaderIconWrapper.appendChild(modelCloseIcon);
|
|
7959
7933
|
modelHeaderIconWrapper.appendChild(modelApplyButton);
|
|
@@ -8048,10 +8022,13 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
8048
8022
|
eve.preventDefault();
|
|
8049
8023
|
}
|
|
8050
8024
|
if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
|
|
8051
|
-
if (!(this.previousStartValue && this.previousEndValue &&
|
|
8052
|
-
this.startValue.
|
|
8053
|
-
|
|
8054
|
-
|
|
8025
|
+
if (!(this.previousStartValue && this.previousEndValue &&
|
|
8026
|
+
this.startValue.getDate() === this.previousStartValue.getDate() &&
|
|
8027
|
+
this.startValue.getMonth() === this.previousStartValue.getMonth() &&
|
|
8028
|
+
this.startValue.getFullYear() === this.previousStartValue.getFullYear()
|
|
8029
|
+
&& this.endValue.getDate() === this.previousEndValue.getDate() &&
|
|
8030
|
+
this.endValue.getMonth() === this.previousEndValue.getMonth()
|
|
8031
|
+
&& this.endValue.getFullYear() === this.previousEndValue.getFullYear())) {
|
|
8055
8032
|
Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
|
|
8056
8033
|
}
|
|
8057
8034
|
this.previousStartValue = new Date(+this.startValue);
|
|
@@ -8221,9 +8198,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
8221
8198
|
if (this.fullScreenMode) {
|
|
8222
8199
|
const modelWrapper = createElement('div', { className: 'e-range-mob-popup-wrap' });
|
|
8223
8200
|
const modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
8224
|
-
const modelTitleSpan = this.createElement(
|
|
8225
|
-
modelTitleSpan.textContent =
|
|
8226
|
-
const modelCloseIcon = this.createElement(
|
|
8201
|
+
const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
|
|
8202
|
+
modelTitleSpan.textContent = 'Select Preset';
|
|
8203
|
+
const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
8227
8204
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
|
|
8228
8205
|
const presetContent = this.presetElement;
|
|
8229
8206
|
modelHeader.appendChild(modelCloseIcon);
|
|
@@ -8287,10 +8264,10 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
8287
8264
|
if (this.isMobile && this.fullScreenMode) {
|
|
8288
8265
|
this.iconRangeRight = this.calendarElement && window.getComputedStyle(this.calendarElement.querySelector('.e-header.e-month .e-prev')).cssFloat;
|
|
8289
8266
|
if (this.iconRangeRight) {
|
|
8290
|
-
this.touchRangeModule = new Touch(this.calendarElement.querySelector(
|
|
8267
|
+
this.touchRangeModule = new Touch(this.calendarElement.querySelector('.e-content.e-month'), {
|
|
8291
8268
|
swipe: this.dateRangeSwipeHandler.bind(this)
|
|
8292
8269
|
});
|
|
8293
|
-
EventHandler.add(this.calendarElement.querySelector(
|
|
8270
|
+
EventHandler.add(this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', this.touchStartRangeHandler, this);
|
|
8294
8271
|
}
|
|
8295
8272
|
}
|
|
8296
8273
|
attributes(this.inputElement, { 'aria-expanded': 'true', 'aria-owns': this.element.id, 'aria-controls': this.inputElement.id });
|
|
@@ -8368,7 +8345,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
8368
8345
|
EventHandler.remove(document, 'keydown', this.popupCloseHandler);
|
|
8369
8346
|
}
|
|
8370
8347
|
}, targetExitViewport: () => {
|
|
8371
|
-
|
|
8348
|
+
const popupEle = this.popupObj && this.popupObj.element;
|
|
8372
8349
|
if (!Browser.isDevice && popupEle && popupEle.getBoundingClientRect().height < window.innerHeight) {
|
|
8373
8350
|
this.hide();
|
|
8374
8351
|
}
|
|
@@ -8389,28 +8366,24 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
8389
8366
|
}
|
|
8390
8367
|
dateRangeSwipeHandler(e) {
|
|
8391
8368
|
let direction = 0;
|
|
8392
|
-
if (this.iconRangeRight
|
|
8369
|
+
if (this.iconRangeRight === 'left') {
|
|
8393
8370
|
switch (e.swipeDirection) {
|
|
8394
|
-
case
|
|
8371
|
+
case 'Left':
|
|
8395
8372
|
direction = 1;
|
|
8396
8373
|
break;
|
|
8397
|
-
case
|
|
8374
|
+
case 'Right':
|
|
8398
8375
|
direction = -1;
|
|
8399
8376
|
break;
|
|
8400
|
-
default:
|
|
8401
|
-
break;
|
|
8402
8377
|
}
|
|
8403
8378
|
}
|
|
8404
8379
|
else {
|
|
8405
8380
|
switch (e.swipeDirection) {
|
|
8406
|
-
case
|
|
8381
|
+
case 'Up':
|
|
8407
8382
|
direction = 1;
|
|
8408
8383
|
break;
|
|
8409
|
-
case
|
|
8384
|
+
case 'Down':
|
|
8410
8385
|
direction = -1;
|
|
8411
8386
|
break;
|
|
8412
|
-
default:
|
|
8413
|
-
break;
|
|
8414
8387
|
}
|
|
8415
8388
|
}
|
|
8416
8389
|
if (this.touchRangeStart) {
|
|
@@ -8678,7 +8651,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
8678
8651
|
}
|
|
8679
8652
|
createInput() {
|
|
8680
8653
|
if (this.fullScreenMode && this.isMobile) {
|
|
8681
|
-
this.cssClass += ' ' +
|
|
8654
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
8682
8655
|
}
|
|
8683
8656
|
let updatedCssClassValue = this.cssClass;
|
|
8684
8657
|
if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
|
|
@@ -9321,13 +9294,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
9321
9294
|
this.endButton.element.removeAttribute('disabled');
|
|
9322
9295
|
this.selectableDates();
|
|
9323
9296
|
}
|
|
9324
|
-
super.setOverlayIndex(this.mobileRangePopupWrap, this.popupObj.element, this.modal,
|
|
9325
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
9326
|
-
this.isMobile || Browser.isDevice);
|
|
9297
|
+
super.setOverlayIndex(this.mobileRangePopupWrap, this.popupObj.element, this.modal, this.isMobile || Browser.isDevice);
|
|
9327
9298
|
}
|
|
9328
9299
|
});
|
|
9329
9300
|
if (Browser.isDevice) {
|
|
9330
|
-
|
|
9301
|
+
const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
|
|
9331
9302
|
dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
|
|
9332
9303
|
this.mobileRangePopupWrap.appendChild(dlgOverlay);
|
|
9333
9304
|
}
|
|
@@ -9517,7 +9488,6 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
9517
9488
|
this.updateHeader();
|
|
9518
9489
|
}
|
|
9519
9490
|
}
|
|
9520
|
-
// eslint-disable-next-line @typescript-eslint/tslint/config
|
|
9521
9491
|
getStartEndValue(date, isEnd) {
|
|
9522
9492
|
if (this.depth === 'Month') {
|
|
9523
9493
|
return this.checkDateValue(new Date(this.checkValue(date)));
|
|
@@ -9892,17 +9862,12 @@ DateRangePicker = __decorate$2([
|
|
|
9892
9862
|
NotifyPropertyChanges
|
|
9893
9863
|
], DateRangePicker);
|
|
9894
9864
|
|
|
9895
|
-
/**
|
|
9896
|
-
* DateRangePicker modules
|
|
9897
|
-
*/
|
|
9898
|
-
|
|
9899
9865
|
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
9900
9866
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
9901
9867
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
9902
9868
|
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;
|
|
9903
9869
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
9904
9870
|
};
|
|
9905
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
9906
9871
|
const WRAPPERCLASS = 'e-time-wrapper';
|
|
9907
9872
|
const POPUP$2 = 'e-popup';
|
|
9908
9873
|
const ERROR$2 = 'e-error';
|
|
@@ -9932,13 +9897,7 @@ var TimePickerBase;
|
|
|
9932
9897
|
(function (TimePickerBase) {
|
|
9933
9898
|
// eslint-disable-next-line max-len, jsdoc/require-jsdoc
|
|
9934
9899
|
function createListItems(createdEl, min, max, globalize, timeFormat, step) {
|
|
9935
|
-
if (this.calendarMode === 'Gregorian')
|
|
9936
|
-
|
|
9937
|
-
}
|
|
9938
|
-
else {
|
|
9939
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9940
|
-
|
|
9941
|
-
}
|
|
9900
|
+
if (this.calendarMode === 'Gregorian') ;
|
|
9942
9901
|
let start;
|
|
9943
9902
|
const interval = step * 60000;
|
|
9944
9903
|
const listItems = [];
|
|
@@ -10003,7 +9962,6 @@ let TimePicker = class TimePicker extends Component {
|
|
|
10003
9962
|
this.timeCollections = [];
|
|
10004
9963
|
this.disableItemCollection = [];
|
|
10005
9964
|
this.invalidValueString = null;
|
|
10006
|
-
this.isAngular = false;
|
|
10007
9965
|
this.preventChange = false;
|
|
10008
9966
|
this.maskedDateValue = '';
|
|
10009
9967
|
this.moduleName = this.getModuleName();
|
|
@@ -10135,14 +10093,14 @@ let TimePicker = class TimePicker extends Component {
|
|
|
10135
10093
|
const name = target.getAttribute('name') ? target.getAttribute('name') : target.getAttribute('id');
|
|
10136
10094
|
input.setAttribute('name', name);
|
|
10137
10095
|
target.removeAttribute('name');
|
|
10138
|
-
const attributes
|
|
10139
|
-
for (let i = 0; i < attributes
|
|
10140
|
-
if (isNullOrUndefined(target.getAttribute(attributes
|
|
10096
|
+
const attributes = ['required', 'aria-required', 'form'];
|
|
10097
|
+
for (let i = 0; i < attributes.length; i++) {
|
|
10098
|
+
if (isNullOrUndefined(target.getAttribute(attributes[i]))) {
|
|
10141
10099
|
continue;
|
|
10142
10100
|
}
|
|
10143
|
-
const attr = target.getAttribute(attributes
|
|
10144
|
-
input.setAttribute(attributes
|
|
10145
|
-
target.removeAttribute(attributes
|
|
10101
|
+
const attr = target.getAttribute(attributes[i]);
|
|
10102
|
+
input.setAttribute(attributes[i], attr);
|
|
10103
|
+
target.removeAttribute(attributes[i]);
|
|
10146
10104
|
}
|
|
10147
10105
|
}
|
|
10148
10106
|
initialize() {
|
|
@@ -10211,7 +10169,7 @@ let TimePicker = class TimePicker extends Component {
|
|
|
10211
10169
|
}
|
|
10212
10170
|
createInputElement() {
|
|
10213
10171
|
if (this.fullScreenMode && Browser.isDevice) {
|
|
10214
|
-
this.cssClass += ' ' +
|
|
10172
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
10215
10173
|
}
|
|
10216
10174
|
let updatedCssClassesValue = this.cssClass;
|
|
10217
10175
|
const isBindClearAction = this.enableMask ? false : true;
|
|
@@ -10322,7 +10280,6 @@ let TimePicker = class TimePicker extends Component {
|
|
|
10322
10280
|
}
|
|
10323
10281
|
return modules;
|
|
10324
10282
|
}
|
|
10325
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
10326
10283
|
cldrFormat(type) {
|
|
10327
10284
|
let cldrDateTimeString;
|
|
10328
10285
|
if (this.locale === 'en' || this.locale === 'en-US') {
|
|
@@ -10470,17 +10427,17 @@ let TimePicker = class TimePicker extends Component {
|
|
|
10470
10427
|
this.popupObj.collision = { X: 'none', Y: 'flip' };
|
|
10471
10428
|
}
|
|
10472
10429
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
10473
|
-
this.popupObj.element.style.maxHeight =
|
|
10474
|
-
this.popupObj.element.style.width =
|
|
10430
|
+
this.popupObj.element.style.maxHeight = '100%';
|
|
10431
|
+
this.popupObj.element.style.width = '100%';
|
|
10475
10432
|
}
|
|
10476
10433
|
else {
|
|
10477
10434
|
this.popupObj.element.style.maxHeight = POPUPDIMENSION;
|
|
10478
10435
|
}
|
|
10479
10436
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
10480
10437
|
const modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
10481
|
-
const modelTitleSpan = this.createElement(
|
|
10482
|
-
modelTitleSpan.textContent =
|
|
10483
|
-
const modelCloseIcon = this.createElement(
|
|
10438
|
+
const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
|
|
10439
|
+
modelTitleSpan.textContent = 'Select time';
|
|
10440
|
+
const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
10484
10441
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.timePopupCloseHandler, this);
|
|
10485
10442
|
modelHeader.appendChild(modelCloseIcon);
|
|
10486
10443
|
modelHeader.appendChild(modelTitleSpan);
|
|
@@ -10865,7 +10822,7 @@ let TimePicker = class TimePicker extends Component {
|
|
|
10865
10822
|
}
|
|
10866
10823
|
inputHandler(event) {
|
|
10867
10824
|
if (!this.readonly && this.enabled) {
|
|
10868
|
-
if (!((event.action
|
|
10825
|
+
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))) {
|
|
10869
10826
|
event.preventDefault();
|
|
10870
10827
|
}
|
|
10871
10828
|
switch (event.action) {
|
|
@@ -11199,8 +11156,6 @@ let TimePicker = class TimePicker extends Component {
|
|
|
11199
11156
|
});
|
|
11200
11157
|
}
|
|
11201
11158
|
break;
|
|
11202
|
-
default:
|
|
11203
|
-
break;
|
|
11204
11159
|
}
|
|
11205
11160
|
}
|
|
11206
11161
|
formResetHandler() {
|
|
@@ -11316,10 +11271,10 @@ let TimePicker = class TimePicker extends Component {
|
|
|
11316
11271
|
}
|
|
11317
11272
|
}
|
|
11318
11273
|
checkAttributes(isDynamic) {
|
|
11319
|
-
const attributes
|
|
11274
|
+
const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
11320
11275
|
['step', 'disabled', 'readonly', 'style', 'name', 'value', 'min', 'max', 'placeholder'];
|
|
11321
11276
|
let value;
|
|
11322
|
-
for (const prop of attributes
|
|
11277
|
+
for (const prop of attributes) {
|
|
11323
11278
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
11324
11279
|
switch (prop) {
|
|
11325
11280
|
case 'disabled':
|
|
@@ -12092,7 +12047,7 @@ let TimePicker = class TimePicker extends Component {
|
|
|
12092
12047
|
}
|
|
12093
12048
|
});
|
|
12094
12049
|
if (Browser.isDevice) {
|
|
12095
|
-
|
|
12050
|
+
const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
|
|
12096
12051
|
dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
|
|
12097
12052
|
this.mobileTimePopupWrap.appendChild(dlgOverlay);
|
|
12098
12053
|
}
|
|
@@ -12462,21 +12417,14 @@ __decorate$3([
|
|
|
12462
12417
|
TimePicker = __decorate$3([
|
|
12463
12418
|
NotifyPropertyChanges
|
|
12464
12419
|
], TimePicker);
|
|
12465
|
-
|
|
12466
12420
|
/* eslint-enable @typescript-eslint/no-explicit-any */
|
|
12467
12421
|
|
|
12468
|
-
/**
|
|
12469
|
-
* TimePicker modules
|
|
12470
|
-
*/
|
|
12471
|
-
|
|
12472
12422
|
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12473
12423
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12474
12424
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
12475
12425
|
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;
|
|
12476
12426
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12477
12427
|
};
|
|
12478
|
-
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
|
12479
|
-
///<reference path='../datepicker/datepicker-model.d.ts'/>
|
|
12480
12428
|
//class constant defination
|
|
12481
12429
|
const DATEWRAPPER$1 = 'e-date-wrapper';
|
|
12482
12430
|
const DATEPICKERROOT = 'e-datepicker';
|
|
@@ -12492,7 +12440,7 @@ const ROOT$4 = 'e-datetimepicker';
|
|
|
12492
12440
|
const DATETIMEPOPUPWRAPPER = 'e-datetimepopup-wrapper';
|
|
12493
12441
|
const INPUTWRAPPER$1 = 'e-input-group-icon';
|
|
12494
12442
|
const POPUP$3 = 'e-popup';
|
|
12495
|
-
const TIMEICON
|
|
12443
|
+
const TIMEICON = 'e-time-icon';
|
|
12496
12444
|
const INPUTFOCUS$2 = 'e-input-focus';
|
|
12497
12445
|
const POPUPDIMENSION$1 = '250px';
|
|
12498
12446
|
const ICONANIMATION$1 = 'e-icon-anim';
|
|
@@ -12803,7 +12751,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
12803
12751
|
this.renderTimeIcon();
|
|
12804
12752
|
}
|
|
12805
12753
|
renderTimeIcon() {
|
|
12806
|
-
this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON
|
|
12754
|
+
this.timeIcon = Input.appendSpan(INPUTWRAPPER$1 + ' ' + TIMEICON + ' ' + ICONS$1, this.inputWrapper.container);
|
|
12807
12755
|
}
|
|
12808
12756
|
bindInputEvents() {
|
|
12809
12757
|
EventHandler.add(this.timeIcon, 'mousedown', this.timeHandler, this);
|
|
@@ -13024,7 +12972,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13024
12972
|
this.dateTimeWrapper.style.left = '0px';
|
|
13025
12973
|
}
|
|
13026
12974
|
if (Browser.isDevice) {
|
|
13027
|
-
|
|
12975
|
+
const dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay' });
|
|
13028
12976
|
dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
|
|
13029
12977
|
this.timeModal.appendChild(dlgOverlay);
|
|
13030
12978
|
}
|
|
@@ -13043,7 +12991,7 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13043
12991
|
if (!this.preventArgs.cancel && !this.readonly) {
|
|
13044
12992
|
const openAnimation = {
|
|
13045
12993
|
name: 'FadeIn',
|
|
13046
|
-
duration: ANIMATIONDURATION$1
|
|
12994
|
+
duration: ANIMATIONDURATION$1
|
|
13047
12995
|
};
|
|
13048
12996
|
if (this.zIndex === 1000) {
|
|
13049
12997
|
this.popupObject.show(new Animation(openAnimation), this.element);
|
|
@@ -13133,9 +13081,9 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13133
13081
|
}
|
|
13134
13082
|
});
|
|
13135
13083
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
13136
|
-
this.popupObject.element.style.display =
|
|
13137
|
-
this.popupObject.element.style.maxHeight =
|
|
13138
|
-
this.popupObject.element.style.width =
|
|
13084
|
+
this.popupObject.element.style.display = 'flex';
|
|
13085
|
+
this.popupObject.element.style.maxHeight = '100%';
|
|
13086
|
+
this.popupObject.element.style.width = '100%';
|
|
13139
13087
|
}
|
|
13140
13088
|
else {
|
|
13141
13089
|
this.popupObject.element.style.maxHeight = POPUPDIMENSION$1;
|
|
@@ -13143,11 +13091,11 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13143
13091
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
13144
13092
|
const modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
|
|
13145
13093
|
const modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
13146
|
-
const modelTitleSpan = this.createElement(
|
|
13147
|
-
modelTitleSpan.textContent =
|
|
13148
|
-
const modelCloseIcon = this.createElement(
|
|
13094
|
+
const modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
|
|
13095
|
+
modelTitleSpan.textContent = 'Select time';
|
|
13096
|
+
const modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
13149
13097
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
|
|
13150
|
-
const timeContent = this.dateTimeWrapper.querySelector(
|
|
13098
|
+
const timeContent = this.dateTimeWrapper.querySelector('.e-content');
|
|
13151
13099
|
modelHeader.appendChild(modelCloseIcon);
|
|
13152
13100
|
modelHeader.appendChild(modelTitleSpan);
|
|
13153
13101
|
modelWrapper.appendChild(modelHeader);
|
|
@@ -13454,9 +13402,15 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13454
13402
|
return this.calculateStartEnd(tempStartValue, start, 'starttime');
|
|
13455
13403
|
}
|
|
13456
13404
|
TimePopupFormat() {
|
|
13457
|
-
|
|
13458
|
-
|
|
13459
|
-
const proxy =
|
|
13405
|
+
let format = '';
|
|
13406
|
+
let formatCount = 0;
|
|
13407
|
+
const proxy = this;
|
|
13408
|
+
/**
|
|
13409
|
+
* Formats the value specifier.
|
|
13410
|
+
*
|
|
13411
|
+
* @param {string} formattext - The format text.
|
|
13412
|
+
* @returns {string} The formatted value specifier.
|
|
13413
|
+
*/
|
|
13460
13414
|
function formatValueSpecifier(formattext) {
|
|
13461
13415
|
switch (formattext) {
|
|
13462
13416
|
case 'd':
|
|
@@ -13471,11 +13425,11 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13471
13425
|
case 'yy':
|
|
13472
13426
|
case 'yyy':
|
|
13473
13427
|
case 'yyyy':
|
|
13474
|
-
if (format
|
|
13428
|
+
if (format === '') {
|
|
13475
13429
|
format = format + formattext;
|
|
13476
13430
|
}
|
|
13477
13431
|
else {
|
|
13478
|
-
format = format +
|
|
13432
|
+
format = format + '/' + formattext;
|
|
13479
13433
|
}
|
|
13480
13434
|
formatCount = formatCount + 1;
|
|
13481
13435
|
break;
|
|
@@ -13585,10 +13539,10 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13585
13539
|
}
|
|
13586
13540
|
}
|
|
13587
13541
|
checkAttributes(isDynamic) {
|
|
13588
|
-
const attributes
|
|
13542
|
+
const attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
13589
13543
|
['style', 'name', 'step', 'disabled', 'readonly', 'value', 'min', 'max', 'placeholder', 'type'];
|
|
13590
13544
|
let value;
|
|
13591
|
-
for (const prop of attributes
|
|
13545
|
+
for (const prop of attributes) {
|
|
13592
13546
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
13593
13547
|
switch (prop) {
|
|
13594
13548
|
case 'name':
|
|
@@ -14154,10 +14108,6 @@ DateTimePicker = __decorate$4([
|
|
|
14154
14108
|
NotifyPropertyChanges
|
|
14155
14109
|
], DateTimePicker);
|
|
14156
14110
|
|
|
14157
|
-
/**
|
|
14158
|
-
* DateTimePicker modules
|
|
14159
|
-
*/
|
|
14160
|
-
|
|
14161
14111
|
const ARROWLEFT = 'ArrowLeft';
|
|
14162
14112
|
const ARROWRIGHT = 'ArrowRight';
|
|
14163
14113
|
const ARROWUP = 'ArrowUp';
|
|
@@ -14445,8 +14395,8 @@ class MaskedDateTime {
|
|
|
14445
14395
|
}
|
|
14446
14396
|
if (month >= 1) {
|
|
14447
14397
|
newDateValue.setMonth(month - 1);
|
|
14448
|
-
if (month >= 10 || month
|
|
14449
|
-
if (this.isLeadingZero && month
|
|
14398
|
+
if (month >= 10 || month === 1) {
|
|
14399
|
+
if (this.isLeadingZero && month === 1) {
|
|
14450
14400
|
this.isNavigate = month.toString().length === 1;
|
|
14451
14401
|
this.isLeadingZero = false;
|
|
14452
14402
|
}
|
|
@@ -14598,7 +14548,6 @@ class MaskedDateTime {
|
|
|
14598
14548
|
case 'a':
|
|
14599
14549
|
{
|
|
14600
14550
|
this.periodCharacter += newVal[start - 1].toLowerCase();
|
|
14601
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14602
14551
|
const periodString = (this.getCulturedValue('dayPeriods.format.wide'));
|
|
14603
14552
|
const periodkeys = Object.keys(periodString);
|
|
14604
14553
|
for (let i = 0; this.periodCharacter.length > 0; i++) {
|
|
@@ -14612,15 +14561,12 @@ class MaskedDateTime {
|
|
|
14612
14561
|
}
|
|
14613
14562
|
break;
|
|
14614
14563
|
}
|
|
14615
|
-
default:
|
|
14616
|
-
break;
|
|
14617
14564
|
}
|
|
14618
14565
|
this.maskDateValue = newDateValue;
|
|
14619
14566
|
}
|
|
14620
14567
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14621
14568
|
formatCheck() {
|
|
14622
|
-
|
|
14623
|
-
const proxy = this;
|
|
14569
|
+
const proxy = this;
|
|
14624
14570
|
function formatValueSpecifier(formattext) {
|
|
14625
14571
|
let result;
|
|
14626
14572
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -14947,8 +14893,6 @@ class MaskedDateTime {
|
|
|
14947
14893
|
case 'a':
|
|
14948
14894
|
newDateValue.setHours((newDateValue.getHours() + 12) % 24);
|
|
14949
14895
|
break;
|
|
14950
|
-
default:
|
|
14951
|
-
break;
|
|
14952
14896
|
}
|
|
14953
14897
|
this.maskDateValue = newDateValue.getFullYear() > 0 ? newDateValue : this.maskDateValue;
|
|
14954
14898
|
if (this.validCharacters.indexOf(this.hiddenMask[start]) !== -1) {
|
|
@@ -15004,13 +14948,5 @@ class MaskedDateTime {
|
|
|
15004
14948
|
}
|
|
15005
14949
|
}
|
|
15006
14950
|
|
|
15007
|
-
|
|
15008
|
-
* MaskedDateTime modules
|
|
15009
|
-
*/
|
|
15010
|
-
|
|
15011
|
-
/**
|
|
15012
|
-
* Calendar all modules
|
|
15013
|
-
*/
|
|
15014
|
-
|
|
15015
|
-
export { CalendarBase, Calendar, Islamic, DatePicker, Presets, DateRangePicker, TimePickerBase, TimeMaskPlaceholder, TimePicker, DateTimePicker, MaskedDateTime };
|
|
14951
|
+
export { Calendar, CalendarBase, DatePicker, DateRangePicker, DateTimePicker, Islamic, MaskedDateTime, Presets, TimeMaskPlaceholder, TimePicker, TimePickerBase };
|
|
15016
14952
|
//# sourceMappingURL=ej2-calendars.es2015.js.map
|