@syncfusion/ej2-schedule 25.1.35 → 25.1.39

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.
Files changed (72) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/ej2-schedule.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +183 -44
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +192 -45
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/recurrence-editor/recurrence-editor.js +1 -2
  14. package/src/schedule/actions/crud.js +3 -0
  15. package/src/schedule/actions/virtual-scroll.d.ts +2 -0
  16. package/src/schedule/actions/virtual-scroll.js +24 -1
  17. package/src/schedule/base/css-constant.d.ts +4 -0
  18. package/src/schedule/base/css-constant.js +4 -0
  19. package/src/schedule/base/interface.d.ts +1 -0
  20. package/src/schedule/base/resource.js +1 -0
  21. package/src/schedule/base/schedule.d.ts +1 -0
  22. package/src/schedule/base/schedule.js +20 -4
  23. package/src/schedule/base/type.d.ts +1 -0
  24. package/src/schedule/event-renderer/agenda-base.d.ts +1 -1
  25. package/src/schedule/event-renderer/agenda-base.js +36 -14
  26. package/src/schedule/event-renderer/event-base.js +4 -2
  27. package/src/schedule/event-renderer/month.js +1 -2
  28. package/src/schedule/event-renderer/timeline-view.js +17 -5
  29. package/src/schedule/event-renderer/vertical-view.js +18 -2
  30. package/src/schedule/popups/quick-popups.js +3 -1
  31. package/src/schedule/renderer/agenda.d.ts +1 -0
  32. package/src/schedule/renderer/agenda.js +38 -9
  33. package/src/schedule/renderer/header-renderer.js +3 -2
  34. package/src/schedule/renderer/renderer.js +1 -0
  35. package/src/schedule/renderer/timeline-year.js +4 -1
  36. package/src/schedule/renderer/vertical-view.js +14 -0
  37. package/src/schedule/renderer/view-base.js +1 -1
  38. package/styles/bootstrap-dark.css +11 -1
  39. package/styles/bootstrap.css +11 -1
  40. package/styles/bootstrap4.css +11 -1
  41. package/styles/bootstrap5-dark.css +11 -1
  42. package/styles/bootstrap5.css +11 -1
  43. package/styles/fabric-dark.css +11 -1
  44. package/styles/fabric.css +11 -1
  45. package/styles/fluent-dark.css +12 -2
  46. package/styles/fluent.css +12 -2
  47. package/styles/highcontrast-light.css +11 -1
  48. package/styles/highcontrast.css +11 -1
  49. package/styles/material-dark.css +20 -1
  50. package/styles/material.css +20 -1
  51. package/styles/material3-dark.css +11 -1
  52. package/styles/material3.css +11 -1
  53. package/styles/schedule/_layout.scss +22 -1
  54. package/styles/schedule/bootstrap-dark.css +11 -1
  55. package/styles/schedule/bootstrap.css +11 -1
  56. package/styles/schedule/bootstrap4.css +11 -1
  57. package/styles/schedule/bootstrap5-dark.css +11 -1
  58. package/styles/schedule/bootstrap5.css +11 -1
  59. package/styles/schedule/fabric-dark.css +11 -1
  60. package/styles/schedule/fabric.css +11 -1
  61. package/styles/schedule/fluent-dark.css +12 -2
  62. package/styles/schedule/fluent.css +12 -2
  63. package/styles/schedule/highcontrast-light.css +11 -1
  64. package/styles/schedule/highcontrast.css +11 -1
  65. package/styles/schedule/material-dark.css +20 -1
  66. package/styles/schedule/material.css +20 -1
  67. package/styles/schedule/material3-dark.css +11 -1
  68. package/styles/schedule/material3.css +11 -1
  69. package/styles/schedule/tailwind-dark.css +11 -1
  70. package/styles/schedule/tailwind.css +11 -1
  71. package/styles/tailwind-dark.css +11 -1
  72. package/styles/tailwind.css +11 -1
@@ -86,6 +86,7 @@ var HeaderRenderer = /** @class */ (function () {
86
86
  });
87
87
  _this.toolbarObj.root = _this.parent.root ? _this.parent.root : _this.parent;
88
88
  _this.toolbarObj.appendTo(_this.parent.element.querySelector('.' + cls.HEADER_TOOLBAR));
