@syncfusion/ej2-calendars 24.2.8 → 25.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 -48
- 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 +45 -12
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +45 -12
- 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.js +3 -3
- package/src/datepicker/datepicker.d.ts +1 -0
- package/src/datepicker/datepicker.js +12 -3
- package/src/daterangepicker/daterangepicker.d.ts +1 -0
- package/src/daterangepicker/daterangepicker.js +8 -0
- package/src/datetimepicker/datetimepicker.js +10 -2
- package/src/timepicker/timepicker.d.ts +1 -0
- package/src/timepicker/timepicker.js +12 -4
- package/styles/bootstrap-dark.css +1 -1
- package/styles/bootstrap.css +1 -1
- package/styles/bootstrap4.css +1 -1
- package/styles/bootstrap5-dark.css +1 -1
- package/styles/bootstrap5.css +1 -1
- package/styles/calendar/_bds-definition.scss +272 -0
- package/styles/calendar/_bootstrap-definition.scss +1 -1
- package/styles/calendar/_fabric-dark-definition.scss +1 -1
- package/styles/calendar/_fabric-definition.scss +1 -1
- package/styles/calendar/_fluent-definition.scss +2 -2
- package/styles/calendar/_fusionnew-definition.scss +1 -1
- package/styles/calendar/_highcontrast-definition.scss +1 -1
- package/styles/calendar/_material-dark-definition.scss +1 -1
- package/styles/calendar/_tailwind-definition.scss +1 -1
- package/styles/calendar/_theme.scss +1 -1
- package/styles/calendar/bootstrap-dark.css +1 -1
- package/styles/calendar/bootstrap.css +1 -1
- package/styles/calendar/bootstrap4.css +1 -1
- package/styles/calendar/bootstrap5-dark.css +1 -1
- package/styles/calendar/bootstrap5.css +1 -1
- package/styles/calendar/fabric-dark.css +1 -1
- package/styles/calendar/fabric.css +1 -1
- package/styles/calendar/fluent-dark.css +11 -11
- package/styles/calendar/fluent.css +11 -11
- package/styles/calendar/highcontrast-light.css +1 -1
- package/styles/calendar/highcontrast.css +1 -1
- package/styles/calendar/icons/_bds.scss +13 -0
- package/styles/calendar/material-dark.css +1 -1
- package/styles/calendar/material.css +1 -1
- package/styles/calendar/material3-dark.css +1 -1
- package/styles/calendar/material3.css +1 -1
- package/styles/calendar/tailwind-dark.css +1 -1
- package/styles/calendar/tailwind.css +1 -1
- package/styles/datepicker/_bds-definition.scss +105 -0
- package/styles/datepicker/icons/_bds.scss +76 -0
- package/styles/daterangepicker/_bds-definition.scss +294 -0
- package/styles/daterangepicker/icons/_bds.scss +92 -0
- package/styles/datetimepicker/_bds-definition.scss +65 -0
- package/styles/datetimepicker/icons/_bds.scss +11 -0
- package/styles/fabric-dark.css +1 -1
- package/styles/fabric.css +1 -1
- package/styles/fluent-dark.css +11 -11
- package/styles/fluent.css +11 -11
- package/styles/highcontrast-light.css +1 -1
- package/styles/highcontrast.css +1 -1
- package/styles/material-dark.css +1 -1
- package/styles/material.css +1 -1
- package/styles/material3-dark.css +1 -1
- package/styles/material3.css +1 -1
- package/styles/tailwind-dark.css +1 -1
- package/styles/tailwind.css +1 -1
- package/styles/timepicker/_bds-definition.scss +84 -0
- package/styles/timepicker/icons/_bds.scss +24 -0
|
@@ -32,7 +32,7 @@ var DEVICE = 'e-device';
|
|
|
32
32
|
var HEADER = 'e-header';
|
|
33
33
|
var RTL = 'e-rtl';
|
|
34
34
|
var CONTENT = 'e-content';
|
|
35
|
-
var CONTENTTABLE = 'e-
|
|
35
|
+
var CONTENTTABLE = 'e-calendar-content-table';
|
|
36
36
|
var YEAR = 'e-year';
|
|
37
37
|
var MONTH = 'e-month';
|
|
38
38
|
var DECADE = 'e-decade';
|
|
@@ -1242,8 +1242,8 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
1242
1242
|
*/
|
|
1243
1243
|
CalendarBase.prototype.requiredModules = function () {
|
|
1244
1244
|
var modules = [];
|
|
1245
|
-
if (this) {
|
|
1246
|
-
modules.push({ args: [this], member: 'islamic' });
|
|
1245
|
+
if (this.calendarMode === 'Islamic') {
|
|
1246
|
+
modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
|
|
1247
1247
|
}
|
|
1248
1248
|
return modules;
|
|
1249
1249
|
};
|
|
@@ -4165,7 +4165,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4165
4165
|
}
|
|
4166
4166
|
if ((this.getModuleName() === 'datetimepicker')) {
|
|
4167
4167
|
if (this.checkDateValue(this.globalize.parseDate(this.inputElement.value, dateOptions))) {
|
|
4168
|
-
|
|
4168
|
+
var modifiedValue = this.inputElement.value.replace(/(am|pm|Am|aM|pM|Pm)/g, function (match) { return match.toLocaleUpperCase(); });
|
|
4169
|
+
date = this.globalize.parseDate(modifiedValue, dateOptions);
|
|
4169
4170
|
}
|
|
4170
4171
|
else {
|
|
4171
4172
|
if (this.calendarMode === 'Gregorian') {
|
|
@@ -4438,8 +4439,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4438
4439
|
};
|
|
4439
4440
|
DatePicker.prototype.requiredModules = function () {
|
|
4440
4441
|
var modules = [];
|
|
4441
|
-
if (this) {
|
|
4442
|
-
modules.push({ args: [this], member: 'islamic' });
|
|
4442
|
+
if (this.calendarMode === 'Islamic') {
|
|
4443
|
+
modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
|
|
4443
4444
|
}
|
|
4444
4445
|
if (this.enableMask) {
|
|
4445
4446
|
modules.push({ args: [this], member: 'MaskedDateTime' });
|
|
@@ -4715,7 +4716,15 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
4715
4716
|
*/
|
|
4716
4717
|
DatePicker.prototype.destroy = function () {
|
|
4717
4718
|
this.unBindEvents();
|
|
4719
|
+
if (this.showClearButton) {
|
|
4720
|
+
this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
|
|
4721
|
+
}
|
|
4718
4722
|
_super.prototype.destroy.call(this);
|
|
4723
|
+
Input.destroy({
|
|
4724
|
+
element: this.inputElement,
|
|
4725
|
+
floatLabelType: this.floatLabelType,
|
|
4726
|
+
properties: this.properties
|
|
4727
|
+
}, this.clearButton);
|
|
4719
4728
|
if (!isNullOrUndefined(this.keyboardModules)) {
|
|
4720
4729
|
this.keyboardModules.destroy();
|
|
4721
4730
|
}
|
|
@@ -9198,6 +9207,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
9198
9207
|
*/
|
|
9199
9208
|
DateRangePicker.prototype.destroy = function () {
|
|
9200
9209
|
this.unBindEvents();
|
|
9210
|
+
if (this.showClearButton) {
|
|
9211
|
+
this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
|
|
9212
|
+
}
|
|
9201
9213
|
this.hide(null);
|
|
9202
9214
|
var ariaAttrs = {
|
|
9203
9215
|
'tabindex': '0', 'aria-expanded': 'false', 'role': 'combobox',
|
|
@@ -9232,6 +9244,11 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
9232
9244
|
this.clearCalendarEvents();
|
|
9233
9245
|
}
|
|
9234
9246
|
}
|
|
9247
|
+
Input.destroy({
|
|
9248
|
+
element: this.inputElement,
|
|
9249
|
+
floatLabelType: this.floatLabelType,
|
|
9250
|
+
properties: this.properties
|
|
9251
|
+
}, this.clearButton);
|
|
9235
9252
|
_super.prototype.destroy.call(this);
|
|
9236
9253
|
this.inputWrapper = this.popupWrapper = this.popupObj = this.cloneElement = this.presetElement = null;
|
|
9237
9254
|
if (this.formElement) {
|
|
@@ -10421,6 +10438,9 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
10421
10438
|
// destroy function
|
|
10422
10439
|
TimePicker.prototype.destroy = function () {
|
|
10423
10440
|
this.hide();
|
|
10441
|
+
if (this.showClearButton) {
|
|
10442
|
+
this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
|
|
10443
|
+
}
|
|
10424
10444
|
this.unBindEvents();
|
|
10425
10445
|
var ariaAttribute = {
|
|
10426
10446
|
'aria-autocomplete': 'list', 'tabindex': '0',
|
|
@@ -10454,6 +10474,11 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
10454
10474
|
if (!isNullOrUndefined(this.rippleFn)) {
|
|
10455
10475
|
this.rippleFn();
|
|
10456
10476
|
}
|
|
10477
|
+
Input.destroy({
|
|
10478
|
+
element: this.inputElement,
|
|
10479
|
+
floatLabelType: this.floatLabelType,
|
|
10480
|
+
properties: this.properties
|
|
10481
|
+
}, this.clearButton);
|
|
10457
10482
|
_super.prototype.destroy.call(this);
|
|
10458
10483
|
if (this.formElement) {
|
|
10459
10484
|
EventHandler.remove(this.formElement, 'reset', this.formResetHandler);
|
|
@@ -12028,10 +12053,6 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
12028
12053
|
}
|
|
12029
12054
|
}
|
|
12030
12055
|
removeClass([this.inputWrapper.container], [FOCUS]);
|
|
12031
|
-
var blurArguments = {
|
|
12032
|
-
model: this
|
|
12033
|
-
};
|
|
12034
|
-
this.trigger('blur', blurArguments);
|
|
12035
12056
|
if (this.getText() !== this.inputElement.value) {
|
|
12036
12057
|
this.updateValue((this.inputElement).value, e);
|
|
12037
12058
|
}
|
|
@@ -12043,6 +12064,10 @@ var TimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
12043
12064
|
if (this.inputElement.value === '') {
|
|
12044
12065
|
this.invalidValueString = null;
|
|
12045
12066
|
}
|
|
12067
|
+
var blurArguments = {
|
|
12068
|
+
model: this
|
|
12069
|
+
};
|
|
12070
|
+
this.trigger('blur', blurArguments);
|
|
12046
12071
|
};
|
|
12047
12072
|
/**
|
|
12048
12073
|
* Focuses out the TimePicker textbox element.
|
|
@@ -12687,6 +12712,9 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
12687
12712
|
* @returns {void}
|
|
12688
12713
|
*/
|
|
12689
12714
|
DateTimePicker.prototype.destroy = function () {
|
|
12715
|
+
if (this.showClearButton) {
|
|
12716
|
+
this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
|
|
12717
|
+
}
|
|
12690
12718
|
if (this.popupObject && this.popupObject.element.classList.contains(POPUP$3)) {
|
|
12691
12719
|
this.popupObject.destroy();
|
|
12692
12720
|
detach(this.dateTimeWrapper);
|
|
@@ -12720,6 +12748,11 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
12720
12748
|
this.popupObject = null;
|
|
12721
12749
|
this.preventArgs = null;
|
|
12722
12750
|
this.keyboardModule = null;
|
|
12751
|
+
Input.destroy({
|
|
12752
|
+
element: this.inputElement,
|
|
12753
|
+
floatLabelType: this.floatLabelType,
|
|
12754
|
+
properties: this.properties
|
|
12755
|
+
}, this.clearButton);
|
|
12723
12756
|
_super.prototype.destroy.call(this);
|
|
12724
12757
|
};
|
|
12725
12758
|
/**
|
|
@@ -13743,8 +13776,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
|
|
|
13743
13776
|
};
|
|
13744
13777
|
DateTimePicker.prototype.requiredModules = function () {
|
|
13745
13778
|
var modules = [];
|
|
13746
|
-
if (this) {
|
|
13747
|
-
modules.push({ args: [this], member: 'islamic' });
|
|
13779
|
+
if (this.calendarMode === 'Islamic') {
|
|
13780
|
+
modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
|
|
13748
13781
|
}
|
|
13749
13782
|
if (this.enableMask) {
|
|
13750
13783
|
modules.push(this.maskedDateModule());
|