@syncfusion/ej2-calendars 24.2.9 → 25.1.37
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 -56
- 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 +39 -7
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +39 -7
- 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 +10 -2
- 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 +8 -0
- package/styles/bootstrap-dark.css +2 -2
- package/styles/bootstrap.css +2 -2
- package/styles/bootstrap4.css +2 -2
- package/styles/bootstrap5-dark.css +2 -2
- package/styles/bootstrap5.css +2 -2
- 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 +2 -2
- package/styles/calendar/bootstrap-dark.css +2 -2
- package/styles/calendar/bootstrap.css +2 -2
- package/styles/calendar/bootstrap4.css +2 -2
- package/styles/calendar/bootstrap5-dark.css +2 -2
- package/styles/calendar/bootstrap5.css +2 -2
- package/styles/calendar/fabric-dark.css +2 -2
- package/styles/calendar/fabric.css +2 -2
- package/styles/calendar/fluent-dark.css +12 -12
- package/styles/calendar/fluent.css +12 -12
- package/styles/calendar/highcontrast-light.css +2 -2
- package/styles/calendar/highcontrast.css +2 -2
- package/styles/calendar/icons/_bds.scss +13 -0
- package/styles/calendar/material-dark.css +2 -2
- package/styles/calendar/material.css +2 -2
- package/styles/calendar/material3-dark.css +2 -2
- package/styles/calendar/material3.css +2 -2
- package/styles/calendar/tailwind-dark.css +2 -2
- package/styles/calendar/tailwind.css +2 -2
- 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 +2 -2
- package/styles/fabric.css +2 -2
- package/styles/fluent-dark.css +12 -12
- package/styles/fluent.css +12 -12
- package/styles/highcontrast-light.css +2 -2
- package/styles/highcontrast.css +2 -2
- package/styles/material-dark.css +2 -2
- package/styles/material.css +2 -2
- package/styles/material3-dark.css +2 -2
- package/styles/material3.css +2 -2
- package/styles/tailwind-dark.css +2 -2
- package/styles/tailwind.css +2 -2
- package/styles/timepicker/_bds-definition.scss +84 -0
- package/styles/timepicker/icons/_bds.scss +24 -0
|
@@ -19,7 +19,7 @@ const DEVICE = 'e-device';
|
|
|
19
19
|
const HEADER = 'e-header';
|
|
20
20
|
const RTL = 'e-rtl';
|
|
21
21
|
const CONTENT = 'e-content';
|
|
22
|
-
const CONTENTTABLE = 'e-
|
|
22
|
+
const CONTENTTABLE = 'e-calendar-content-table';
|
|
23
23
|
const YEAR = 'e-year';
|
|
24
24
|
const MONTH = 'e-month';
|
|
25
25
|
const DECADE = 'e-decade';
|
|
@@ -1225,8 +1225,8 @@ let CalendarBase = class CalendarBase extends Component {
|
|
|
1225
1225
|
*/
|
|
1226
1226
|
requiredModules() {
|
|
1227
1227
|
const modules = [];
|
|
1228
|
-
if (this) {
|
|
1229
|
-
modules.push({ args: [this], member: 'islamic' });
|
|
1228
|
+
if (this.calendarMode === 'Islamic') {
|
|
1229
|
+
modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
|
|
1230
1230
|
}
|
|
1231
1231
|
return modules;
|
|
1232
1232
|
}
|
|
@@ -4394,8 +4394,8 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4394
4394
|
}
|
|
4395
4395
|
requiredModules() {
|
|
4396
4396
|
const modules = [];
|
|
4397
|
-
if (this) {
|
|
4398
|
-
modules.push({ args: [this], member: 'islamic' });
|
|
4397
|
+
if (this.calendarMode === 'Islamic') {
|
|
4398
|
+
modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
|
|
4399
4399
|
}
|
|
4400
4400
|
if (this.enableMask) {
|
|
4401
4401
|
modules.push({ args: [this], member: 'MaskedDateTime' });
|
|
@@ -4669,7 +4669,15 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4669
4669
|
*/
|
|
4670
4670
|
destroy() {
|
|
4671
4671
|
this.unBindEvents();
|
|
4672
|
+
if (this.showClearButton) {
|
|
4673
|
+
this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
|
|
4674
|
+
}
|
|
4672
4675
|
super.destroy();
|
|
4676
|
+
Input.destroy({
|
|
4677
|
+
element: this.inputElement,
|
|
4678
|
+
floatLabelType: this.floatLabelType,
|
|
4679
|
+
properties: this.properties
|
|
4680
|
+
}, this.clearButton);
|
|
4673
4681
|
if (!isNullOrUndefined(this.keyboardModules)) {
|
|
4674
4682
|
this.keyboardModules.destroy();
|
|
4675
4683
|
}
|
|
@@ -9105,6 +9113,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
9105
9113
|
*/
|
|
9106
9114
|
destroy() {
|
|
9107
9115
|
this.unBindEvents();
|
|
9116
|
+
if (this.showClearButton) {
|
|
9117
|
+
this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
|
|
9118
|
+
}
|
|
9108
9119
|
this.hide(null);
|
|
9109
9120
|
const ariaAttrs = {
|
|
9110
9121
|
'tabindex': '0', 'aria-expanded': 'false', 'role': 'combobox',
|
|
@@ -9139,6 +9150,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
9139
9150
|
this.clearCalendarEvents();
|
|
9140
9151
|
}
|
|
9141
9152
|
}
|
|
9153
|
+
Input.destroy({
|
|
9154
|
+
element: this.inputElement,
|
|
9155
|
+
floatLabelType: this.floatLabelType,
|
|
9156
|
+
properties: this.properties
|
|
9157
|
+
}, this.clearButton);
|
|
9142
9158
|
super.destroy();
|
|
9143
9159
|
this.inputWrapper = this.popupWrapper = this.popupObj = this.cloneElement = this.presetElement = null;
|
|
9144
9160
|
if (this.formElement) {
|
|
@@ -10304,6 +10320,9 @@ let TimePicker = class TimePicker extends Component {
|
|
|
10304
10320
|
// destroy function
|
|
10305
10321
|
destroy() {
|
|
10306
10322
|
this.hide();
|
|
10323
|
+
if (this.showClearButton) {
|
|
10324
|
+
this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
|
|
10325
|
+
}
|
|
10307
10326
|
this.unBindEvents();
|
|
10308
10327
|
const ariaAttribute = {
|
|
10309
10328
|
'aria-autocomplete': 'list', 'tabindex': '0',
|
|
@@ -10337,6 +10356,11 @@ let TimePicker = class TimePicker extends Component {
|
|
|
10337
10356
|
if (!isNullOrUndefined(this.rippleFn)) {
|
|
10338
10357
|
this.rippleFn();
|
|
10339
10358
|
}
|
|
10359
|
+
Input.destroy({
|
|
10360
|
+
element: this.inputElement,
|
|
10361
|
+
floatLabelType: this.floatLabelType,
|
|
10362
|
+
properties: this.properties
|
|
10363
|
+
}, this.clearButton);
|
|
10340
10364
|
super.destroy();
|
|
10341
10365
|
if (this.formElement) {
|
|
10342
10366
|
EventHandler.remove(this.formElement, 'reset', this.formResetHandler);
|
|
@@ -12546,6 +12570,9 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
12546
12570
|
* @returns {void}
|
|
12547
12571
|
*/
|
|
12548
12572
|
destroy() {
|
|
12573
|
+
if (this.showClearButton) {
|
|
12574
|
+
this.clearButton = document.getElementsByClassName('e-clear-icon')[0];
|
|
12575
|
+
}
|
|
12549
12576
|
if (this.popupObject && this.popupObject.element.classList.contains(POPUP$3)) {
|
|
12550
12577
|
this.popupObject.destroy();
|
|
12551
12578
|
detach(this.dateTimeWrapper);
|
|
@@ -12579,6 +12606,11 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
12579
12606
|
this.popupObject = null;
|
|
12580
12607
|
this.preventArgs = null;
|
|
12581
12608
|
this.keyboardModule = null;
|
|
12609
|
+
Input.destroy({
|
|
12610
|
+
element: this.inputElement,
|
|
12611
|
+
floatLabelType: this.floatLabelType,
|
|
12612
|
+
properties: this.properties
|
|
12613
|
+
}, this.clearButton);
|
|
12582
12614
|
super.destroy();
|
|
12583
12615
|
}
|
|
12584
12616
|
/**
|
|
@@ -13597,8 +13629,8 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13597
13629
|
}
|
|
13598
13630
|
requiredModules() {
|
|
13599
13631
|
const modules = [];
|
|
13600
|
-
if (this) {
|
|
13601
|
-
modules.push({ args: [this], member: 'islamic' });
|
|
13632
|
+
if (this.calendarMode === 'Islamic') {
|
|
13633
|
+
modules.push({ args: [this], member: 'islamic', name: 'Islamic' });
|
|
13602
13634
|
}
|
|
13603
13635
|
if (this.enableMask) {
|
|
13604
13636
|
modules.push(this.maskedDateModule());
|