89
+ _this.toolbarObj.element.setAttribute('aria-label', 'Scheduler');
89
90
  var prevNavEle = _this.toolbarObj.element.querySelector('.e-prev');
90
91
  if (prevNavEle) {
91
92
  prevNavEle.firstElementChild.setAttribute('title', _this.l10n.getConstant('previous'));
@@ -273,7 +274,7 @@ var HeaderRenderer = /** @class */ (function () {
273
274
  switch (item.name) {
274
275
  case 'Today':
275
276
  tbItem = {
276
- showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-day',
277
+ showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-today',
277
278
  text: this.l10n.getConstant('today'), cssClass: 'e-today', overflow: 'Show'
278
279
  };
279
280
  tbItem.align = propItem.align ? propItem.align : item.align;
@@ -360,7 +361,7 @@ var HeaderRenderer = /** @class */ (function () {
360
361
  }
361
362
  else {
362
363
  items.push({
363
- align: 'Right', showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-day',
364
+ align: 'Right', showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-today',
364
365
  text: this.l10n.getConstant('today'), cssClass: 'e-today', overflow: 'Show'
365
366
  });
366
367
  if (this.parent.views.length > 1) {
@@ -88,6 +88,7 @@ var Render = /** @class */ (function () {
88
88
  }
89
89
  throw Error('Inject required modules');
90
90
  }
91
+ this.parent.uiStateValues.scheduleHeight = this.parent.element.offsetHeight;
91
92
  this.parent.activeView.viewIndex = this.parent.viewIndex;
92
93
  this.updateLabelText(viewName);
93
94
  this.parent.activeView.addEventListener();
@@ -385,11 +385,14 @@ var TimelineYear = /** @class */ (function (_super) {
385
385
  groupIndex = this.colLevels.slice(-1)[0][parseInt(month.toString(), 10)].groupIndex;
386
386
  classList.push(cls.WORKDAY_CLASS);
387
387
  }
388
+ var startDateText = this.parent.globalize.formatDate(date, { type: 'dateTime', skeleton: 'full', calendar: this.parent.getCalendarMode() });
389
+ var endDateText = this.parent.globalize.formatDate(this.parent.calendarUtil.getMonthEndDate(new Date(monthDate.getTime())), { type: 'dateTime', skeleton: 'full', calendar: this.parent.getCalendarMode() });
388
390
  var td = createElement('td', {
389
391
  className: cls.WORK_CELLS_CLASS,
390
392
  attrs: {
391
393
  'aria-selected': 'false',
392
- 'data-date': date.getTime().toString()
394
+ 'data-date': date.getTime().toString(),
395
+ 'aria-label': startDateText + ' ' + this.parent.localeObj.getConstant('endAt') + ' ' + endDateText
393
396
  }
394
397
  });
395
398
  addClass([td], classList);
@@ -713,6 +713,20 @@ var VerticalView = /** @class */ (function (_super) {
713
713
  append(tooltipTemplate, ntd);
714
714
  }
715
715
  ntd.setAttribute('data-date', cellDate.getTime().toString());
716
+ var skeleton = 'full';
717
+ if (!this.parent.activeViewOptions.timeScale.enable) {
718
+ var announcementText = this.parent.globalize.formatDate(tdData.date, { skeleton: skeleton, calendar: this.parent.getCalendarMode() });
719
+ ntd.setAttribute('aria-label', announcementText);
720
+ }
721
+ else {
722
+ var startDateText = this.parent.globalize.formatDate(cellDate, {
723
+ type: 'dateTime', skeleton: skeleton, calendar: this.parent.getCalendarMode()
724
+ });
725
+ var endDateText = this.parent.globalize.formatDate(this.getEndDateFromStartDate(cellDate), {
726
+ type: 'dateTime', skeleton: skeleton, calendar: this.parent.getCalendarMode()
727
+ });
728
+ ntd.setAttribute('aria-label', startDateText + ' ' + this.parent.localeObj.getConstant('endAt') + ' ' + endDateText);
729
+ }
716
730
  if (!isNullOrUndefined(tdData.groupIndex) || this.parent.uiStateValues.isGroupAdaptive) {
717
731
  var groupIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex :
718
732
  tdData.groupIndex;
@@ -452,7 +452,7 @@ var ViewBase = /** @class */ (function () {
452
452
  var colWidth_1 = (util.getElementWidth(contentBody) / (colElements.length / 2));
453
453
  if (content.offsetHeight !== content.clientHeight) {
454
454
  var resourceColumn = this.parent.element.querySelector('.' + cls.RESOURCE_COLUMN_WRAP_CLASS);
455
- if (!isNullOrUndefined(resourceColumn)) {
455
+ if (!isNullOrUndefined(resourceColumn) && resourceColumn.offsetHeight !== content.clientHeight) {
456
456
  setStyleAttribute(resourceColumn, { 'height': formatUnit(content.clientHeight) });
457
457
  }
458
458
  }
@@ -395,6 +395,12 @@
395
395
  background: #393939;
396
396
  color: #0070f0;
397
397
  }
398
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
399
+ display: block;
400
+ }
401
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
402
+ display: none;
403
+ }
398
404
  .e-schedule.e-device .e-schedule-toolbar {
399
405
  height: 56px;
400
406
  min-height: 56px;
@@ -1038,6 +1044,9 @@
1038
1044
  padding: 0;
1039
1045
  position: relative;
1040
1046
  }
1047
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1048
+ visibility: hidden;
1049
+ }
1041
1050
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1042
1051
  cursor: default;
1043
1052
  }
@@ -2017,7 +2026,8 @@
2017
2026
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2018
2027
  position: relative;
2019
2028
  }
2020
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2029
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2030
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2021
2031
  transition: all 1000ms linear;
2022
2032
  }
2023
2033
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -390,6 +390,12 @@
390
390
  background: #e6e6e6;
391
391
  color: #317ab9;
392
392
  }
393
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
394
+ display: block;
395
+ }
396
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
397
+ display: none;
398
+ }
393
399
  .e-schedule.e-device .e-schedule-toolbar {
394
400
  height: 56px;
395
401
  min-height: 56px;
@@ -1033,6 +1039,9 @@
1033
1039
  padding: 0;
1034
1040
  position: relative;
1035
1041
  }
1042
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1043
+ visibility: hidden;
1044
+ }
1036
1045
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1037
1046
  cursor: default;
1038
1047
  }
@@ -2012,7 +2021,8 @@
2012
2021
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2013
2022
  position: relative;
2014
2023
  }
