@syncfusion/ej2-schedule 24.2.4 → 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.
Files changed (90) hide show
  1. package/CHANGELOG.md +16 -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 +131 -59
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +131 -58
  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 +16 -16
  13. package/src/schedule/actions/crud.js +6 -0
  14. package/src/schedule/actions/drag.js +3 -3
  15. package/src/schedule/actions/keyboard.d.ts +1 -0
  16. package/src/schedule/actions/keyboard.js +11 -4
  17. package/src/schedule/actions/resize.js +22 -21
  18. package/src/schedule/actions/virtual-scroll.js +4 -0
  19. package/src/schedule/base/interface.d.ts +1 -0
  20. package/src/schedule/base/schedule.d.ts +4 -1
  21. package/src/schedule/base/schedule.js +16 -1
  22. package/src/schedule/base/util.d.ts +21 -0
  23. package/src/schedule/base/util.js +29 -2
  24. package/src/schedule/event-renderer/event-base.d.ts +0 -1
  25. package/src/schedule/event-renderer/event-base.js +0 -3
  26. package/src/schedule/event-renderer/inline-edit.js +1 -1
  27. package/src/schedule/event-renderer/month.js +2 -2
  28. package/src/schedule/event-renderer/timeline-view.js +5 -5
  29. package/src/schedule/event-renderer/vertical-view.js +1 -1
  30. package/src/schedule/event-renderer/year.js +3 -3
  31. package/src/schedule/popups/quick-popups.js +11 -0
  32. package/src/schedule/renderer/renderer.js +11 -3
  33. package/src/schedule/renderer/timeline-view.d.ts +0 -1
  34. package/src/schedule/renderer/timeline-view.js +3 -6
  35. package/src/schedule/renderer/vertical-view.js +1 -1
  36. package/src/schedule/renderer/view-base.js +1 -1
  37. package/styles/bootstrap-dark.css +51 -2
  38. package/styles/bootstrap.css +51 -2
  39. package/styles/bootstrap4.css +48 -3
  40. package/styles/bootstrap5-dark.css +48 -3
  41. package/styles/bootstrap5.css +48 -3
  42. package/styles/fabric-dark.css +47 -2
  43. package/styles/fabric.css +47 -2
  44. package/styles/fluent-dark.css +52 -2
  45. package/styles/fluent.css +52 -2
  46. package/styles/highcontrast-light.css +47 -2
  47. package/styles/highcontrast.css +47 -2
  48. package/styles/material-dark.css +47 -2
  49. package/styles/material.css +47 -2
  50. package/styles/material3-dark.css +48 -3
  51. package/styles/material3.css +48 -3
  52. package/styles/recurrence-editor/_bds-definition.scss +15 -0
  53. package/styles/schedule/_bds-definition.scss +287 -0
  54. package/styles/schedule/_bootstrap-dark-definition.scss +1 -0
  55. package/styles/schedule/_bootstrap-definition.scss +1 -0
  56. package/styles/schedule/_bootstrap4-definition.scss +2 -1
  57. package/styles/schedule/_bootstrap5-definition.scss +2 -1
  58. package/styles/schedule/_fabric-dark-definition.scss +1 -0
  59. package/styles/schedule/_fabric-definition.scss +1 -0
  60. package/styles/schedule/_fluent-definition.scss +1 -0
  61. package/styles/schedule/_fusionnew-definition.scss +2 -1
  62. package/styles/schedule/_highcontrast-definition.scss +1 -0
  63. package/styles/schedule/_highcontrast-light-definition.scss +1 -0
  64. package/styles/schedule/_layout.scss +60 -1
  65. package/styles/schedule/_material-dark-definition.scss +1 -0
  66. package/styles/schedule/_material-definition.scss +1 -0
  67. package/styles/schedule/_material3-definition.scss +2 -1
  68. package/styles/schedule/_tailwind-definition.scss +2 -1
  69. package/styles/schedule/bootstrap-dark.css +51 -2
  70. package/styles/schedule/bootstrap.css +51 -2
  71. package/styles/schedule/bootstrap4.css +48 -3
  72. package/styles/schedule/bootstrap5-dark.css +48 -3
  73. package/styles/schedule/bootstrap5.css +48 -3
  74. package/styles/schedule/fabric-dark.css +47 -2
  75. package/styles/schedule/fabric.css +47 -2
  76. package/styles/schedule/fluent-dark.css +52 -2
  77. package/styles/schedule/fluent.css +52 -2
  78. package/styles/schedule/highcontrast-light.css +47 -2
  79. package/styles/schedule/highcontrast.css +47 -2
  80. package/styles/schedule/icons/_bds.scss +235 -0
  81. package/styles/schedule/material-dark.css +47 -2
  82. package/styles/schedule/material.css +47 -2
  83. package/styles/schedule/material3-dark.css +48 -3
  84. package/styles/schedule/material3.css +48 -3
  85. package/styles/schedule/tailwind-dark.css +48 -3
  86. package/styles/schedule/tailwind.css +48 -3
  87. package/styles/tailwind-dark.css +48 -3
  88. package/styles/tailwind.css +48 -3
  89. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -63
  90. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -39
