@syncfusion/ej2-calendars 20.4.54 → 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 -16
- 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 +431 -372
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +386 -327
- 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 +208 -179
- package/src/timepicker/timepicker-model.d.ts +7 -7
- package/src/timepicker/timepicker.d.ts +9 -9
- package/src/timepicker/timepicker.js +39 -36
- package/styles/bootstrap-dark.css +9 -8
- package/styles/bootstrap.css +9 -3
- package/styles/bootstrap4.css +6 -4
- package/styles/bootstrap5-dark.css +19 -17
- package/styles/bootstrap5.css +17 -15
- 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/_bootstrap5-definition.scss +8 -8
- package/styles/datepicker/_fluent-definition.scss +8 -8
- package/styles/datepicker/_layout.scss +16 -6
- package/styles/datepicker/_tailwind-definition.scss +8 -8
- package/styles/datepicker/_theme.scss +11 -1
- package/styles/datepicker/icons/_material3.scss +3 -3
- package/styles/daterangepicker/_bootstrap-dark-definition.scss +5 -5
- package/styles/daterangepicker/_bootstrap-definition.scss +1 -1
- package/styles/daterangepicker/_bootstrap4-definition.scss +2 -2
- package/styles/daterangepicker/_bootstrap5-definition.scss +21 -21
- package/styles/daterangepicker/_fabric-dark-definition.scss +1 -1
- package/styles/daterangepicker/_fabric-definition.scss +1 -1
- package/styles/daterangepicker/_fluent-definition.scss +27 -27
- package/styles/daterangepicker/_highcontrast-definition.scss +1 -1
- package/styles/daterangepicker/_highcontrast-light-definition.scss +1 -1
- package/styles/daterangepicker/_layout.scss +50 -3
- package/styles/daterangepicker/_material-dark-definition.scss +1 -1
- package/styles/daterangepicker/_material-definition.scss +1 -1
- package/styles/daterangepicker/_tailwind-definition.scss +19 -19
- package/styles/daterangepicker/_theme.scss +93 -15
- package/styles/daterangepicker/bootstrap-dark.css +5 -5
- package/styles/daterangepicker/bootstrap.css +6 -1
- 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 +1 -1
- package/styles/daterangepicker/fabric.css +1 -1
- package/styles/daterangepicker/fluent-dark.css +33 -9
- package/styles/daterangepicker/fluent.css +33 -9
- package/styles/daterangepicker/highcontrast-light.css +1 -1
- package/styles/daterangepicker/highcontrast.css +1 -1
- package/styles/daterangepicker/icons/_material3.scss +33 -6
- package/styles/daterangepicker/material-dark.css +1 -1
- package/styles/daterangepicker/material.css +8 -2
- package/styles/daterangepicker/tailwind-dark.css +2 -2
- package/styles/daterangepicker/tailwind.css +2 -2
- package/styles/datetimepicker/_bootstrap5-definition.scss +1 -1
- package/styles/datetimepicker/_fluent-definition.scss +1 -1
- package/styles/datetimepicker/_layout.scss +8 -3
- package/styles/datetimepicker/_tailwind-definition.scss +1 -1
- package/styles/datetimepicker/_theme.scss +24 -4
- package/styles/datetimepicker/icons/_material3.scss +1 -1
- package/styles/fabric-dark.css +16 -6
- package/styles/fabric.css +16 -4
- package/styles/fluent-dark.css +84 -37
- package/styles/fluent.css +84 -37
- package/styles/highcontrast-light.css +4 -3
- package/styles/highcontrast.css +15 -5
- package/styles/material-dark.css +15 -5
- package/styles/material.css +20 -4
- package/styles/tailwind-dark.css +13 -12
- package/styles/tailwind.css +13 -12
- package/styles/timepicker/_bootstrap-dark-definition.scss +1 -0
- package/styles/timepicker/_bootstrap-definition.scss +1 -0
- package/styles/timepicker/_bootstrap4-definition.scss +1 -0
- package/styles/timepicker/_bootstrap5-definition.scss +6 -5
- package/styles/timepicker/_fabric-dark-definition.scss +1 -0
- package/styles/timepicker/_fabric-definition.scss +1 -0
- package/styles/timepicker/_fluent-definition.scss +6 -5
- package/styles/timepicker/_fusionnew-definition.scss +1 -0
- package/styles/timepicker/_highcontrast-definition.scss +1 -0
- package/styles/timepicker/_highcontrast-light-definition.scss +1 -0
- package/styles/timepicker/_layout.scss +11 -3
- package/styles/timepicker/_material-dark-definition.scss +1 -0
- package/styles/timepicker/_material-definition.scss +1 -0
- package/styles/timepicker/_tailwind-definition.scss +6 -5
- package/styles/timepicker/_theme.scss +36 -6
- package/styles/timepicker/icons/_material3.scss +1 -1
- 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
|
}
|