2015
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2024
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2025
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2016
2026
  transition: all 1000ms linear;
2017
2027
  }
2018
2028
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -495,6 +495,12 @@
495
495
  background: #545b62;
496
496
  color: #fff;
497
497
  }
498
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
499
+ display: block;
500
+ }
501
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
502
+ display: none;
503
+ }
498
504
  .e-schedule.e-device .e-schedule-toolbar {
499
505
  height: 54px;
500
506
  min-height: 54px;
@@ -1138,6 +1144,9 @@
1138
1144
  padding: 0;
1139
1145
  position: relative;
1140
1146
  }
1147
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1148
+ visibility: hidden;
1149
+ }
1141
1150
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1142
1151
  cursor: default;
1143
1152
  }
@@ -2117,7 +2126,8 @@
2117
2126
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2118
2127
  position: relative;
2119
2128
  }
2120
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2129
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2130
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2121
2131
  transition: all 1000ms linear;
2122
2132
  }
2123
2133
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -440,6 +440,12 @@
440
440
  background: #495057;
441
441
  color: rgba(13, 110, 253, 0.87);
442
442
  }
443
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
444
+ display: block;
445
+ }
446
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
447
+ display: none;
448
+ }
443
449
  .e-schedule.e-device .e-schedule-toolbar {
444
450
  height: 54px;
445
451
  min-height: 54px;
@@ -1083,6 +1089,9 @@
1083
1089
  padding: 0;
1084
1090
  position: relative;
1085
1091
  }
1092
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1093
+ visibility: hidden;
1094
+ }
1086
1095
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1087
1096
  cursor: default;
1088
1097
  }
@@ -2062,7 +2071,8 @@
2062
2071
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2063
2072
  position: relative;
2064
2073
  }
2065
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2074
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2075
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2066
2076
  transition: all 1000ms linear;
2067
2077
  }
2068
2078
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -440,6 +440,12 @@
440
440
  background: #dee2e6;