package/styles/schedule/fabric-dark.css CHANGED
@@ -290,6 +290,9 @@
290
290
  font-size: 14px;
291
291
  text-transform: initial;
292
292
  }
293
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
294
+ height: 43px;
295
+ }
293
296
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
294
297
  height: 43px;
295
298
  min-height: 43px;
@@ -362,6 +365,9 @@
362
365
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
363
366
  height: calc(100% - 20px);
364
367
  }
368
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
369
+ height: 56px;
370
+ }
365
371
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
366
372
  height: 56px;
367
373
  min-height: 56px;
@@ -388,6 +394,20 @@
388
394
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
389
395
  overflow: hidden;
390
396
  }
397
+ @media screen and (max-width: 320px) {
398
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
399
+ width: 100%;
400
+ }
401
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
402
+ padding-left: 7px;
403
+ }
404
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
405
+ padding-right: 7px;
406
+ }
407
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
408
+ font-size: 8px;
409
+ }
410
+ }
391
411
  .e-schedule .e-schedule-resource-toolbar {
392
412
  background: #201f1f;
393
413
  border-bottom: 1px solid #414040;
@@ -2435,8 +2455,8 @@
2435
2455
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2436
2456
  min-height: 56px;
2437
2457
  }
2438
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2439
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2458
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2459
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2440
2460
  min-width: 34px;
2441
2461
  }
2442
2462
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2756,6 +2776,19 @@
2756
2776
  float: right;
2757
2777
  }
2758
2778
 
2779
+ /*! schedule event window for smaller viewports*/
2780
+ @media screen and (max-width: 320px) {
2781
+ .e-schedule-dialog.e-popup.e-popup-open {
2782
+ max-height: 350px;
2783
+ min-width: 100%;
2784
+ }
2785
+ .e-schedule-dialog .e-all-day-container {
2786
+ padding-bottom: 10px;
2787
+ }
2788
+ .e-schedule-dialog .e-all-day-time-zone-row {
2789
+ display: block;
2790
+ }
2791
+ }
2759
2792
  .e-ddl.e-popup .e-resource-template {
2760
2793
  display: -ms-flexbox;
2761
2794
  display: flex;
@@ -3345,6 +3378,18 @@
3345
3378
  margin-right: 0;
3346
3379
  }
3347
3380
 
3381
+ /*! schedule quick popup for smaller viewports */
3382
+ @media screen and (max-width: 320px) {
3383
+ .e-quick-popup-wrapper {
3384
+ min-width: 100%;
3385
+ }
3386
+ .e-quick-popup-wrapper .e-popup-footer {
3387
+ padding-left: 5px;
3388
+ }
3389
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3390
+ padding-right: 5px;
3391
+ }
3392
+ }
3348
3393
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3349
3394
  font-size: 24px;
3350
3395
  }
package/styles/schedule/fabric.css CHANGED
@@ -280,6 +280,9 @@
280
280
  font-size: 14px;
281
281
  text-transform: initial;
282
282
  }
283
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
284
+ height: 43px;
285
+ }
283
286
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
284
287
  height: 43px;
285
288
  min-height: 43px;
@@ -352,6 +355,9 @@
352
355
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
353
356
  height: calc(100% - 20px);
354
357
  }
358
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
359
+ height: 56px;
360
+ }
355
361
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
356
362
  height: 56px;
357
363
  min-height: 56px;
@@ -378,6 +384,20 @@
378
384
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
379
385
  overflow: hidden;
380
386
  }
387
+ @media screen and (max-width: 320px) {
388
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
389
+ width: 100%;
390
+ }
391
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
392
+ padding-left: 7px;
393
+ }
394
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
395
+ padding-right: 7px;
396
+ }
397
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
398
+ font-size: 8px;
399
+ }
400
+ }
381
401
  .e-schedule .e-schedule-resource-toolbar {
382
402
  background: #fff;
383
403
  border-bottom: 1px solid #dadada;
@@ -2425,8 +2445,8 @@
2425
2445
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2426
2446
  min-height: 56px;
2427
2447
  }
