@syncfusion/ej2-calendars 25.2.5 → 26.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -2
- package/dist/ej2-calendars.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js.map +1 -1
- package/dist/es6/ej2-calendars.es2015.js +150 -201
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +145 -197
- package/dist/es6/ej2-calendars.es5.js.map +1 -1
- package/dist/global/ej2-calendars.min.js +2 -2
- package/dist/global/ej2-calendars.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/calendar/calendar.d.ts +1 -2
- package/src/calendar/calendar.js +35 -27
- package/src/calendar/islamic.js +8 -7
- package/src/datepicker/datepicker.d.ts +0 -1
- package/src/datepicker/datepicker.js +15 -16
- package/src/daterangepicker/daterangepicker.d.ts +0 -1
- package/src/daterangepicker/daterangepicker.js +25 -26
- package/src/datetimepicker/datetimepicker.js +17 -11
- package/src/maskbase/interface.js +0 -1
- package/src/maskbase/masked-date-time.js +3 -5
- package/src/timepicker/timepicker.d.ts +0 -1
- package/src/timepicker/timepicker.js +7 -11
- package/styles/bootstrap-dark.css +143 -91
- package/styles/bootstrap-dark.scss +20 -5
- package/styles/bootstrap.css +143 -93
- package/styles/bootstrap.scss +20 -5
- package/styles/bootstrap4.css +143 -93
- package/styles/bootstrap4.scss +20 -5
- package/styles/bootstrap5-dark.css +143 -94
- package/styles/bootstrap5-dark.scss +20 -5
- package/styles/bootstrap5.css +143 -94
- package/styles/bootstrap5.scss +20 -5
- package/styles/calendar/_bds-definition.scss +4 -3
- package/styles/calendar/_bootstrap5.3-definition.scss +256 -0
- package/styles/calendar/_fluent2-definition.scss +290 -0
- package/styles/calendar/_layout.scss +34 -14
- package/styles/calendar/_material3-definition.scss +0 -9
- package/styles/calendar/_theme.scss +104 -45
- package/styles/calendar/bootstrap-dark.css +48 -24
- package/styles/calendar/bootstrap.css +48 -24
- package/styles/calendar/bootstrap4.css +48 -24
- package/styles/calendar/bootstrap5-dark.css +48 -24
- package/styles/calendar/bootstrap5.css +48 -24
- package/styles/calendar/fabric-dark.css +51 -25
- package/styles/calendar/fabric.css +51 -25
- package/styles/calendar/fluent-dark.css +67 -33
- package/styles/calendar/fluent.css +67 -33
- package/styles/calendar/fluent2.css +2022 -0
- package/styles/calendar/fluent2.scss +5 -0
- package/styles/calendar/highcontrast-light.css +49 -24
- package/styles/calendar/highcontrast.css +51 -25
- package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
- package/styles/calendar/icons/_fluent2.scss +13 -0
- package/styles/calendar/material-dark.css +51 -25
- package/styles/calendar/material.css +51 -25
- package/styles/calendar/material3-dark.css +52 -23
- package/styles/calendar/material3.css +52 -23
- package/styles/calendar/tailwind-dark.css +49 -25
- package/styles/calendar/tailwind.css +49 -25
- package/styles/datepicker/_bootstrap5.3-definition.scss +107 -0
- package/styles/datepicker/_fluent2-definition.scss +118 -0
- package/styles/datepicker/_layout.scss +20 -11
- package/styles/datepicker/_material3-definition.scss +0 -19
- package/styles/datepicker/bootstrap-dark.css +16 -18
- package/styles/datepicker/bootstrap.css +16 -18
- package/styles/datepicker/bootstrap4.css +16 -18
- package/styles/datepicker/bootstrap5-dark.css +18 -19
- package/styles/datepicker/bootstrap5.css +18 -19
- package/styles/datepicker/fabric-dark.css +16 -18
- package/styles/datepicker/fabric.css +16 -18
- package/styles/datepicker/fluent-dark.css +18 -19
- package/styles/datepicker/fluent.css +18 -19
- package/styles/datepicker/fluent2.css +1680 -0
- package/styles/datepicker/fluent2.scss +7 -0
- package/styles/datepicker/highcontrast-light.css +16 -18
- package/styles/datepicker/highcontrast.css +16 -18
- package/styles/datepicker/icons/_bootstrap5.3.scss +76 -0
- package/styles/datepicker/icons/_fluent2.scss +83 -0
- package/styles/datepicker/material-dark.css +27 -20
- package/styles/datepicker/material.css +41 -22
- package/styles/datepicker/material3-dark.css +46 -24
- package/styles/datepicker/material3.css +46 -24
- package/styles/datepicker/tailwind-dark.css +18 -19
- package/styles/datepicker/tailwind.css +18 -19
- package/styles/daterangepicker/_bds-definition.scss +2 -2
- package/styles/daterangepicker/_bootstrap5.3-definition.scss +296 -0
- package/styles/daterangepicker/_fluent2-definition.scss +309 -0
- package/styles/daterangepicker/_layout.scss +14 -22
- package/styles/daterangepicker/_material3-definition.scss +0 -20
- package/styles/daterangepicker/_theme.scss +16 -8
- package/styles/daterangepicker/bootstrap-dark.css +54 -33
- package/styles/daterangepicker/bootstrap.css +54 -33
- package/styles/daterangepicker/bootstrap4.css +54 -33
- package/styles/daterangepicker/bootstrap5-dark.css +56 -34
- package/styles/daterangepicker/bootstrap5.css +56 -34
- package/styles/daterangepicker/fabric-dark.css +54 -33
- package/styles/daterangepicker/fabric.css +54 -33
- package/styles/daterangepicker/fluent-dark.css +66 -39
- package/styles/daterangepicker/fluent.css +66 -39
- package/styles/daterangepicker/fluent2.css +2465 -0
- package/styles/daterangepicker/fluent2.scss +7 -0
- package/styles/daterangepicker/highcontrast-light.css +54 -33
- package/styles/daterangepicker/highcontrast.css +54 -33
- package/styles/daterangepicker/icons/_bootstrap5.3.scss +92 -0
- package/styles/daterangepicker/icons/_fluent2.scss +132 -0
- package/styles/daterangepicker/material-dark.css +63 -34
- package/styles/daterangepicker/material.css +77 -36
- package/styles/daterangepicker/material3-dark.css +88 -38
- package/styles/daterangepicker/material3.css +88 -38
- package/styles/daterangepicker/tailwind-dark.css +58 -35
- package/styles/daterangepicker/tailwind.css +58 -35
- package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
- package/styles/datetimepicker/_fluent2-definition.scss +65 -0
- package/styles/datetimepicker/_layout.scss +0 -3
- package/styles/datetimepicker/_material3-definition.scss +0 -10
- package/styles/datetimepicker/_theme.scss +2 -2
- package/styles/datetimepicker/bootstrap-dark.css +7 -3
- package/styles/datetimepicker/bootstrap.css +7 -3
- package/styles/datetimepicker/bootstrap4.css +7 -3
- package/styles/datetimepicker/bootstrap5-dark.css +7 -3
- package/styles/datetimepicker/bootstrap5.css +7 -3
- package/styles/datetimepicker/fabric-dark.css +7 -3
- package/styles/datetimepicker/fabric.css +7 -3
- package/styles/datetimepicker/fluent-dark.css +7 -3
- package/styles/datetimepicker/fluent.css +7 -3
- package/styles/datetimepicker/fluent2.css +1408 -0
- package/styles/datetimepicker/fluent2.scss +8 -0
- package/styles/datetimepicker/highcontrast-light.css +7 -3
- package/styles/datetimepicker/highcontrast.css +7 -3
- package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
- package/styles/datetimepicker/icons/_fluent2.scss +11 -0
- package/styles/datetimepicker/material-dark.css +16 -4
- package/styles/datetimepicker/material.css +30 -6
- package/styles/datetimepicker/material3-dark.css +33 -7
- package/styles/datetimepicker/material3.css +33 -7
- package/styles/datetimepicker/tailwind-dark.css +7 -3
- package/styles/datetimepicker/tailwind.css +7 -3
- package/styles/fabric-dark.css +146 -92
- package/styles/fabric-dark.scss +20 -5
- package/styles/fabric.css +146 -94
- package/styles/fabric.scss +20 -5
- package/styles/fluent-dark.css +172 -108
- package/styles/fluent-dark.scss +20 -5
- package/styles/fluent.css +172 -108
- package/styles/fluent.scss +20 -5
- package/styles/fluent2.css +4429 -0
- package/styles/fluent2.scss +20 -0
- package/styles/highcontrast-light.css +144 -91
- package/styles/highcontrast-light.scss +20 -5
- package/styles/highcontrast.css +146 -94
- package/styles/highcontrast.scss +20 -5
- package/styles/material-dark.css +157 -112
- package/styles/material-dark.scss +20 -5
- package/styles/material.css +171 -140
- package/styles/material.scss +20 -5
- package/styles/material3-dark.css +189 -139
- package/styles/material3-dark.scss +20 -5
- package/styles/material3.css +189 -139
- package/styles/material3.scss +20 -5
- package/styles/tailwind-dark.css +146 -96
- package/styles/tailwind-dark.scss +20 -5
- package/styles/tailwind.css +146 -96
- package/styles/tailwind.scss +20 -5
- package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
- package/styles/timepicker/_fluent2-definition.scss +84 -0
- package/styles/timepicker/_layout.scss +2 -16
- package/styles/timepicker/_material3-definition.scss +0 -16
- package/styles/timepicker/_theme.scss +1 -4
- package/styles/timepicker/bootstrap-dark.css +18 -10
- package/styles/timepicker/bootstrap.css +18 -10
- package/styles/timepicker/bootstrap4.css +18 -10
- package/styles/timepicker/bootstrap5-dark.css +18 -10
- package/styles/timepicker/bootstrap5.css +18 -10
- package/styles/timepicker/fabric-dark.css +18 -10
- package/styles/timepicker/fabric.css +18 -10
- package/styles/timepicker/fluent-dark.css +18 -10
- package/styles/timepicker/fluent.css +18 -10
- package/styles/timepicker/fluent2.css +1531 -0
- package/styles/timepicker/fluent2.scss +6 -0
- package/styles/timepicker/highcontrast-light.css +18 -10
- package/styles/timepicker/highcontrast.css +18 -10
- package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
- package/styles/timepicker/icons/_fluent2.scss +24 -0
- package/styles/timepicker/material-dark.css +27 -11
- package/styles/timepicker/material.css +41 -13
- package/styles/timepicker/material3-dark.css +45 -14
- package/styles/timepicker/material3.css +45 -14
- package/styles/timepicker/tailwind-dark.css +18 -10
- package/styles/timepicker/tailwind.css +18 -10
- package/CHANGELOG.md +0 -1218
|
@@ -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;
|
|
@@ -42,8 +42,6 @@ var HOVER = 'e-hover';
|
|
|
42
42
|
var NAVIGATION = 'e-navigation';
|
|
43
43
|
var DISABLED = 'e-disabled';
|
|
44
44
|
var ICONANIMATION = 'e-icon-anim';
|
|
45
|
-
var TIMEICON = 'e-time-icon';
|
|
46
|
-
var CLEARICON = 'e-clear-icon';
|
|
47
45
|
var FOCUS = 'e-input-focus';
|
|
48
46
|
var LISTCLASS = 'e-list-item';
|
|
49
47
|
var HALFPOSITION = 2;
|
|
@@ -136,7 +134,6 @@ var TimePicker = /** @class */ (function (_super) {
|
|
|
136
134
|
_this.timeCollections = [];
|
|
137
135
|
_this.disableItemCollection = [];
|
|
138
136
|
_this.invalidValueString = null;
|
|
139
|
-
_this.isAngular = false;
|
|
140
137
|
_this.preventChange = false;
|
|
141
138
|
_this.maskedDateValue = '';
|
|
142
139
|
_this.moduleName = _this.getModuleName();
|
|
@@ -345,7 +342,7 @@ var TimePicker = /** @class */ (function (_super) {
|
|
|
345
342
|
};
|
|
346
343
|
TimePicker.prototype.createInputElement = function () {
|
|
347
344
|
if (this.fullScreenMode && Browser.isDevice) {
|
|
348
|
-
this.cssClass += ' ' +
|
|
345
|
+
this.cssClass += ' ' + 'e-popup-expand';
|
|
349
346
|
}
|
|
350
347
|
var updatedCssClassesValue = this.cssClass;
|
|
351
348
|
var isBindClearAction = this.enableMask ? false : true;
|
|
@@ -456,7 +453,6 @@ var TimePicker = /** @class */ (function (_super) {
|
|
|
456
453
|
}
|
|
457
454
|
return modules;
|
|
458
455
|
};
|
|
459
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
460
456
|
TimePicker.prototype.cldrFormat = function (type) {
|
|
461
457
|
var cldrDateTimeString;
|
|
462
458
|
if (this.locale === 'en' || this.locale === 'en-US') {
|
|
@@ -605,17 +601,17 @@ var TimePicker = /** @class */ (function (_super) {
|
|
|
605
601
|
this.popupObj.collision = { X: 'none', Y: 'flip' };
|
|
606
602
|
}
|
|
607
603
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
608
|
-
this.popupObj.element.style.maxHeight =
|
|
609
|
-
this.popupObj.element.style.width =
|
|
604
|
+
this.popupObj.element.style.maxHeight = '100%';
|
|
605
|
+
this.popupObj.element.style.width = '100%';
|
|
610
606
|
}
|
|
611
607
|
else {
|
|
612
608
|
this.popupObj.element.style.maxHeight = POPUPDIMENSION;
|
|
613
609
|
}
|
|
614
610
|
if (Browser.isDevice && this.fullScreenMode) {
|
|
615
611
|
var modelHeader = this.createElement('div', { className: 'e-model-header' });
|
|
616
|
-
var modelTitleSpan = this.createElement(
|
|
617
|
-
modelTitleSpan.textContent =
|
|
618
|
-
var modelCloseIcon = this.createElement(
|
|
612
|
+
var modelTitleSpan = this.createElement('span', { className: 'e-model-title' });
|
|
613
|
+
modelTitleSpan.textContent = 'Select time';
|
|
614
|
+
var modelCloseIcon = this.createElement('span', { className: 'e-popup-close' });
|
|
619
615
|
EventHandler.add(modelCloseIcon, 'mousedown touchstart', this.timePopupCloseHandler, this);
|
|
620
616
|
modelHeader.appendChild(modelCloseIcon);
|
|
621
617
|
modelHeader.appendChild(modelTitleSpan);
|
|
@@ -1002,7 +998,7 @@ var TimePicker = /** @class */ (function (_super) {
|
|
|
1002
998
|
};
|
|
1003
999
|
TimePicker.prototype.inputHandler = function (event) {
|
|
1004
1000
|
if (!this.readonly && this.enabled) {
|
|
1005
|
-
if (!((event.action
|
|
1001
|
+
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))) {
|
|
1006
1002
|
event.preventDefault();
|
|
1007
1003
|
}
|
|
1008
1004
|
switch (event.action) {
|