441
441
  color: rgba(13, 110, 253, 0.87);
442
442
  }
443
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
444
+ display: block;
445
+ }
446
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
447
+ display: none;
448
+ }
443
449
  .e-schedule.e-device .e-schedule-toolbar {
444
450
  height: 54px;
445
451
  min-height: 54px;
@@ -1083,6 +1089,9 @@
1083
1089
  padding: 0;
1084
1090
  position: relative;
1085
1091
  }
1092
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1093
+ visibility: hidden;
1094
+ }
1086
1095
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1087
1096
  cursor: default;
1088
1097
  }
@@ -2062,7 +2071,8 @@
2062
2071
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2063
2072
  position: relative;
2064
2073
  }
2065
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2074
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2075
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2066
2076
  transition: all 1000ms linear;
2067
2077
  }
2068
2078
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -358,6 +358,12 @@
358
358
  background: #414040;
359
359
  color: #dadada;
360
360
  }
361
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
362
+ display: block;
363
+ }
364
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
365
+ display: none;
366
+ }
361
367
  .e-schedule.e-device .e-schedule-toolbar {
362
368
  height: 56px;
363
369
  min-height: 56px;
@@ -1001,6 +1007,9 @@
1001
1007
  padding: 0;
1002
1008
  position: relative;
1003
1009
  }
1010
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1011
+ visibility: hidden;
1012
+ }
1004
1013
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1005
1014
  cursor: default;
1006
1015
  }
@@ -1980,7 +1989,8 @@
1980
1989
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1981
1990
  position: relative;
1982
1991
  }
1983
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
1992
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
1993
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
1984
1994
  transition: all 1000ms linear;
1985
1995
  }
1986
1996
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
package/styles/fabric.css CHANGED
@@ -348,6 +348,12 @@
348
348
  background: #f4f4f4;
349
349
  color: #333;
350
350
  }
351
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
352
+ display: block;
353
+ }
354
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
355
+ display: none;
356
+ }
351
357
  .e-schedule.e-device .e-schedule-toolbar {
352
358
  height: 56px;
353
359
  min-height: 56px;
@@ -991,6 +997,9 @@
991
997
  padding: 0;
992
998
  position: relative;
993
999
  }
1000
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1001
+ visibility: hidden;
1002
+ }
994
1003
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
995
1004
  cursor: default;
996
1005
  }
@@ -1970,7 +1979,8 @@
1970
1979
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1971
1980
  position: relative;
1972
1981
  }
1973
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
1982
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
1983
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
1974
1984
  transition: all 1000ms linear;
1975
1985
  }
1976
1986
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -166,7 +166,7 @@
166
166
 
167
167
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
168
168
  .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
169
- margin-top: -1.5em;
169
+ margin-top: -1.6em;
170
170
  }
171
171
 
172
172
  /*! Schedule component's bootstrap5 theme definitions and variables */
@@ -422,6 +422,12 @@
422
422
  background: #292827;
423
423
  color: rgba(0, 120, 212, 0.87);
424
424
  }
425
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
426
+ display: block;
427
+ }
428
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
429
+ display: none;
430
+ }
425
431
  .e-schedule.e-device .e-schedule-toolbar {
426
432
  height: 54px;
427
433
  min-height: 54px;
@@ -1065,6 +1071,9 @@
1065
1071
  padding: 0;
1066
1072
  position: relative;
1067
1073
  }
1074
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1075
+ visibility: hidden;
1076
+ }
1068
1077
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1069
1078
  cursor: default;
1070
1079
  }
@@ -2044,7 +2053,8 @@
2044
2053
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2045
2054
  position: relative;
2046
2055
  }
2047
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2056
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2057
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2048
2058
  transition: all 1000ms linear;
2049
2059
  }
2050
2060
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
package/styles/fluent.css CHANGED
@@ -166,7 +166,7 @@
166
166
 
167
167
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
168
168
  .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
169
- margin-top: -1.5em;
169
+ margin-top: -1.6em;
170
170
  }
171
171
 
172
172
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap5 theme definitions and variables */
@@ -422,6 +422,12 @@
422
422
  background: #edebe9;
423
423
  color: rgba(0, 120, 212, 0.87);
424
424
  }