2428
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2429
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2448
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2449
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2430
2450
  min-width: 34px;
2431
2451
  }
2432
2452
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2746,6 +2766,19 @@
2746
2766
  float: right;
2747
2767
  }
2748
2768
 
2769
+ /*! schedule event window for smaller viewports*/
2770
+ @media screen and (max-width: 320px) {
2771
+ .e-schedule-dialog.e-popup.e-popup-open {
2772
+ max-height: 350px;
2773
+ min-width: 100%;
2774
+ }
2775
+ .e-schedule-dialog .e-all-day-container {
2776
+ padding-bottom: 10px;
2777
+ }
2778
+ .e-schedule-dialog .e-all-day-time-zone-row {
2779
+ display: block;
2780
+ }
2781
+ }
2749
2782
  .e-ddl.e-popup .e-resource-template {
2750
2783
  display: -ms-flexbox;
2751
2784
  display: flex;
@@ -3335,6 +3368,18 @@
3335
3368
  margin-right: 0;
3336
3369
  }
3337
3370
 
3371
+ /*! schedule quick popup for smaller viewports */
3372
+ @media screen and (max-width: 320px) {
3373
+ .e-quick-popup-wrapper {
3374
+ min-width: 100%;
3375
+ }
3376
+ .e-quick-popup-wrapper .e-popup-footer {
3377
+ padding-left: 5px;
3378
+ }
3379
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3380
+ padding-right: 5px;
3381
+ }
3382
+ }
3338
3383
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3339
3384
  font-size: 24px;
3340
3385
  }
package/styles/schedule/fluent-dark.css CHANGED
@@ -164,6 +164,11 @@
164
164
  border-left-width: 0;
165
165
  }
166
166
 
167
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
168
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
169
+ margin-top: -1.5em;
170
+ }
171
+
167
172
  /*! Schedule component's bootstrap5 theme definitions and variables */
168
173
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
169
174
  content: "\e765";
@@ -349,6 +354,9 @@
349
354
  font-size: 14px;
350
355
  text-transform: none;
351
356
  }
357
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
358
+ height: 38px;
359
+ }
352
360
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
353
361
  height: 38px;
354
362
  min-height: 38px;
@@ -421,6 +429,9 @@
421
429
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
422
430
  height: calc(100% - 20px);
423
431
  }
432
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
433
+ height: 54px;
434
+ }
424
435
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
425
436
  height: 54px;
426
437
  min-height: 54px;
@@ -447,6 +458,20 @@
447
458
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
448
459
  overflow: hidden;
449
460
  }
461
+ @media screen and (max-width: 320px) {
462
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
463
+ width: 100%;
464
+ }
465
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
466
+ padding-left: 7px;
467
+ }
468
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
469
+ padding-right: 7px;
470
+ }
471
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
472
+ font-size: 8px;
473
+ }
474
+ }
450
475
  .e-schedule .e-schedule-resource-toolbar {
451
476
  background: #1b1a19;
452
477
  border-bottom: 1px solid #292827;
@@ -2494,8 +2519,8 @@
2494
2519
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2495
2520
  min-height: 54px;
2496
2521
  }
2497
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2498
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2522
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2523
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2499
2524
  min-width: 34px;
2500
2525
  }
2501
2526
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2815,6 +2840,19 @@
2815
2840
  float: right;
2816
2841
  }
2817
2842
 
2843
+ /*! schedule event window for smaller viewports*/
2844
+ @media screen and (max-width: 320px) {
2845
+ .e-schedule-dialog.e-popup.e-popup-open {
2846
+ max-height: 350px;
2847
+ min-width: 100%;
2848
+ }
2849
+ .e-schedule-dialog .e-all-day-container {
2850
+ padding-bottom: 10px;
2851
+ }
2852
+ .e-schedule-dialog .e-all-day-time-zone-row {
2853
+ display: block;
2854
+ }
2855
+ }
2818
2856
  .e-ddl.e-popup .e-resource-template {
2819
2857
  display: -ms-flexbox;
2820
2858
  display: flex;
@@ -3404,6 +3442,18 @@
3404
3442
  margin-right: 0;
3405
3443
  }
3406
3444
 
