@syncfusion/ej2-calendars 25.2.7 → 26.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -2
- package/dist/ej2-calendars.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js.map +1 -1
- package/dist/es6/ej2-calendars.es2015.js +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
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version :
|
|
3
|
+
* version : 26.1.35
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-calendars@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-calendars@
|
|
3
|
+
"_id": "@syncfusion/ej2-calendars@18.32.5",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-O94+yxbtE71OtLyLIVu8AKHjAhlyYG3VLgqJu6f0y/0i3jjsbev7DfH+PT5jskNEH1gHz9wJ8UsatRfP77myjQ==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-calendars",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"/@syncfusion/ej2-schedule",
|
|
32
32
|
"/@syncfusion/ej2-vue-calendars"
|
|
33
33
|
],
|
|
34
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-
|
|
35
|
-
"_shasum": "
|
|
34
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-calendars/-/ej2-calendars-18.32.5.tgz",
|
|
35
|
+
"_shasum": "d3563a237a72a2b7cc11cce7bb2199cde963c506",
|
|
36
36
|
"_spec": "@syncfusion/ej2-calendars@*",
|
|
37
|
-
"_where": "/jenkins/workspace/elease-
|
|
37
|
+
"_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
|
|
38
38
|
"author": {
|
|
39
39
|
"name": "Syncfusion Inc."
|
|
40
40
|
},
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
},
|
|
44
44
|
"bundleDependencies": false,
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@syncfusion/ej2-base": "~
|
|
47
|
-
"@syncfusion/ej2-buttons": "~
|
|
48
|
-
"@syncfusion/ej2-inputs": "~
|
|
49
|
-
"@syncfusion/ej2-lists": "~
|
|
50
|
-
"@syncfusion/ej2-popups": "~
|
|
46
|
+
"@syncfusion/ej2-base": "~26.1.35",
|
|
47
|
+
"@syncfusion/ej2-buttons": "~26.1.35",
|
|
48
|
+
"@syncfusion/ej2-inputs": "~26.1.35",
|
|
49
|
+
"@syncfusion/ej2-lists": "~26.1.35",
|
|
50
|
+
"@syncfusion/ej2-popups": "~26.1.35"
|
|
51
51
|
},
|
|
52
52
|
"deprecated": false,
|
|
53
53
|
"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
|
|
@@ -80,6 +80,6 @@
|
|
|
80
80
|
"url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
|
81
81
|
},
|
|
82
82
|
"typings": "index.d.ts",
|
|
83
|
-
"version": "
|
|
83
|
+
"version": "26.1.35",
|
|
84
84
|
"sideEffects": false
|
|
85
85
|
}
|
|
@@ -48,7 +48,7 @@ export declare class CalendarBase extends Component<HTMLElement> implements INot
|
|
|
48
48
|
protected previousIconClicked: boolean;
|
|
49
49
|
protected tabIndex: string;
|
|
50
50
|
protected todayDate: Date;
|
|
51
|
-
protected islamicPreviousHeader:
|
|
51
|
+
protected islamicPreviousHeader: string;
|
|
52
52
|
protected calendarElement: HTMLElement;
|
|
53
53
|
protected isPopupClicked: boolean;
|
|
54
54
|
protected isDateSelected: boolean;
|
|
@@ -61,7 +61,6 @@ export declare class CalendarBase extends Component<HTMLElement> implements INot
|
|
|
61
61
|
protected isTodayClicked: boolean;
|
|
62
62
|
protected todayButtonEvent: MouseEvent | KeyboardEvent;
|
|
63
63
|
protected preventChange: boolean;
|
|
64
|
-
protected isAngular: boolean;
|
|
65
64
|
protected previousDates: boolean;
|
|
66
65
|
/**
|
|
67
66
|
* Gets or sets the minimum date that can be selected in the Calendar.
|
package/src/calendar/calendar.js
CHANGED
|
@@ -86,7 +86,6 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
86
86
|
_this.isDateSelected = true;
|
|
87
87
|
_this.isTodayClicked = false;
|
|
88
88
|
_this.preventChange = false;
|
|
89
|
-
_this.isAngular = false;
|
|
90
89
|
_this.previousDates = false;
|
|
91
90
|
return _this;
|
|
92
91
|
}
|
|
@@ -285,7 +284,7 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
285
284
|
if (this.showTodayButton) {
|
|
286
285
|
this.createContentFooter();
|
|
287
286
|
}
|
|
288
|
-
if (this.getModuleName()
|
|
287
|
+
if (this.getModuleName() !== 'daterangepicker') {
|
|
289
288
|
EventHandler.add(this.table, 'focus', this.addContentFocus, this);
|
|
290
289
|
EventHandler.add(this.table, 'blur', this.removeContentFocus, this);
|
|
291
290
|
}
|
|
@@ -357,8 +356,9 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
357
356
|
addClass([this.calendarElement], '' + WEEKNUMBER);
|
|
358
357
|
}
|
|
359
358
|
}
|
|
360
|
-
|
|
361
|
-
|
|
359
|
+
var shortNames = this.getCultureValues().length > 0 &&
|
|
360
|
+
this.getCultureValues() ? this.shiftArray(((this.getCultureValues().length > 0 &&
|
|
361
|
+
this.getCultureValues())), this.firstDayOfWeek) : null;
|
|
362
362
|
if (!isNullOrUndefined(shortNames)) {
|
|
363
363
|
for (var days = 0; days <= daysCount; days++) {
|
|
364
364
|
html += '<th class="">' + this.toCapitalize(shortNames[days]) + '</th>';
|
|
@@ -501,19 +501,22 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
501
501
|
this.effect = '';
|
|
502
502
|
switch (e.action) {
|
|
503
503
|
case 'moveLeft':
|
|
504
|
-
if (this.getModuleName()
|
|
504
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
505
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
505
506
|
this.keyboardNavigate(-1, view, e, this.max, this.min);
|
|
506
507
|
e.preventDefault();
|
|
507
508
|
}
|
|
508
509
|
break;
|
|
509
510
|
case 'moveRight':
|
|
510
|
-
if (this.getModuleName()
|
|
511
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
512
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
511
513
|
this.keyboardNavigate(1, view, e, this.max, this.min);
|
|
512
514
|
e.preventDefault();
|
|
513
515
|
}
|
|
514
516
|
break;
|
|
515
517
|
case 'moveUp':
|
|
516
|
-
if (this.getModuleName()
|
|
518
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
519
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
517
520
|
if (view === 0) {
|
|
518
521
|
this.keyboardNavigate(-7, view, e, this.max, this.min); // move the current date to the previous seven days.
|
|
519
522
|
}
|
|
@@ -524,7 +527,8 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
524
527
|
}
|
|
525
528
|
break;
|
|
526
529
|
case 'moveDown':
|
|
527
|
-
if (this.getModuleName()
|
|
530
|
+
if (this.getModuleName() !== 'daterangepicker' && !isNullOrUndefined(e.target) &&
|
|
531
|
+
e.target.classList.length > 0 && e.target.classList.contains(CONTENTTABLE)) {
|
|
528
532
|
if (view === 0) {
|
|
529
533
|
this.keyboardNavigate(7, view, e, this.max, this.min);
|
|
530
534
|
}
|
|
@@ -538,13 +542,13 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
538
542
|
if (e.target === this.headerTitleElement) {
|
|
539
543
|
this.navigateTitle(e);
|
|
540
544
|
}
|
|
541
|
-
else if (e.target === this.previousIcon) {
|
|
545
|
+
else if (e.target === this.previousIcon && !e.target.className.includes(DISABLED)) {
|
|
542
546
|
this.navigatePrevious(e);
|
|
543
547
|
}
|
|
544
|
-
else if (e.target === this.nextIcon) {
|
|
548
|
+
else if (e.target === this.nextIcon && !e.target.className.includes(DISABLED)) {
|
|
545
549
|
this.navigateNext(e);
|
|
546
550
|
}
|
|
547
|
-
else if (e.target === this.todayElement) {
|
|
551
|
+
else if (e.target === this.todayElement && !e.target.className.includes(DISABLED)) {
|
|
548
552
|
this.todayButtonClick(e, value);
|
|
549
553
|
if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
|
|
550
554
|
this.element.focus();
|
|
@@ -557,12 +561,14 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
557
561
|
// eslint-disable-next-line radix
|
|
558
562
|
var d = new Date(parseInt('' + (element).id, 0));
|
|
559
563
|
this.selectDate(e, d, (element));
|
|
564
|
+
if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
|
|
565
|
+
this.element.focus();
|
|
566
|
+
}
|
|
560
567
|
}
|
|
561
568
|
else {
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
this.element.focus();
|
|
569
|
+
if (!e.target.className.includes(DISABLED)) {
|
|
570
|
+
this.contentClick(null, --view, (element), value);
|
|
571
|
+
}
|
|
566
572
|
}
|
|
567
573
|
}
|
|
568
574
|
}
|
|
@@ -846,7 +852,6 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
846
852
|
// if (args.isDisabled && +this.value === +args.date) {
|
|
847
853
|
// this.setProperties({ value: null }, true);
|
|
848
854
|
// }
|
|
849
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
850
855
|
var currentTarget = void 0;
|
|
851
856
|
if (!isNullOrUndefined(e) && e.type === 'click') {
|
|
852
857
|
currentTarget = e.currentTarget;
|
|
@@ -1594,9 +1599,6 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
1594
1599
|
CalendarBase.prototype.navigateTitle = function (e) {
|
|
1595
1600
|
e.preventDefault();
|
|
1596
1601
|
this.title(e);
|
|
1597
|
-
if (this.getModuleName() === 'calendar') {
|
|
1598
|
-
this.table.focus();
|
|
1599
|
-
}
|
|
1600
1602
|
};
|
|
1601
1603
|
CalendarBase.prototype.previous = function () {
|
|
1602
1604
|
this.effect = '';
|
|
@@ -1625,9 +1627,6 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
1625
1627
|
this.islamicModule.islamicPrevious();
|
|
1626
1628
|
}
|
|
1627
1629
|
this.triggerNavigate(e);
|
|
1628
|
-
if (this.getModuleName() === 'calendar') {
|
|
1629
|
-
this.table.focus();
|
|
1630
|
-
}
|
|
1631
1630
|
};
|
|
1632
1631
|
CalendarBase.prototype.next = function () {
|
|
1633
1632
|
this.effect = '';
|
|
@@ -1656,9 +1655,6 @@ var CalendarBase = /** @class */ (function (_super) {
|
|
|
1656
1655
|
this.islamicModule.islamicNext();
|
|
1657
1656
|
}
|
|
1658
1657
|
this.triggerNavigate(eve);
|
|
1659
|
-
if (this.getModuleName() === 'calendar') {
|
|
1660
|
-
this.table.focus();
|
|
1661
|
-
}
|
|
1662
1658
|
};
|
|
1663
1659
|
/**
|
|
1664
1660
|
* This method is used to navigate to the month/year/decade view of the Calendar.
|
|
@@ -2673,7 +2669,6 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
2673
2669
|
if (!isNullOrUndefined(this.value)) {
|
|
2674
2670
|
this.setProperties({ value: this.value }, true);
|
|
2675
2671
|
}
|
|
2676
|
-
// eslint-disable-next-line use-isnan
|
|
2677
2672
|
if (!this.isMultiSelection && +this.value !== Number.NaN && (!isNullOrUndefined(this.value) &&
|
|
2678
2673
|
!isNullOrUndefined(this.previousDate) || this.previousDate === null
|
|
2679
2674
|
&& !isNaN(+this.value))) {
|
package/src/calendar/islamic.js
CHANGED
|
@@ -302,7 +302,8 @@ var Islamic = /** @class */ (function () {
|
|
|
302
302
|
endHdrYr = Number(endHdrYr.replace(/[٠١٢٣٤٥٦٧٨٩]/g, function (d) { return String.fromCharCode(d.charCodeAt(0) - 1632 + 48); }));
|
|
303
303
|
}
|
|
304
304
|
var splityear = this.calendarInstance.headerElement.textContent.split('-');
|
|
305
|
-
if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') ||
|
|
305
|
+
if ((!isNullOrUndefined(e) && (splityear[0] !== startHdrYr) && e.action === 'home') ||
|
|
306
|
+
(!isNullOrUndefined(e) && e.type === 'keydown' && e.action === 'end')) {
|
|
306
307
|
startHdrYr = this.calendarInstance.headerElement.textContent.split('-')[0].trim();
|
|
307
308
|
endHdrYr = this.calendarInstance.headerElement.textContent.split('-')[1].trim();
|
|
308
309
|
}
|
|
@@ -312,8 +313,8 @@ var Islamic = /** @class */ (function () {
|
|
|
312
313
|
this.calendarInstance.islamicPreviousHeader = null;
|
|
313
314
|
}
|
|
314
315
|
if (this.calendarInstance.previousIconClicked) {
|
|
315
|
-
|
|
316
|
-
for (
|
|
316
|
+
var i = 0;
|
|
317
|
+
for (i = 0; i <= splityear.length; i++) {
|
|
317
318
|
endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i]
|
|
318
319
|
- endHdrYr === 2 ? (parseInt(endHdrYr, 10) + 1).toString() :
|
|
319
320
|
endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ?
|
|
@@ -342,14 +343,14 @@ var Islamic = /** @class */ (function () {
|
|
|
342
343
|
}
|
|
343
344
|
}
|
|
344
345
|
if (this.calendarInstance.nextIconClicked) {
|
|
345
|
-
for (var
|
|
346
|
-
if (startHdrYr - splityear[
|
|
346
|
+
for (var i = 0; i <= splityear.length; i++) {
|
|
347
|
+
if (startHdrYr - splityear[i] === 0 || splityear[i] - startHdrYr === 0) {
|
|
347
348
|
startHdrYr = (parseInt(startHdrYr, 10) + 1).toString();
|
|
348
349
|
}
|
|
349
|
-
if (startHdrYr - splityear[
|
|
350
|
+
if (startHdrYr - splityear[i] === 2 && startHdrYr > splityear[i].trim()) {
|
|
350
351
|
startHdrYr = (parseInt(startHdrYr, 10) - 1).toString();
|
|
351
352
|
}
|
|
352
|
-
if (splityear[
|
|
353
|
+
if (splityear[i] - startHdrYr === 1 && startHdrYr < splityear[i].trim()) {
|
|
353
354
|
startHdrYr = (parseInt(startHdrYr, 10) + 2).toString();
|
|
354
355
|
}
|
|
355
356
|
}
|
|
@@ -58,7 +58,6 @@ export declare class DatePicker extends Calendar implements IInput {
|
|
|
58
58
|
[key: string]: string;
|
|
59
59
|
};
|
|
60
60
|
protected mobilePopupWrapper: HTMLElement;
|
|
61
|
-
protected isAngular: boolean;
|
|
62
61
|
protected preventChange: boolean;
|
|
63
62
|
protected isIconClicked: boolean;
|
|
64
63
|
protected isDynamicValueChanged: boolean;
|
|
@@ -79,7 +79,6 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
79
79
|
_this.invalidValueString = null;
|
|
80
80
|
_this.checkPreviousValue = null;
|
|
81
81
|
_this.maskedDateValue = '';
|
|
82
|
-
_this.isAngular = false;
|
|
83
82
|
_this.preventChange = false;
|
|
84
83
|
_this.isIconClicked = false;
|
|
85
84
|
_this.isDynamicValueChanged = false;
|
|
@@ -185,7 +184,7 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
185
184
|
this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
|
|
186
185
|
}
|
|
187
186
|
if (this.fullScreenMode && Browser.isDevice) {
|
|
188
|
-
this.cssClass += ' ' +
|
|
187
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
189
188
|
}
|
|
190
189
|
var updatedCssClassValues = this.cssClass;
|
|
191
190
|
if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
|
|
@@ -1005,10 +1004,10 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
1005
1004
|
open: function () {
|
|
1006
1005
|
if (Browser.isDevice && _this.fullScreenMode) {
|
|
1007
1006
|
_this.iconRight = parseInt(window.getComputedStyle(_this.calendarElement.querySelector('.e-header.e-month .e-prev')).marginRight, 10) > 16 ? true : false;
|
|
1008
|
-
_this.touchModule = new Touch(_this.calendarElement.querySelector(
|
|
1007
|
+
_this.touchModule = new Touch(_this.calendarElement.querySelector('.e-content.e-month'), {
|
|
1009
1008
|
swipe: _this.CalendarSwipeHandler.bind(_this)
|
|
1010
1009
|
});
|
|
1011
|
-
EventHandler.add(_this.calendarElement.querySelector(
|
|
1010
|
+
EventHandler.add(_this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', _this.TouchStartHandler, _this);
|
|
1012
1011
|
}
|
|
1013
1012
|
if (_this.getModuleName() !== 'datetimepicker') {
|
|
1014
1013
|
if (document.activeElement !== _this.inputElement) {
|
|
@@ -1055,10 +1054,10 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
1055
1054
|
var direction = 0;
|
|
1056
1055
|
if (this.iconRight) {
|
|
1057
1056
|
switch (e.swipeDirection) {
|
|
1058
|
-
case
|
|
1057
|
+
case 'Left':
|
|
1059
1058
|
direction = 1;
|
|
1060
1059
|
break;
|
|
1061
|
-
case
|
|
1060
|
+
case 'Right':
|
|
1062
1061
|
direction = -1;
|
|
1063
1062
|
break;
|
|
1064
1063
|
default:
|
|
@@ -1067,10 +1066,10 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
1067
1066
|
}
|
|
1068
1067
|
else {
|
|
1069
1068
|
switch (e.swipeDirection) {
|
|
1070
|
-
case
|
|
1069
|
+
case 'Up':
|
|
1071
1070
|
direction = 1;
|
|
1072
1071
|
break;
|
|
1073
|
-
case
|
|
1072
|
+
case 'Down':
|
|
1074
1073
|
direction = -1;
|
|
1075
1074
|
break;
|
|
1076
1075
|
default:
|
|
@@ -1129,16 +1128,17 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
1129
1128
|
}
|
|
1130
1129
|
monthSpan.textContent = '' + this.globalize.formatDate(this.value || new Date(), dateOptions);
|
|
1131
1130
|
if (this.fullScreenMode) {
|
|
1132
|
-
var modelCloseIcon = this.createElement(
|
|
1131
|
+
var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
1133
1132
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelCloseHandler, this);
|
|
1134
|
-
var modelTodayButton = this.calendarElement.querySelector(
|
|
1135
|
-
h2.classList.add(
|
|
1136
|
-
modelTodayButton.classList.add(
|
|
1133
|
+
var modelTodayButton = this.calendarElement.querySelector('button.e-today');
|
|
1134
|
+
h2.classList.add('e-day-wrapper');
|
|
1135
|
+
modelTodayButton.classList.add('e-outline');
|
|
1137
1136
|
modelHeader.appendChild(modelCloseIcon);
|
|
1138
1137
|
modelHeader.appendChild(modelTodayButton);
|
|
1139
1138
|
}
|
|
1140
|
-
if (!this.fullScreenMode)
|
|
1139
|
+
if (!this.fullScreenMode) {
|
|
1141
1140
|
modelHeader.appendChild(yearHeading);
|
|
1141
|
+
}
|
|
1142
1142
|
h2.appendChild(daySpan);
|
|
1143
1143
|
h2.appendChild(monthSpan);
|
|
1144
1144
|
modelHeader.appendChild(h2);
|
|
@@ -1405,7 +1405,8 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
1405
1405
|
this.modal = null;
|
|
1406
1406
|
}
|
|
1407
1407
|
if (Browser.isDevice) {
|
|
1408
|
-
if (!isNullOrUndefined(this.mobilePopupWrapper) &&
|
|
1408
|
+
if (!isNullOrUndefined(this.mobilePopupWrapper) &&
|
|
1409
|
+
(prevent && (isNullOrUndefined(this.preventArgs) || !this.preventArgs.cancel))) {
|
|
1409
1410
|
this.mobilePopupWrapper.remove();
|
|
1410
1411
|
this.mobilePopupWrapper = null;
|
|
1411
1412
|
}
|
|
@@ -1849,9 +1850,7 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
1849
1850
|
this.calendarElement.querySelectorAll(dateIdString)[0] &&
|
|
1850
1851
|
this.calendarElement.querySelectorAll(dateIdString)[0].classList.contains('e-disabled');
|
|
1851
1852
|
if ((!isNullOrUndefined(this.value) && !isNullOrUndefined(this.min) &&
|
|
1852
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1853
1853
|
!isNullOrUndefined(this.max) && !(new Date(this.value).setMilliseconds(0) >= new Date(this.min).setMilliseconds(0)
|
|
1854
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1855
1854
|
&& new Date(this.value).setMilliseconds(0) <= new Date(this.max).setMilliseconds(0)))
|
|
1856
1855
|
|| (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
|
|
1857
1856
|
addClass([this.inputWrapper.container], ERROR);
|
|
@@ -168,7 +168,6 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
168
168
|
private invalidValueString;
|
|
169
169
|
private dateRangeOptions;
|
|
170
170
|
private mobileRangePopupWrap;
|
|
171
|
-
protected isAngular: boolean;
|
|
172
171
|
protected preventChange: boolean;
|
|
173
172
|
protected touchRangeModule: Touch;
|
|
174
173
|
protected touchRangeStart: boolean;
|
|
@@ -145,7 +145,6 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
145
145
|
_this.preventBlur = false;
|
|
146
146
|
_this.preventFocus = false;
|
|
147
147
|
_this.invalidValueString = null;
|
|
148
|
-
_this.isAngular = false;
|
|
149
148
|
_this.preventChange = false;
|
|
150
149
|
_this.dateRangeOptions = options;
|
|
151
150
|
return _this;
|
|
@@ -782,8 +781,9 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
782
781
|
var startDate = this.presetsItem[i].start;
|
|
783
782
|
var endDate = this.presetsItem[i].end;
|
|
784
783
|
if (this.startValue && this.endValue) {
|
|
785
|
-
if (startDate.getDate()
|
|
786
|
-
|
|
784
|
+
if (startDate.getDate() === this.startValue.getDate() && startDate.getMonth() === this.startValue.getMonth() &&
|
|
785
|
+
startDate.getFullYear() === this.startValue.getFullYear() && endDate.getDate() === this.endValue.getDate() &&
|
|
786
|
+
endDate.getMonth() === this.endValue.getMonth() && endDate.getFullYear() === this.endValue.getFullYear()) {
|
|
787
787
|
this.activeIndex = i;
|
|
788
788
|
this.isCustomRange = false;
|
|
789
789
|
}
|
|
@@ -1055,7 +1055,6 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
1055
1055
|
}
|
|
1056
1056
|
this.updateHiddenInput();
|
|
1057
1057
|
};
|
|
1058
|
-
// eslint-disable-next-line @typescript-eslint/tslint/config
|
|
1059
1058
|
DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
|
|
1060
1059
|
if (this.depth === 'Month') {
|
|
1061
1060
|
return this.globalize.parseDate(range[isEnd ? 1 : 0].trim(), dateOptions);
|
|
@@ -2686,10 +2685,10 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
2686
2685
|
var controlContainer = this.createElement('div', { className: RANGECONTAINER });
|
|
2687
2686
|
var headerContainer = this.createElement('div', { className: RANGEHEADER });
|
|
2688
2687
|
if (this.isMobile && this.fullScreenMode) {
|
|
2689
|
-
var modelHeaderIconWrapper = this.createElement(
|
|
2690
|
-
var modelCloseIcon = this.createElement(
|
|
2688
|
+
var modelHeaderIconWrapper = this.createElement('div', { className: 'e-model-header-wrapper' });
|
|
2689
|
+
var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
2691
2690
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
|
|
2692
|
-
var modelApplyButton = this.createElement(
|
|
2691
|
+
var modelApplyButton = this.createElement('span', { className: 'e-apply' });
|
|
2693
2692
|
EventHandler.add(modelApplyButton, 'mousedown touchstart', this.applyFunction, this);
|
|
2694
2693
|
modelHeaderIconWrapper.appendChild(modelCloseIcon);
|
|
2695
2694
|
modelHeaderIconWrapper.appendChild(modelApplyButton);
|
|
@@ -2784,10 +2783,13 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
2784
2783
|
eve.preventDefault();
|
|
2785
2784
|
}
|
|
2786
2785
|
if (!isNullOrUndefined(this.startValue) && !isNullOrUndefined(this.endValue)) {
|
|
2787
|
-
if (!(this.previousStartValue && this.previousEndValue &&
|
|
2788
|
-
this.startValue.
|
|
2789
|
-
|
|
2790
|
-
|
|
2786
|
+
if (!(this.previousStartValue && this.previousEndValue &&
|
|
2787
|
+
this.startValue.getDate() === this.previousStartValue.getDate() &&
|
|
2788
|
+
this.startValue.getMonth() === this.previousStartValue.getMonth() &&
|
|
2789
|
+
this.startValue.getFullYear() === this.previousStartValue.getFullYear()
|
|
2790
|
+
&& this.endValue.getDate() === this.previousEndValue.getDate() &&
|
|
2791
|
+
this.endValue.getMonth() === this.previousEndValue.getMonth()
|
|
2792
|
+
&& this.endValue.getFullYear() === this.previousEndValue.getFullYear())) {
|
|
2791
2793
|
Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
|
|
2792
2794
|
}
|
|
2793
2795
|
this.previousStartValue = new Date(+this.startValue);
|
|
@@ -2958,9 +2960,9 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
2958
2960
|
if (this.fullScreenMode) {
|
|
2959
2961
|
var modelWrapper = createElement('div', { className: 'e-range-mob-popup-wrap' });
|
|
2960
2962
|
var modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
2961
|
-
var modelTitleSpan = this.createElement(
|
|
2962
|
-
modelTitleSpan.textContent =
|
|
2963
|
-
var modelCloseIcon = this.createElement(
|
|
2963
|
+
var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
|
|
2964
|
+
modelTitleSpan.textContent = 'Select Preset';
|
|
2965
|
+
var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
2964
2966
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.modelRangeCloseHandler, this);
|
|
2965
2967
|
var presetContent = this.presetElement;
|
|
2966
2968
|
modelHeader.appendChild(modelCloseIcon);
|
|
@@ -3025,10 +3027,10 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
3025
3027
|
if (_this.isMobile && _this.fullScreenMode) {
|
|
3026
3028
|
_this.iconRangeRight = _this.calendarElement && window.getComputedStyle(_this.calendarElement.querySelector('.e-header.e-month .e-prev')).cssFloat;
|
|
3027
3029
|
if (_this.iconRangeRight) {
|
|
3028
|
-
_this.touchRangeModule = new Touch(_this.calendarElement.querySelector(
|
|
3030
|
+
_this.touchRangeModule = new Touch(_this.calendarElement.querySelector('.e-content.e-month'), {
|
|
3029
3031
|
swipe: _this.dateRangeSwipeHandler.bind(_this)
|
|
3030
3032
|
});
|
|
3031
|
-
EventHandler.add(_this.calendarElement.querySelector(
|
|
3033
|
+
EventHandler.add(_this.calendarElement.querySelector('.e-content.e-month'), 'touchstart', _this.touchStartRangeHandler, _this);
|
|
3032
3034
|
}
|
|
3033
3035
|
}
|
|
3034
3036
|
attributes(_this.inputElement, { 'aria-expanded': 'true', 'aria-owns': _this.element.id, 'aria-controls': _this.inputElement.id });
|
|
@@ -3127,12 +3129,12 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
3127
3129
|
};
|
|
3128
3130
|
DateRangePicker.prototype.dateRangeSwipeHandler = function (e) {
|
|
3129
3131
|
var direction = 0;
|
|
3130
|
-
if (this.iconRangeRight
|
|
3132
|
+
if (this.iconRangeRight === 'left') {
|
|
3131
3133
|
switch (e.swipeDirection) {
|
|
3132
|
-
case
|
|
3134
|
+
case 'Left':
|
|
3133
3135
|
direction = 1;
|
|
3134
3136
|
break;
|
|
3135
|
-
case
|
|
3137
|
+
case 'Right':
|
|
3136
3138
|
direction = -1;
|
|
3137
3139
|
break;
|
|
3138
3140
|
default:
|
|
@@ -3141,10 +3143,10 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
3141
3143
|
}
|
|
3142
3144
|
else {
|
|
3143
3145
|
switch (e.swipeDirection) {
|
|
3144
|
-
case
|
|
3146
|
+
case 'Up':
|
|
3145
3147
|
direction = 1;
|
|
3146
3148
|
break;
|
|
3147
|
-
case
|
|
3149
|
+
case 'Down':
|
|
3148
3150
|
direction = -1;
|
|
3149
3151
|
break;
|
|
3150
3152
|
default:
|
|
@@ -3416,7 +3418,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
3416
3418
|
};
|
|
3417
3419
|
DateRangePicker.prototype.createInput = function () {
|
|
3418
3420
|
if (this.fullScreenMode && this.isMobile) {
|
|
3419
|
-
this.cssClass += ' ' +
|
|
3421
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
3420
3422
|
}
|
|
3421
3423
|
var updatedCssClassValue = this.cssClass;
|
|
3422
3424
|
if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
|
|
@@ -4060,9 +4062,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
4060
4062
|
_this.endButton.element.removeAttribute('disabled');
|
|
4061
4063
|
_this.selectableDates();
|
|
4062
4064
|
}
|
|
4063
|
-
_super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal,
|
|
4064
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4065
|
-
_this.isMobile || Browser.isDevice);
|
|
4065
|
+
_super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal, _this.isMobile || Browser.isDevice);
|
|
4066
4066
|
}
|
|
4067
4067
|
});
|
|
4068
4068
|
if (Browser.isDevice) {
|
|
@@ -4257,7 +4257,6 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
4257
4257
|
this.updateHeader();
|
|
4258
4258
|
}
|
|
4259
4259
|
};
|
|
4260
|
-
// eslint-disable-next-line @typescript-eslint/tslint/config
|
|
4261
4260
|
DateRangePicker.prototype.getStartEndValue = function (date, isEnd) {
|
|
4262
4261
|
if (this.depth === 'Month') {
|
|
4263
4262
|
return this.checkDateValue(new Date(this.checkValue(date)));
|
|
@@ -598,7 +598,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
598
598
|
if (!_this.preventArgs.cancel && !_this.readonly) {
|
|
599
599
|
var openAnimation = {
|
|
600
600
|
name: 'FadeIn',
|
|
601
|
-
duration: ANIMATIONDURATION
|
|
601
|
+
duration: ANIMATIONDURATION
|
|
602
602
|
};
|
|
603
603
|
if (_this.zIndex === 1000) {
|
|
604
604
|
_this.popupObject.show(new Animation(openAnimation), _this.element);
|
|
@@ -689,9 +689,9 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
689
689
|
}
|
|
690
690
|
});
|
|
691
691
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
692
|
-
this.popupObject.element.style.display =
|
|
693
|
-
this.popupObject.element.style.maxHeight =
|
|
694
|
-
this.popupObject.element.style.width =
|
|
692
|
+
this.popupObject.element.style.display = 'flex';
|
|
693
|
+
this.popupObject.element.style.maxHeight = '100%';
|
|
694
|
+
this.popupObject.element.style.width = '100%';
|
|
695
695
|
}
|
|
696
696
|
else {
|
|
697
697
|
this.popupObject.element.style.maxHeight = POPUPDIMENSION;
|
|
@@ -699,11 +699,11 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
699
699
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
700
700
|
var modelWrapper = createElement('div', { className: 'e-datetime-mob-popup-wrap' });
|
|
701
701
|
var modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
702
|
-
var modelTitleSpan = this.createElement(
|
|
703
|
-
modelTitleSpan.textContent =
|
|
704
|
-
var modelCloseIcon = this.createElement(
|
|
702
|
+
var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
|
|
703
|
+
modelTitleSpan.textContent = 'Select time';
|
|
704
|
+
var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
705
705
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.dateTimeCloseHandler, this);
|
|
706
|
-
var timeContent = this.dateTimeWrapper.querySelector(
|
|
706
|
+
var timeContent = this.dateTimeWrapper.querySelector('.e-content');
|
|
707
707
|
modelHeader.appendChild(modelCloseIcon);
|
|
708
708
|
modelHeader.appendChild(modelTitleSpan);
|
|
709
709
|
modelWrapper.appendChild(modelHeader);
|
|
@@ -1012,7 +1012,13 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
1012
1012
|
DateTimePicker.prototype.TimePopupFormat = function () {
|
|
1013
1013
|
var format = '';
|
|
1014
1014
|
var formatCount = 0;
|
|
1015
|
-
var proxy = this;
|
|
1015
|
+
var proxy = null || this;
|
|
1016
|
+
/**
|
|
1017
|
+
* Formats the value specifier.
|
|
1018
|
+
*
|
|
1019
|
+
* @param {string} formattext - The format text.
|
|
1020
|
+
* @returns {string} The formatted value specifier.
|
|
1021
|
+
*/
|
|
1016
1022
|
function formatValueSpecifier(formattext) {
|
|
1017
1023
|
switch (formattext) {
|
|
1018
1024
|
case 'd':
|
|
@@ -1027,11 +1033,11 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
1027
1033
|
case 'yy':
|
|
1028
1034
|
case 'yyy':
|
|
1029
1035
|
case 'yyyy':
|
|
1030
|
-
if (format
|
|
1036
|
+
if (format === '') {
|
|
1031
1037
|
format = format + formattext;
|
|
1032
1038
|
}
|
|
1033
1039
|
else {
|
|
1034
|
-
format = format +
|
|
1040
|
+
format = format + '/' + formattext;
|
|
1035
1041
|
}
|
|
1036
1042
|
formatCount = formatCount + 1;
|
|
1037
1043
|
break;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -286,8 +286,8 @@ var MaskedDateTime = /** @class */ (function () {
|
|
|
286
286
|
}
|
|
287
287
|
if (month >= 1) {
|
|
288
288
|
newDateValue.setMonth(month - 1);
|
|
289
|
-
if (month >= 10 || month
|
|
290
|
-
if (this.isLeadingZero && month
|
|
289
|
+
if (month >= 10 || month === 1) {
|
|
290
|
+
if (this.isLeadingZero && month === 1) {
|
|
291
291
|
this.isNavigate = month.toString().length === 1;
|
|
292
292
|
this.isLeadingZero = false;
|
|
293
293
|
}
|
|
@@ -440,7 +440,6 @@ var MaskedDateTime = /** @class */ (function () {
|
|
|
440
440
|
case 'a':
|
|
441
441
|
{
|
|
442
442
|
this.periodCharacter += newVal[start - 1].toLowerCase();
|
|
443
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
444
443
|
var periodString = (this.getCulturedValue('dayPeriods.format.wide'));
|
|
445
444
|
var periodkeys = Object.keys(periodString);
|
|
446
445
|
for (var i = 0; this.periodCharacter.length > 0; i++) {
|
|
@@ -461,8 +460,7 @@ var MaskedDateTime = /** @class */ (function () {
|
|
|
461
460
|
};
|
|
462
461
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
463
462
|
MaskedDateTime.prototype.formatCheck = function () {
|
|
464
|
-
|
|
465
|
-
var proxy = this;
|
|
463
|
+
var proxy = null || this;
|
|
466
464
|
function formatValueSpecifier(formattext) {
|
|
467
465
|
var result;
|
|
468
466
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -183,7 +183,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
|
|
|
183
183
|
};
|
|
184
184
|
private timeOptions;
|
|
185
185
|
private mobileTimePopupWrap;
|
|
186
|
-
protected isAngular: boolean;
|
|
187
186
|
protected preventChange: boolean;
|
|
188
187
|
protected maskedDateValue: string;
|
|
189
188
|
protected moduleName: string;
|