425
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
426
+ display: block;
427
+ }
428
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
429
+ display: none;
430
+ }
425
431
  .e-schedule.e-device .e-schedule-toolbar {
426
432
  height: 54px;
427
433
  min-height: 54px;
@@ -1065,6 +1071,9 @@
1065
1071
  padding: 0;
1066
1072
  position: relative;
1067
1073
  }
1074
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1075
+ visibility: hidden;
1076
+ }
1068
1077
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1069
1078
  cursor: default;
1070
1079
  }
@@ -2044,7 +2053,8 @@
2044
2053
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2045
2054
  position: relative;
2046
2055
  }
2047
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2056
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2057
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2048
2058
  transition: all 1000ms linear;
2049
2059
  }
2050
2060
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -430,6 +430,12 @@
430
430
  background: #ecf;
431
431
  color: #000;
432
432
  }
433
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
434
+ display: block;
435
+ }
436
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
437
+ display: none;
438
+ }
433
439
  .e-schedule.e-device .e-schedule-toolbar {
434
440
  height: 56px;
435
441
  min-height: 56px;
@@ -1073,6 +1079,9 @@
1073
1079
  padding: 0;
1074
1080
  position: relative;
1075
1081
  }
1082
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1083
+ visibility: hidden;
1084
+ }
1076
1085
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1077
1086
  cursor: default;
1078
1087
  }
@@ -2052,7 +2061,8 @@
2052
2061
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2053
2062
  position: relative;
2054
2063
  }
2055
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2064
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2065
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2056
2066
  transition: all 1000ms linear;
2057
2067
  }
2058
2068
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -439,6 +439,12 @@
439
439
  background: #685708;
440
440
  color: #fff;
441
441
  }
442
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
443
+ display: block;
444
+ }
445
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
446
+ display: none;
447
+ }
442
448
  .e-schedule.e-device .e-schedule-toolbar {
443
449
  height: 56px;
444
450
  min-height: 56px;
@@ -1082,6 +1088,9 @@
1082
1088
  padding: 0;
1083
1089
  position: relative;
1084
1090
  }
1091
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1092
+ visibility: hidden;
1093
+ }
1085
1094
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1086
1095
  cursor: default;
1087
1096
  }
@@ -2061,7 +2070,8 @@
2061
2070
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2062
2071
  position: relative;
2063
2072
  }
2064
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2073
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2074
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2065
2075
  transition: all 1000ms linear;
2066
2076
  }
2067
2077
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -121,6 +121,15 @@
121
121
  padding: 5px 5px 5px 12px;
122
122
  }
123
123
 
124
+ .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
125
+ padding: 1px 0;
126
+ }
127
+
128
+ .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
129
+ .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
130
+ padding: 0;
131
+ }
132
+
124
133
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's material theme definitions and variables */
125
134
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
126
135
  content: "\e937";
@@ -374,6 +383,12 @@
374
383
  background: rgba(255, 255, 255, 0.1);
375
384
  color: #fff;
376
385
  }
386
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
387
+ display: block;
388
+ }
389
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
390
+ display: none;
391
+ }
377
392
  .e-schedule.e-device .e-schedule-toolbar {
378
393
  height: 56px;
379
394
  min-height: 56px;
@@ -1017,6 +1032,9 @@
1017
1032
  padding: 0;
1018
1033
  position: relative;
1019
1034
  }
1035
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1036
+ visibility: hidden;
1037
+ }
1020
1038
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1021
1039
  cursor: default;
1022
1040
  }
@@ -1996,7 +2014,8 @@
1996
2014
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1997
2015
  position: relative;
1998
2016
  }
1999
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2017
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2018
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2000
2019
  transition: all 1000ms linear;
2001
2020
  }
2002
2021
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -157,6 +157,15 @@
157
157
  padding: 4px 8px;
158
158
  }
159
159
 
160
+ .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
161
+ padding: 1px 0;
162
+ }
163
+
164
+ .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
165
+ .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
166
+ padding: 0;
167
+ }
168
+
160
169
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's material theme definitions and variables */
161
170
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
162
171
  content: "\e937";
@@ -410,6 +419,12 @@
410
419
  background: #e0e0e0;
411
420
  color: rgba(0, 0, 0, 0.87);
412
421
  }