3445
+ /*! schedule quick popup for smaller viewports */
3446
+ @media screen and (max-width: 320px) {
3447
+ .e-quick-popup-wrapper {
3448
+ min-width: 100%;
3449
+ }
3450
+ .e-quick-popup-wrapper .e-popup-footer {
3451
+ padding-left: 5px;
3452
+ }
3453
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3454
+ padding-right: 5px;
3455
+ }
3456
+ }
3407
3457
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3408
3458
  font-size: 24px;
3409
3459
  }
package/styles/schedule/fluent.css CHANGED
@@ -164,6 +164,11 @@
164
164
  border-left-width: 0;
165
165
  }
166
166
 
167
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
168
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
169
+ margin-top: -1.5em;
170
+ }
171
+
167
172
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap5 theme definitions and variables */
168
173
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
169
174
  content: "\e765";
@@ -349,6 +354,9 @@
349
354
  font-size: 14px;
350
355
  text-transform: none;
351
356
  }
357
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
358
+ height: 38px;
359
+ }
352
360
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
353
361
  height: 38px;
354
362
  min-height: 38px;
@@ -421,6 +429,9 @@
421
429
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
422
430
  height: calc(100% - 20px);
423
431
  }
432
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
433
+ height: 54px;
434
+ }
424
435
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
425
436
  height: 54px;
426
437
  min-height: 54px;
@@ -447,6 +458,20 @@
447
458
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
448
459
  overflow: hidden;
449
460
  }
461
+ @media screen and (max-width: 320px) {
462
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
463
+ width: 100%;
464
+ }
465
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
466
+ padding-left: 7px;
467
+ }
468
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
469
+ padding-right: 7px;
470
+ }
471
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
472
+ font-size: 8px;
473
+ }
474
+ }
450
475
  .e-schedule .e-schedule-resource-toolbar {
451
476
  background: #fff;
452
477
  border-bottom: 1px solid #edebe9;
@@ -2494,8 +2519,8 @@
2494
2519
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2495
2520
  min-height: 54px;
2496
2521
  }
2497
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2498
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2522
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2523
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2499
2524
  min-width: 34px;
2500
2525
  }
2501
2526
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2815,6 +2840,19 @@
2815
2840
  float: right;
2816
2841
  }
2817
2842
 
2843
+ /*! schedule event window for smaller viewports*/
2844
+ @media screen and (max-width: 320px) {
2845
+ .e-schedule-dialog.e-popup.e-popup-open {
2846
+ max-height: 350px;
2847
+ min-width: 100%;
2848
+ }
2849
+ .e-schedule-dialog .e-all-day-container {
2850
+ padding-bottom: 10px;
2851
+ }
2852
+ .e-schedule-dialog .e-all-day-time-zone-row {
2853
+ display: block;
2854
+ }
2855
+ }
2818
2856
  .e-ddl.e-popup .e-resource-template {
2819
2857
  display: -ms-flexbox;
2820
2858
  display: flex;
@@ -3404,6 +3442,18 @@
3404
3442
  margin-right: 0;
3405
3443
  }
3406
3444
 
3445
+ /*! schedule quick popup for smaller viewports */
3446
+ @media screen and (max-width: 320px) {
3447
+ .e-quick-popup-wrapper {
3448
+ min-width: 100%;
3449
+ }
3450
+ .e-quick-popup-wrapper .e-popup-footer {
3451
+ padding-left: 5px;
3452
+ }
3453
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3454
+ padding-right: 5px;
3455
+ }
3456
+ }
3407
3457
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3408
3458
  font-size: 24px;
3409
3459
  }
package/styles/schedule/highcontrast-light.css CHANGED
@@ -362,6 +362,9 @@
362
362
  font-size: 14px;
363
363
  text-transform: uppercase;
364
364
  }
365
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
366
+ height: 43px;
367
+ }
365
368
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
366
369
  height: 43px;
367
370
  min-height: 43px;
@@ -434,6 +437,9 @@
434
437
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
435
438
  height: calc(100% - 20px);
436
439
  }
440
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
441
+ height: 56px;
442
+ }
437
443
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
438
444
  height: 56px;
439
445
  min-height: 56px;
@@ -460,6 +466,20 @@
460
466
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
461
467
  overflow: hidden;
462
468
  }
469
+ @media screen and (max-width: 320px) {
470
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
471
+ width: 100%;
472
+ }
473
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
474
+ padding-left: 7px;
475
+ }
476
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
477
+ padding-right: 7px;
478
+ }
479
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
480
+ font-size: 8px;
481
+ }
482
+ }
463
483
  .e-schedule .e-schedule-resource-toolbar {
464
484
  background: #fff;
465
485
  border-bottom: 1px solid #757575;
@@ -2507,8 +2527,8 @@
2507
2527
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2508
2528
  min-height: 56px;
2509
2529
  }
