@syncfusion/ej2-calendars 20.4.52 → 21.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/CHANGELOG.md +0 -12
- package/README.md +94 -83
- 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 +436 -376
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +392 -331
- 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-model.d.ts +1 -1
- package/src/calendar/calendar.js +13 -6
- package/src/calendar/islamic.js +39 -29
- package/src/datepicker/datepicker-model.d.ts +3 -3
- package/src/datepicker/datepicker.js +61 -56
- package/src/daterangepicker/daterangepicker.js +11 -5
- package/src/datetimepicker/datetimepicker-model.d.ts +3 -3
- package/src/datetimepicker/datetimepicker.d.ts +4 -4
- package/src/datetimepicker/datetimepicker.js +15 -17
- package/src/maskbase/masked-date-time.js +212 -181
- package/src/timepicker/timepicker-model.d.ts +7 -7
- package/src/timepicker/timepicker.d.ts +9 -9
- package/src/timepicker/timepicker.js +41 -38
- package/styles/bootstrap-dark.css +13 -12
- package/styles/bootstrap.css +13 -7
- package/styles/bootstrap4.css +7 -5
- package/styles/bootstrap5-dark.css +21 -19
- package/styles/bootstrap5.css +19 -17
- package/styles/calendar/_bootstrap-dark-definition.scss +1 -1
- package/styles/calendar/_bootstrap5-definition.scss +21 -21
- package/styles/calendar/_fabric-dark-definition.scss +5 -3
- package/styles/calendar/_fabric-definition.scss +2 -0
- package/styles/calendar/_fluent-definition.scss +36 -36
- package/styles/calendar/_highcontrast-definition.scss +3 -1
- package/styles/calendar/_highcontrast-light-definition.scss +2 -0
- package/styles/calendar/_layout.scss +53 -6
- package/styles/calendar/_material-dark-definition.scss +4 -2
- package/styles/calendar/_material-definition.scss +2 -0
- package/styles/calendar/_tailwind-definition.scss +13 -13
- package/styles/calendar/_theme.scss +74 -13
- package/styles/calendar/bootstrap-dark.css +4 -3
- package/styles/calendar/bootstrap.css +3 -2
- package/styles/calendar/bootstrap4.css +3 -2
- package/styles/calendar/bootstrap5-dark.css +14 -13
- package/styles/calendar/bootstrap5.css +13 -12
- package/styles/calendar/fabric-dark.css +15 -5
- package/styles/calendar/fabric.css +12 -2
- package/styles/calendar/fluent-dark.css +51 -28
- package/styles/calendar/fluent.css +51 -28
- package/styles/calendar/highcontrast-light.css +3 -2
- package/styles/calendar/highcontrast.css +14 -4
- package/styles/calendar/icons/_material3.scss +3 -3
- package/styles/calendar/material-dark.css +14 -4
- package/styles/calendar/material.css +12 -2
- package/styles/calendar/tailwind-dark.css +11 -10
- package/styles/calendar/tailwind.css +11 -10
- package/styles/datepicker/_bootstrap-dark-definition.scss +1 -1
- package/styles/datepicker/_bootstrap-definition.scss +1 -1
- package/styles/datepicker/_bootstrap5-definition.scss +8 -8
- package/styles/datepicker/_fabric-dark-definition.scss +1 -1
- package/styles/datepicker/_fabric-definition.scss +1 -1
- package/styles/datepicker/_fluent-definition.scss +8 -8
- package/styles/datepicker/_fusionnew-definition.scss +2 -2
- package/styles/datepicker/_highcontrast-definition.scss +1 -1
- package/styles/datepicker/_highcontrast-light-definition.scss +1 -1
- package/styles/datepicker/_layout.scss +16 -6
- package/styles/datepicker/_material-dark-definition.scss +1 -1
- package/styles/datepicker/_material-definition.scss +1 -1
- package/styles/datepicker/_tailwind-definition.scss +8 -8
- package/styles/datepicker/_theme.scss +11 -1
- package/styles/datepicker/bootstrap-dark.css +1 -1
- package/styles/datepicker/bootstrap.css +1 -1
- package/styles/datepicker/bootstrap5-dark.css +2 -2
- package/styles/datepicker/bootstrap5.css +2 -2
- package/styles/datepicker/fabric-dark.css +1 -1
- package/styles/datepicker/fabric.css +1 -1
- package/styles/datepicker/fluent-dark.css +2 -2
- package/styles/datepicker/fluent.css +2 -2
- package/styles/datepicker/highcontrast-light.css +1 -1
- package/styles/datepicker/highcontrast.css +1 -1
- package/styles/datepicker/icons/_material3.scss +3 -3
- package/styles/datepicker/material-dark.css +1 -1
- package/styles/datepicker/material.css +1 -1
- package/styles/datepicker/tailwind-dark.css +2 -2
- package/styles/datepicker/tailwind.css +2 -2
- package/styles/daterangepicker/_bootstrap-dark-definition.scss +6 -6
- package/styles/daterangepicker/_bootstrap-definition.scss +2 -2
- package/styles/daterangepicker/_bootstrap4-definition.scss +2 -2
- package/styles/daterangepicker/_bootstrap5-definition.scss +21 -21
- package/styles/daterangepicker/_fabric-dark-definition.scss +2 -2
- package/styles/daterangepicker/_fabric-definition.scss +2 -2
- package/styles/daterangepicker/_fluent-definition.scss +27 -27
- package/styles/daterangepicker/_highcontrast-definition.scss +2 -2
- package/styles/daterangepicker/_highcontrast-light-definition.scss +2 -2
- package/styles/daterangepicker/_layout.scss +50 -3
- package/styles/daterangepicker/_material-dark-definition.scss +2 -2
- package/styles/daterangepicker/_material-definition.scss +2 -2
- package/styles/daterangepicker/_tailwind-definition.scss +19 -19
- package/styles/daterangepicker/_theme.scss +93 -15
- package/styles/daterangepicker/bootstrap-dark.css +6 -6
- package/styles/daterangepicker/bootstrap.css +7 -2
- package/styles/daterangepicker/bootstrap4.css +3 -2
- package/styles/daterangepicker/bootstrap5-dark.css +5 -4
- package/styles/daterangepicker/bootstrap5.css +4 -3
- package/styles/daterangepicker/fabric-dark.css +2 -2
- package/styles/daterangepicker/fabric.css +2 -2
- package/styles/daterangepicker/fluent-dark.css +33 -9
- package/styles/daterangepicker/fluent.css +33 -9
- package/styles/daterangepicker/highcontrast-light.css +2 -2
- package/styles/daterangepicker/highcontrast.css +2 -2
- package/styles/daterangepicker/icons/_material3.scss +33 -6
- package/styles/daterangepicker/material-dark.css +2 -2
- package/styles/daterangepicker/material.css +9 -3
- package/styles/daterangepicker/tailwind-dark.css +2 -2
- package/styles/daterangepicker/tailwind.css +2 -2
- package/styles/datetimepicker/_bootstrap-dark-definition.scss +1 -1
- package/styles/datetimepicker/_bootstrap-definition.scss +1 -1
- package/styles/datetimepicker/_bootstrap4-definition.scss +1 -1
- package/styles/datetimepicker/_bootstrap5-definition.scss +1 -1
- package/styles/datetimepicker/_fabric-dark-definition.scss +1 -1
- package/styles/datetimepicker/_fabric-definition.scss +1 -1
- package/styles/datetimepicker/_fluent-definition.scss +1 -1
- package/styles/datetimepicker/_highcontrast-definition.scss +1 -1
- package/styles/datetimepicker/_highcontrast-light-definition.scss +1 -1
- package/styles/datetimepicker/_layout.scss +8 -3
- package/styles/datetimepicker/_material-dark-definition.scss +1 -1
- package/styles/datetimepicker/_material-definition.scss +1 -1
- package/styles/datetimepicker/_tailwind-definition.scss +1 -1
- package/styles/datetimepicker/_theme.scss +24 -4
- package/styles/datetimepicker/bootstrap-dark.css +1 -1
- package/styles/datetimepicker/bootstrap.css +1 -1
- package/styles/datetimepicker/bootstrap4.css +1 -1
- package/styles/datetimepicker/fabric-dark.css +1 -1
- package/styles/datetimepicker/fabric.css +1 -1
- package/styles/datetimepicker/highcontrast-light.css +1 -1
- package/styles/datetimepicker/highcontrast.css +1 -1
- package/styles/datetimepicker/icons/_material3.scss +1 -1
- package/styles/datetimepicker/material-dark.css +1 -1
- package/styles/datetimepicker/material.css +1 -1
- package/styles/fabric-dark.css +20 -10
- package/styles/fabric.css +20 -8
- package/styles/fluent-dark.css +86 -39
- package/styles/fluent.css +86 -39
- package/styles/highcontrast-light.css +8 -7
- package/styles/highcontrast.css +19 -9
- package/styles/material-dark.css +19 -9
- package/styles/material.css +24 -8
- package/styles/tailwind-dark.css +15 -14
- package/styles/tailwind.css +15 -14
- package/styles/timepicker/_bootstrap-dark-definition.scss +2 -1
- package/styles/timepicker/_bootstrap-definition.scss +2 -1
- package/styles/timepicker/_bootstrap4-definition.scss +1 -0
- package/styles/timepicker/_bootstrap5-definition.scss +6 -5
- package/styles/timepicker/_fabric-dark-definition.scss +2 -1
- package/styles/timepicker/_fabric-definition.scss +2 -1
- package/styles/timepicker/_fluent-definition.scss +6 -5
- package/styles/timepicker/_fusionnew-definition.scss +1 -0
- package/styles/timepicker/_highcontrast-definition.scss +2 -1
- package/styles/timepicker/_highcontrast-light-definition.scss +2 -1
- package/styles/timepicker/_layout.scss +11 -3
- package/styles/timepicker/_material-dark-definition.scss +2 -1
- package/styles/timepicker/_material-definition.scss +2 -1
- package/styles/timepicker/_tailwind-definition.scss +6 -5
- package/styles/timepicker/_theme.scss +36 -6
- package/styles/timepicker/bootstrap-dark.css +1 -1
- package/styles/timepicker/bootstrap.css +1 -1
- package/styles/timepicker/fabric-dark.css +1 -1
- package/styles/timepicker/fabric.css +1 -1
- package/styles/timepicker/highcontrast-light.css +1 -1
- package/styles/timepicker/highcontrast.css +1 -1
- package/styles/timepicker/icons/_material3.scss +1 -1
- package/styles/timepicker/material-dark.css +1 -1
- package/styles/timepicker/material.css +1 -1
- package/GitLeaksReport.json +0 -1
- package/gitleaks-ci/gitleaks +0 -0
- package/gitleaks-ci.tar.gz +0 -0
- package/styles/calendar/_material3-definition.scss +0 -250
- package/styles/datepicker/_material3-definition.scss +0 -46
- package/styles/daterangepicker/_material3-definition.scss +0 -230
- package/styles/datetimepicker/_material3-definition.scss +0 -60
- package/styles/timepicker/_material3-definition.scss +0 -57
|
@@ -424,10 +424,10 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
424
424
|
*/
|
|
425
425
|
enableMask: boolean;
|
|
426
426
|
/**
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
427
|
+
* Specifies the mask placeholder to be displayed on masked datetimepicker.
|
|
428
|
+
*
|
|
429
|
+
* @default {day:'day' , month:'month', year: 'year', hour:'hour',minute:'minute',second:'second',dayOfTheWeek: 'day of the week'}
|
|
430
|
+
*/
|
|
431
431
|
maskPlaceholder: MaskPlaceholderModel;
|
|
432
432
|
/**
|
|
433
433
|
* Triggers when popup is opened.
|
|
@@ -198,7 +198,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
198
198
|
this.cloneElement = this.element.cloneNode(true);
|
|
199
199
|
this.dateTimeFormat = this.cldrDateTimeFormat();
|
|
200
200
|
this.initValue = this.value;
|
|
201
|
-
if (!isNullOrUndefined(closest(this.element,
|
|
201
|
+
if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
|
|
202
202
|
this.enabled = false;
|
|
203
203
|
}
|
|
204
204
|
_super.prototype.updateHtmlAttributeToElement.call(this);
|
|
@@ -211,12 +211,12 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
211
211
|
_super.prototype.updateHtmlAttributeToWrapper.call(this);
|
|
212
212
|
this.bindInputEvents();
|
|
213
213
|
if (this.enableMask) {
|
|
214
|
-
this.notify(
|
|
215
|
-
module:
|
|
214
|
+
this.notify('createMask', {
|
|
215
|
+
module: 'MaskedDateTime'
|
|
216
216
|
});
|
|
217
217
|
}
|
|
218
218
|
this.setValue(true);
|
|
219
|
-
if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType
|
|
219
|
+
if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType === 'Always' || !this.floatLabelType || !this.placeholder)) {
|
|
220
220
|
Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
|
|
221
221
|
}
|
|
222
222
|
this.setProperties({ scrollTo: this.checkDateValue(new Date(this.checkValue(this.scrollTo))) }, true);
|
|
@@ -391,7 +391,6 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
391
391
|
}
|
|
392
392
|
return cldrTime;
|
|
393
393
|
};
|
|
394
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
395
394
|
DateTimePicker.prototype.getCldrFormat = function (type) {
|
|
396
395
|
var cldrDateTime;
|
|
397
396
|
if (this.locale === 'en' || this.locale === 'en-US') {
|
|
@@ -410,7 +409,6 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
410
409
|
return false;
|
|
411
410
|
}
|
|
412
411
|
};
|
|
413
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
414
412
|
DateTimePicker.prototype.getCultureTimeObject = function (ld, c) {
|
|
415
413
|
if (this.calendarMode === 'Gregorian') {
|
|
416
414
|
return getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.timeFormats.short', ld);
|
|
@@ -508,8 +506,7 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
508
506
|
});
|
|
509
507
|
}
|
|
510
508
|
var value = isNullOrUndefined(this.value) ? this.inputElement.value !== '' ?
|
|
511
|
-
dateObject :
|
|
512
|
-
new Date() : this.value;
|
|
509
|
+
dateObject : new Date() : this.value;
|
|
513
510
|
this.valueWithMinutes = value;
|
|
514
511
|
this.listWrapper = createElement('div', { className: CONTENT, attrs: { 'tabindex': '0' } });
|
|
515
512
|
var min = this.startTime(value);
|
|
@@ -804,8 +801,8 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
804
801
|
return this.validateMinMaxRange(value);
|
|
805
802
|
};
|
|
806
803
|
DateTimePicker.prototype.createMask = function () {
|
|
807
|
-
this.notify(
|
|
808
|
-
module:
|
|
804
|
+
this.notify('createMask', {
|
|
805
|
+
module: 'MaskedDateTime'
|
|
809
806
|
});
|
|
810
807
|
};
|
|
811
808
|
DateTimePicker.prototype.combineDateTime = function (value) {
|
|
@@ -1259,7 +1256,8 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
1259
1256
|
var index = (event.keyCode === 40 || event.keyCode === 39) ? ++this.activeIndex : --this.activeIndex;
|
|
1260
1257
|
this.activeIndex = index = this.activeIndex === (listCount) ? 0 : this.activeIndex;
|
|
1261
1258
|
this.activeIndex = index = this.activeIndex < 0 ? (listCount - 1) : this.activeIndex;
|
|
1262
|
-
nextItemValue = isNullOrUndefined(this.timeCollections[index]) ?
|
|
1259
|
+
nextItemValue = isNullOrUndefined(this.timeCollections[index]) ?
|
|
1260
|
+
this.timeCollections[0] : this.timeCollections[index];
|
|
1263
1261
|
}
|
|
1264
1262
|
else if (event.action === 'home') {
|
|
1265
1263
|
this.activeIndex = 0;
|
|
@@ -1357,8 +1355,8 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
1357
1355
|
this.changeTrigger(null);
|
|
1358
1356
|
this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
|
|
1359
1357
|
if (this.enableMask && this.value) {
|
|
1360
|
-
this.notify(
|
|
1361
|
-
module:
|
|
1358
|
+
this.notify('createMask', {
|
|
1359
|
+
module: 'MaskedDateTime'
|
|
1362
1360
|
});
|
|
1363
1361
|
}
|
|
1364
1362
|
break;
|
|
@@ -1401,8 +1399,8 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
1401
1399
|
this.dateTimeFormat = this.formatString;
|
|
1402
1400
|
this.setValue();
|
|
1403
1401
|
if (this.enableMask) {
|
|
1404
|
-
this.notify(
|
|
1405
|
-
module:
|
|
1402
|
+
this.notify('createMask', {
|
|
1403
|
+
module: 'MaskedDateTime'
|
|
1406
1404
|
});
|
|
1407
1405
|
if (!this.value) {
|
|
1408
1406
|
Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
|
|
@@ -1453,8 +1451,8 @@ var DateTimePicker = /** @class */ (function (_super) {
|
|
|
1453
1451
|
break;
|
|
1454
1452
|
case 'enableMask':
|
|
1455
1453
|
if (this.enableMask) {
|
|
1456
|
-
this.notify(
|
|
1457
|
-
module:
|
|
1454
|
+
this.notify('createMask', {
|
|
1455
|
+
module: 'MaskedDateTime'
|
|
1458
1456
|
});
|
|
1459
1457
|
Input.setValue(this.maskedDateValue, this.inputElement, this.floatLabelType, this.showClearButton);
|
|
1460
1458
|
}
|