422
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
423
+ display: block;
424
+ }
425
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
426
+ display: none;
427
+ }
413
428
  .e-schedule.e-device .e-schedule-toolbar {
414
429
  height: 56px;
415
430
  min-height: 56px;
@@ -1053,6 +1068,9 @@
1053
1068
  padding: 0;
1054
1069
  position: relative;
1055
1070
  }
1071
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1072
+ visibility: hidden;
1073
+ }
1056
1074
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1057
1075
  cursor: default;
1058
1076
  }
@@ -2032,7 +2050,8 @@
2032
2050
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2033
2051
  position: relative;
2034
2052
  }
2035
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2053
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2054
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2036
2055
  transition: all 1000ms linear;
2037
2056
  }
2038
2057
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -477,6 +477,12 @@
477
477
  background: rgba(var(--color-sf-on-surface), 0.05);
478
478
  color: rgba(var(--color-sf-primary), 0.87);
479
479
  }
480
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
481
+ display: block;
482
+ }
483
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
484
+ display: none;
485
+ }
480
486
  .e-schedule.e-device .e-schedule-toolbar {
481
487
  height: 56px;
482
488
  min-height: 56px;
@@ -1120,6 +1126,9 @@
1120
1126
  padding: 0;
1121
1127
  position: relative;
1122
1128
  }
1129
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1130
+ visibility: hidden;
1131
+ }
1123
1132
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1124
1133
  cursor: default;
1125
1134
  }
@@ -2099,7 +2108,8 @@
2099
2108
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2100
2109
  position: relative;
2101
2110
  }
2102
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2111
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2112
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2103
2113
  transition: all 1000ms linear;
2104
2114
  }
2105
2115
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -533,6 +533,12 @@
533
533
  background: rgba(var(--color-sf-on-surface), 0.05);
534
534
  color: rgba(var(--color-sf-primary), 0.87);
535
535
  }
536
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
537
+ display: block;
538
+ }
539
+ .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text {
540
+ display: none;
541
+ }
536
542
  .e-schedule.e-device .e-schedule-toolbar {
537
543
  height: 56px;
538
544
  min-height: 56px;
@@ -1176,6 +1182,9 @@
1176
1182
  padding: 0;
1177
1183
  position: relative;
1178
1184
  }
1185
+ .e-schedule .e-vertical-view .e-appointment-wrapper-hidden {
1186
+ visibility: hidden;
1187
+ }
1179
1188
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
1180
1189
  cursor: default;
1181
1190
  }
@@ -2155,7 +2164,8 @@
2155
2164
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
2156
2165
  position: relative;
2157
2166
  }
2158
- .e-schedule .e-virtual-scroll .e-content-wrap.e-transition {
2167
+ .e-schedule .e-virtual-scroll .e-content-wrap.e-transition,
2168
+ .e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition {
2159
2169
  transition: all 1000ms linear;
2160
2170
  }
2161
2171
  .e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon,
@@ -161,6 +161,22 @@
161
161
  }
162
162
  }
163
163
 
164
+ &.e-adaptive {
165
+ .e-schedule-toolbar {
166
+ .e-toolbar-items {
167
+ .e-toolbar-item {
168
+ &.e-today .e-icon-today {
169
+ display: block;
170
+ }
171
+
172
+ &.e-today .e-icon-today + .e-tbar-btn-text {
173
+ display: none;
174
+ }
175
+ }
176
+ }
177
+ }
178
+ }
179
+
164
180
  #{if(&, '&', '*')}.e-device {
165
181
  .e-schedule-toolbar {
166
182
  height: $schedule-tbar-bgr-size;
@@ -976,6 +992,10 @@
976
992
  position: relative;
977
993
  }
978
994
 
995
+ .e-appointment-wrapper-hidden {
996
+ visibility: hidden;
997
+ }
998
+
979
999
  .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
980
1000
  cursor: default;
981
1001
  }
@@ -2139,7 +2159,8 @@
2139
2159
  }
2140
2160
  }
2141
2161
 
2142
- .e-content-wrap {
2162
+ .e-content-wrap,
2163
+ .e-resource-column-wrap {
2143
2164
  &.e-transition {
2144
2165
  transition: all 1000ms linear; // sass-lint:disable-line no-transition-all
2145
2166
  }