2510
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2511
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2530
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2531
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2512
2532
  min-width: 34px;
2513
2533
  }
2514
2534
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2828,6 +2848,19 @@
2828
2848
  float: right;
2829
2849
  }
2830
2850
 
2851
+ /*! schedule event window for smaller viewports*/
2852
+ @media screen and (max-width: 320px) {
2853
+ .e-schedule-dialog.e-popup.e-popup-open {
2854
+ max-height: 350px;
2855
+ min-width: 100%;
2856
+ }
2857
+ .e-schedule-dialog .e-all-day-container {
2858
+ padding-bottom: 10px;
2859
+ }
2860
+ .e-schedule-dialog .e-all-day-time-zone-row {
2861
+ display: block;
2862
+ }
2863
+ }
2831
2864
  .e-ddl.e-popup .e-resource-template {
2832
2865
  display: -ms-flexbox;
2833
2866
  display: flex;
@@ -3417,6 +3450,18 @@
3417
3450
  margin-right: 0;
3418
3451
  }
3419
3452
 
3453
+ /*! schedule quick popup for smaller viewports */
3454
+ @media screen and (max-width: 320px) {
3455
+ .e-quick-popup-wrapper {
3456
+ min-width: 100%;
3457
+ }
3458
+ .e-quick-popup-wrapper .e-popup-footer {
3459
+ padding-left: 5px;
3460
+ }
3461
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3462
+ padding-right: 5px;
3463
+ }
3464
+ }
3420
3465
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3421
3466
  font-size: 24px;
3422
3467
  }
package/styles/schedule/highcontrast.css CHANGED
@@ -371,6 +371,9 @@
371
371
  font-size: 14px;
372
372
  text-transform: uppercase;
373
373
  }
374
+ .e-schedule .e-schedule-toolbar .e-toolbar-items {
375
+ height: 43px;
376
+ }
374
377
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
375
378
  height: 43px;
376
379
  min-height: 43px;
@@ -443,6 +446,9 @@
443
446
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
444
447
  height: calc(100% - 20px);
445
448
  }
449
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
450
+ height: 56px;
451
+ }
446
452
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
447
453
  height: 56px;
448
454
  min-height: 56px;
@@ -469,6 +475,20 @@
469
475
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
470
476
  overflow: hidden;
471
477
  }
478
+ @media screen and (max-width: 320px) {
479
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
480
+ width: 100%;
481
+ }
482
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
483
+ padding-left: 7px;
484
+ }
485
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
486
+ padding-right: 7px;
487
+ }
488
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
489
+ font-size: 8px;
490
+ }
491
+ }
472
492
  .e-schedule .e-schedule-resource-toolbar {
473
493
  background: #000;
474
494
  border-bottom: 1px solid #969696;
@@ -2516,8 +2536,8 @@
2516
2536
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
2517
2537
  min-height: 56px;
2518
2538
  }
2519
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
2520
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
2539
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
2540
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
2521
2541
  min-width: 34px;
2522
2542
  }
2523
2543
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2837,6 +2857,19 @@
2837
2857
  float: right;
2838
2858
  }
2839
2859
 
2860
+ /*! schedule event window for smaller viewports*/
2861
+ @media screen and (max-width: 320px) {
2862
+ .e-schedule-dialog.e-popup.e-popup-open {
2863
+ max-height: 350px;
2864
+ min-width: 100%;
2865
+ }
2866
+ .e-schedule-dialog .e-all-day-container {
2867
+ padding-bottom: 10px;
2868
+ }
2869
+ .e-schedule-dialog .e-all-day-time-zone-row {
2870
+ display: block;
2871
+ }
2872
+ }
2840
2873
  .e-ddl.e-popup .e-resource-template {
2841
2874
  display: -ms-flexbox;
2842
2875
  display: flex;
@@ -3426,6 +3459,18 @@
3426
3459
  margin-right: 0;
3427
3460
  }
3428
3461
 
3462
+ /*! schedule quick popup for smaller viewports */
3463
+ @media screen and (max-width: 320px) {
3464
+ .e-quick-popup-wrapper {
3465
+ min-width: 100%;
3466
+ }
3467
+ .e-quick-popup-wrapper .e-popup-footer {
3468
+ padding-left: 5px;
3469
+ }
3470
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3471
+ padding-right: 5px;
3472
+ }
3473
+ }
3429
3474
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3430
3475
  font-size: 24px;
3431
3476
  }