@syncfusion/ej2-schedule 24.2.4 → 24.2.8

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 (79) hide show
  1. package/CHANGELOG.md +8 -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 +77 -51
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +76 -50
  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 +13 -13
  13. package/src/schedule/actions/drag.js +3 -3
  14. package/src/schedule/actions/resize.js +22 -21
  15. package/src/schedule/actions/virtual-scroll.js +4 -0
  16. package/src/schedule/base/util.d.ts +21 -0
  17. package/src/schedule/base/util.js +29 -2
  18. package/src/schedule/event-renderer/event-base.d.ts +0 -1
  19. package/src/schedule/event-renderer/event-base.js +0 -3
  20. package/src/schedule/event-renderer/inline-edit.js +1 -1
  21. package/src/schedule/event-renderer/month.js +2 -2
  22. package/src/schedule/event-renderer/timeline-view.js +5 -5
  23. package/src/schedule/event-renderer/vertical-view.js +1 -1
  24. package/src/schedule/event-renderer/year.js +3 -3
  25. package/src/schedule/renderer/timeline-view.d.ts +0 -1
  26. package/src/schedule/renderer/timeline-view.js +3 -6
  27. package/src/schedule/renderer/vertical-view.js +1 -1
  28. package/src/schedule/renderer/view-base.js +1 -1
  29. package/styles/bootstrap-dark.css +42 -0
  30. package/styles/bootstrap.css +42 -0
  31. package/styles/bootstrap4.css +42 -0
  32. package/styles/bootstrap5-dark.css +42 -0
  33. package/styles/bootstrap5.css +42 -0
  34. package/styles/fabric-dark.css +42 -0
  35. package/styles/fabric.css +42 -0
  36. package/styles/fluent-dark.css +42 -0
  37. package/styles/fluent.css +42 -0
  38. package/styles/highcontrast-light.css +42 -0
  39. package/styles/highcontrast.css +42 -0
  40. package/styles/material-dark.css +42 -0
  41. package/styles/material.css +42 -0
  42. package/styles/material3-dark.css +42 -0
  43. package/styles/material3.css +42 -0
  44. package/styles/schedule/_bootstrap-dark-definition.scss +1 -0
  45. package/styles/schedule/_bootstrap-definition.scss +1 -0
  46. package/styles/schedule/_bootstrap4-definition.scss +1 -0
  47. package/styles/schedule/_bootstrap5-definition.scss +1 -0
  48. package/styles/schedule/_fabric-dark-definition.scss +1 -0
  49. package/styles/schedule/_fabric-definition.scss +1 -0
  50. package/styles/schedule/_fluent-definition.scss +1 -0
  51. package/styles/schedule/_fusionnew-definition.scss +1 -0
  52. package/styles/schedule/_highcontrast-definition.scss +1 -0
  53. package/styles/schedule/_highcontrast-light-definition.scss +1 -0
  54. package/styles/schedule/_layout.scss +58 -0
  55. package/styles/schedule/_material-dark-definition.scss +1 -0
  56. package/styles/schedule/_material-definition.scss +1 -0
  57. package/styles/schedule/_material3-definition.scss +1 -0
  58. package/styles/schedule/_tailwind-definition.scss +1 -0
  59. package/styles/schedule/bootstrap-dark.css +42 -0
  60. package/styles/schedule/bootstrap.css +42 -0
  61. package/styles/schedule/bootstrap4.css +42 -0
  62. package/styles/schedule/bootstrap5-dark.css +42 -0
  63. package/styles/schedule/bootstrap5.css +42 -0
  64. package/styles/schedule/fabric-dark.css +42 -0
  65. package/styles/schedule/fabric.css +42 -0
  66. package/styles/schedule/fluent-dark.css +42 -0
  67. package/styles/schedule/fluent.css +42 -0
  68. package/styles/schedule/highcontrast-light.css +42 -0
  69. package/styles/schedule/highcontrast.css +42 -0
  70. package/styles/schedule/material-dark.css +42 -0
  71. package/styles/schedule/material.css +42 -0
  72. package/styles/schedule/material3-dark.css +42 -0
  73. package/styles/schedule/material3.css +42 -0
  74. package/styles/schedule/tailwind-dark.css +42 -0
  75. package/styles/schedule/tailwind.css +42 -0
  76. package/styles/tailwind-dark.css +42 -0
  77. package/styles/tailwind.css +42 -0
  78. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -63
  79. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -39
package/styles/schedule/bootstrap5-dark.css CHANGED
@@ -444,6 +444,9 @@
444
444
  .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 {
445
445
  height: calc(100% - 20px);
446
446
  }
447
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
448
+ height: 54px;
449
+ }
447
450
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
448
451
  height: 54px;
449
452
  min-height: 54px;
@@ -470,6 +473,20 @@
470
473
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
471
474
  overflow: hidden;
472
475
  }
476
+ @media screen and (max-width: 320px) {
477
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
478
+ width: 100%;
479
+ }
480
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
481
+ padding-left: 7px;
482
+ }
483
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
484
+ padding-right: 7px;
485
+ }
486
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
487
+ font-size: 8px;
488
+ }
489
+ }
473
490
  .e-schedule .e-schedule-resource-toolbar {
474
491
  background: #282d31;
475
492
  border-bottom: 0;
@@ -2838,6 +2855,19 @@
2838
2855
  float: right;
2839
2856
  }
2840
2857
 
2858
+ /*! schedule event window for smaller viewports*/
2859
+ @media screen and (max-width: 320px) {
2860
+ .e-schedule-dialog.e-popup.e-popup-open {
2861
+ max-height: 350px;
2862
+ min-width: 100%;
2863
+ }
2864
+ .e-schedule-dialog .e-all-day-container {
2865
+ padding-bottom: 10px;
2866
+ }
2867
+ .e-schedule-dialog .e-all-day-time-zone-row {
2868
+ display: block;
2869
+ }
2870
+ }
2841
2871
  .e-ddl.e-popup .e-resource-template {
2842
2872
  display: -ms-flexbox;
2843
2873
  display: flex;
@@ -3427,6 +3457,18 @@
3427
3457
  margin-right: 0;
3428
3458
  }
3429
3459
 
3460
+ /*! schedule quick popup for smaller viewports */
3461
+ @media screen and (max-width: 320px) {
3462
+ .e-quick-popup-wrapper {
3463
+ min-width: 100%;
3464
+ }
3465
+ .e-quick-popup-wrapper .e-popup-footer {
3466
+ padding-left: 5px;
3467
+ }
3468
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3469
+ padding-right: 5px;
3470
+ }
3471
+ }
3430
3472
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3431
3473
  font-size: 24px;
3432
3474
  }
package/styles/schedule/bootstrap5.css CHANGED
@@ -444,6 +444,9 @@
444
444
  .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 {
445
445
  height: calc(100% - 20px);
446
446
  }
447
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
448
+ height: 54px;
449
+ }
447
450
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
448
451
  height: 54px;
449
452
  min-height: 54px;
@@ -470,6 +473,20 @@
470
473
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
471
474
  overflow: hidden;
472
475
  }
476
+ @media screen and (max-width: 320px) {
477
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
478
+ width: 100%;
479
+ }
480
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
481
+ padding-left: 7px;
482
+ }
483
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
484
+ padding-right: 7px;
485
+ }
486
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
487
+ font-size: 8px;
488
+ }
489
+ }
473
490
  .e-schedule .e-schedule-resource-toolbar {
474
491
  background: #f8f9fa;
475
492
  border-bottom: 0;
@@ -2838,6 +2855,19 @@
2838
2855
  float: right;
2839
2856
  }
2840
2857
 
2858
+ /*! schedule event window for smaller viewports*/
2859
+ @media screen and (max-width: 320px) {
2860
+ .e-schedule-dialog.e-popup.e-popup-open {
2861
+ max-height: 350px;
2862
+ min-width: 100%;
2863
+ }
2864
+ .e-schedule-dialog .e-all-day-container {
2865
+ padding-bottom: 10px;
2866
+ }
2867
+ .e-schedule-dialog .e-all-day-time-zone-row {
2868
+ display: block;
2869
+ }
2870
+ }
2841
2871
  .e-ddl.e-popup .e-resource-template {
2842
2872
  display: -ms-flexbox;
2843
2873
  display: flex;
@@ -3427,6 +3457,18 @@
3427
3457
  margin-right: 0;
3428
3458
  }
3429
3459
 
3460
+ /*! schedule quick popup for smaller viewports */
3461
+ @media screen and (max-width: 320px) {
3462
+ .e-quick-popup-wrapper {
3463
+ min-width: 100%;
3464
+ }
3465
+ .e-quick-popup-wrapper .e-popup-footer {
3466
+ padding-left: 5px;
3467
+ }
3468
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3469
+ padding-right: 5px;
3470
+ }
3471
+ }
3430
3472
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3431
3473
  font-size: 24px;
3432
3474
  }
package/styles/schedule/fabric-dark.css CHANGED
@@ -362,6 +362,9 @@
362
362
  .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
363
  height: calc(100% - 20px);
364
364
  }
365
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
366
+ height: 56px;
367
+ }
365
368
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
366
369
  height: 56px;
367
370
  min-height: 56px;
@@ -388,6 +391,20 @@
388
391
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
389
392
  overflow: hidden;
390
393
  }
394
+ @media screen and (max-width: 320px) {
395
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
396
+ width: 100%;
397
+ }
398
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
399
+ padding-left: 7px;
400
+ }
401
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
402
+ padding-right: 7px;
403
+ }
404
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
405
+ font-size: 8px;
406
+ }
407
+ }
391
408
  .e-schedule .e-schedule-resource-toolbar {
392
409
  background: #201f1f;
393
410
  border-bottom: 1px solid #414040;
@@ -2756,6 +2773,19 @@
2756
2773
  float: right;
2757
2774
  }
2758
2775
 
2776
+ /*! schedule event window for smaller viewports*/
2777
+ @media screen and (max-width: 320px) {
2778
+ .e-schedule-dialog.e-popup.e-popup-open {
2779
+ max-height: 350px;
2780
+ min-width: 100%;
2781
+ }
2782
+ .e-schedule-dialog .e-all-day-container {
2783
+ padding-bottom: 10px;
2784
+ }
2785
+ .e-schedule-dialog .e-all-day-time-zone-row {
2786
+ display: block;
2787
+ }
2788
+ }
2759
2789
  .e-ddl.e-popup .e-resource-template {
2760
2790
  display: -ms-flexbox;
2761
2791
  display: flex;
@@ -3345,6 +3375,18 @@
3345
3375
  margin-right: 0;
3346
3376
  }
3347
3377
 
3378
+ /*! schedule quick popup for smaller viewports */
3379
+ @media screen and (max-width: 320px) {
3380
+ .e-quick-popup-wrapper {
3381
+ min-width: 100%;
3382
+ }
3383
+ .e-quick-popup-wrapper .e-popup-footer {
3384
+ padding-left: 5px;
3385
+ }
3386
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3387
+ padding-right: 5px;
3388
+ }
3389
+ }
3348
3390
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3349
3391
  font-size: 24px;
3350
3392
  }
package/styles/schedule/fabric.css CHANGED
@@ -352,6 +352,9 @@
352
352
  .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
353
  height: calc(100% - 20px);
354
354
  }
355
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
356
+ height: 56px;
357
+ }
355
358
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
356
359
  height: 56px;
357
360
  min-height: 56px;
@@ -378,6 +381,20 @@
378
381
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
379
382
  overflow: hidden;
380
383
  }
384
+ @media screen and (max-width: 320px) {
385
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
386
+ width: 100%;
387
+ }
388
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
389
+ padding-left: 7px;
390
+ }
391
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
392
+ padding-right: 7px;
393
+ }
394
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
395
+ font-size: 8px;
396
+ }
397
+ }
381
398
  .e-schedule .e-schedule-resource-toolbar {
382
399
  background: #fff;
383
400
  border-bottom: 1px solid #dadada;
@@ -2746,6 +2763,19 @@
2746
2763
  float: right;
2747
2764
  }
2748
2765
 
2766
+ /*! schedule event window for smaller viewports*/
2767
+ @media screen and (max-width: 320px) {
2768
+ .e-schedule-dialog.e-popup.e-popup-open {
2769
+ max-height: 350px;
2770
+ min-width: 100%;
2771
+ }
2772
+ .e-schedule-dialog .e-all-day-container {
2773
+ padding-bottom: 10px;
2774
+ }
2775
+ .e-schedule-dialog .e-all-day-time-zone-row {
2776
+ display: block;
2777
+ }
2778
+ }
2749
2779
  .e-ddl.e-popup .e-resource-template {
2750
2780
  display: -ms-flexbox;
2751
2781
  display: flex;
@@ -3335,6 +3365,18 @@
3335
3365
  margin-right: 0;
3336
3366
  }
3337
3367
 
3368
+ /*! schedule quick popup for smaller viewports */
3369
+ @media screen and (max-width: 320px) {
3370
+ .e-quick-popup-wrapper {
3371
+ min-width: 100%;
3372
+ }
3373
+ .e-quick-popup-wrapper .e-popup-footer {
3374
+ padding-left: 5px;
3375
+ }
3376
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3377
+ padding-right: 5px;
3378
+ }
3379
+ }
3338
3380
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3339
3381
  font-size: 24px;
3340
3382
  }
package/styles/schedule/fluent-dark.css CHANGED
@@ -421,6 +421,9 @@
421
421
  .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
422
  height: calc(100% - 20px);
423
423
  }
424
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
425
+ height: 54px;
426
+ }
424
427
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
425
428
  height: 54px;
426
429
  min-height: 54px;
@@ -447,6 +450,20 @@
447
450
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
448
451
  overflow: hidden;
449
452
  }
453
+ @media screen and (max-width: 320px) {
454
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
455
+ width: 100%;
456
+ }
457
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
458
+ padding-left: 7px;
459
+ }
460
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
461
+ padding-right: 7px;
462
+ }
463
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
464
+ font-size: 8px;
465
+ }
466
+ }
450
467
  .e-schedule .e-schedule-resource-toolbar {
451
468
  background: #1b1a19;
452
469
  border-bottom: 1px solid #292827;
@@ -2815,6 +2832,19 @@
2815
2832
  float: right;
2816
2833
  }
2817
2834
 
2835
+ /*! schedule event window for smaller viewports*/
2836
+ @media screen and (max-width: 320px) {
2837
+ .e-schedule-dialog.e-popup.e-popup-open {
2838
+ max-height: 350px;
2839
+ min-width: 100%;
2840
+ }
2841
+ .e-schedule-dialog .e-all-day-container {
2842
+ padding-bottom: 10px;
2843
+ }
2844
+ .e-schedule-dialog .e-all-day-time-zone-row {
2845
+ display: block;
2846
+ }
2847
+ }
2818
2848
  .e-ddl.e-popup .e-resource-template {
2819
2849
  display: -ms-flexbox;
2820
2850
  display: flex;
@@ -3404,6 +3434,18 @@
3404
3434
  margin-right: 0;
3405
3435
  }
3406
3436
 
3437
+ /*! schedule quick popup for smaller viewports */
3438
+ @media screen and (max-width: 320px) {
3439
+ .e-quick-popup-wrapper {
3440
+ min-width: 100%;
3441
+ }
3442
+ .e-quick-popup-wrapper .e-popup-footer {
3443
+ padding-left: 5px;
3444
+ }
3445
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3446
+ padding-right: 5px;
3447
+ }
3448
+ }
3407
3449
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3408
3450
  font-size: 24px;
3409
3451
  }
package/styles/schedule/fluent.css CHANGED
@@ -421,6 +421,9 @@
421
421
  .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
422
  height: calc(100% - 20px);
423
423
  }
424
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
425
+ height: 54px;
426
+ }
424
427
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
425
428
  height: 54px;
426
429
  min-height: 54px;
@@ -447,6 +450,20 @@
447
450
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
448
451
  overflow: hidden;
449
452
  }
453
+ @media screen and (max-width: 320px) {
454
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
455
+ width: 100%;
456
+ }
457
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
458
+ padding-left: 7px;
459
+ }
460
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
461
+ padding-right: 7px;
462
+ }
463
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
464
+ font-size: 8px;
465
+ }
466
+ }
450
467
  .e-schedule .e-schedule-resource-toolbar {
451
468
  background: #fff;
452
469
  border-bottom: 1px solid #edebe9;
@@ -2815,6 +2832,19 @@
2815
2832
  float: right;
2816
2833
  }
2817
2834
 
2835
+ /*! schedule event window for smaller viewports*/
2836
+ @media screen and (max-width: 320px) {
2837
+ .e-schedule-dialog.e-popup.e-popup-open {
2838
+ max-height: 350px;
2839
+ min-width: 100%;
2840
+ }
2841
+ .e-schedule-dialog .e-all-day-container {
2842
+ padding-bottom: 10px;
2843
+ }
2844
+ .e-schedule-dialog .e-all-day-time-zone-row {
2845
+ display: block;
2846
+ }
2847
+ }
2818
2848
  .e-ddl.e-popup .e-resource-template {
2819
2849
  display: -ms-flexbox;
2820
2850
  display: flex;
@@ -3404,6 +3434,18 @@
3404
3434
  margin-right: 0;
3405
3435
  }
3406
3436
 
3437
+ /*! schedule quick popup for smaller viewports */
3438
+ @media screen and (max-width: 320px) {
3439
+ .e-quick-popup-wrapper {
3440
+ min-width: 100%;
3441
+ }
3442
+ .e-quick-popup-wrapper .e-popup-footer {
3443
+ padding-left: 5px;
3444
+ }
3445
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3446
+ padding-right: 5px;
3447
+ }
3448
+ }
3407
3449
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3408
3450
  font-size: 24px;
3409
3451
  }
package/styles/schedule/highcontrast-light.css CHANGED
@@ -434,6 +434,9 @@
434
434
  .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
435
  height: calc(100% - 20px);
436
436
  }
437
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
438
+ height: 56px;
439
+ }
437
440
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
438
441
  height: 56px;
439
442
  min-height: 56px;
@@ -460,6 +463,20 @@
460
463
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
461
464
  overflow: hidden;
462
465
  }
466
+ @media screen and (max-width: 320px) {
467
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
468
+ width: 100%;
469
+ }
470
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
471
+ padding-left: 7px;
472
+ }
473
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
474
+ padding-right: 7px;
475
+ }
476
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
477
+ font-size: 8px;
478
+ }
479
+ }
463
480
  .e-schedule .e-schedule-resource-toolbar {
464
481
  background: #fff;
465
482
  border-bottom: 1px solid #757575;
@@ -2828,6 +2845,19 @@
2828
2845
  float: right;
2829
2846
  }
2830
2847
 
2848
+ /*! schedule event window for smaller viewports*/
2849
+ @media screen and (max-width: 320px) {
2850
+ .e-schedule-dialog.e-popup.e-popup-open {
2851
+ max-height: 350px;
2852
+ min-width: 100%;
2853
+ }
2854
+ .e-schedule-dialog .e-all-day-container {
2855
+ padding-bottom: 10px;
2856
+ }
2857
+ .e-schedule-dialog .e-all-day-time-zone-row {
2858
+ display: block;
2859
+ }
2860
+ }
2831
2861
  .e-ddl.e-popup .e-resource-template {
2832
2862
  display: -ms-flexbox;
2833
2863
  display: flex;
@@ -3417,6 +3447,18 @@
3417
3447
  margin-right: 0;
3418
3448
  }
3419
3449
 
3450
+ /*! schedule quick popup for smaller viewports */
3451
+ @media screen and (max-width: 320px) {
3452
+ .e-quick-popup-wrapper {
3453
+ min-width: 100%;
3454
+ }
3455
+ .e-quick-popup-wrapper .e-popup-footer {
3456
+ padding-left: 5px;
3457
+ }
3458
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3459
+ padding-right: 5px;
3460
+ }
3461
+ }
3420
3462
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3421
3463
  font-size: 24px;
3422
3464
  }
package/styles/schedule/highcontrast.css CHANGED
@@ -443,6 +443,9 @@
443
443
  .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
444
  height: calc(100% - 20px);
445
445
  }
446
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
447
+ height: 56px;
448
+ }
446
449
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
447
450
  height: 56px;
448
451
  min-height: 56px;
@@ -469,6 +472,20 @@
469
472
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
470
473
  overflow: hidden;
471
474
  }
475
+ @media screen and (max-width: 320px) {
476
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
477
+ width: 100%;
478
+ }
479
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
480
+ padding-left: 7px;
481
+ }
482
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
483
+ padding-right: 7px;
484
+ }
485
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
486
+ font-size: 8px;
487
+ }
488
+ }
472
489
  .e-schedule .e-schedule-resource-toolbar {
473
490
  background: #000;
474
491
  border-bottom: 1px solid #969696;
@@ -2837,6 +2854,19 @@
2837
2854
  float: right;
2838
2855
  }
2839
2856
 
2857
+ /*! schedule event window for smaller viewports*/
2858
+ @media screen and (max-width: 320px) {
2859
+ .e-schedule-dialog.e-popup.e-popup-open {
2860
+ max-height: 350px;
2861
+ min-width: 100%;
2862
+ }
2863
+ .e-schedule-dialog .e-all-day-container {
2864
+ padding-bottom: 10px;
2865
+ }
2866
+ .e-schedule-dialog .e-all-day-time-zone-row {
2867
+ display: block;
2868
+ }
2869
+ }
2840
2870
  .e-ddl.e-popup .e-resource-template {
2841
2871
  display: -ms-flexbox;
2842
2872
  display: flex;
@@ -3426,6 +3456,18 @@
3426
3456
  margin-right: 0;
3427
3457
  }
3428
3458
 
3459
+ /*! schedule quick popup for smaller viewports */
3460
+ @media screen and (max-width: 320px) {
3461
+ .e-quick-popup-wrapper {
3462
+ min-width: 100%;
3463
+ }
3464
+ .e-quick-popup-wrapper .e-popup-footer {
3465
+ padding-left: 5px;
3466
+ }
3467
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3468
+ padding-right: 5px;
3469
+ }
3470
+ }
3429
3471
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3430
3472
  font-size: 24px;
3431
3473
  }
package/styles/schedule/material-dark.css CHANGED
@@ -378,6 +378,9 @@
378
378
  .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 {
379
379
  height: calc(100% - 20px);
380
380
  }
381
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
382
+ height: 56px;
383
+ }
381
384
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
382
385
  height: 56px;
383
386
  min-height: 56px;
@@ -404,6 +407,20 @@
404
407
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
405
408
  overflow: hidden;
406
409
  }
410
+ @media screen and (max-width: 320px) {
411
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
412
+ width: 100%;
413
+ }
414
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
415
+ padding-left: 7px;
416
+ }
417
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
418
+ padding-right: 7px;
419
+ }
420
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
421
+ font-size: 8px;
422
+ }
423
+ }
407
424
  .e-schedule .e-schedule-resource-toolbar {
408
425
  background: #212121;
409
426
  border-bottom: 0;
@@ -2772,6 +2789,19 @@
2772
2789
  float: right;
2773
2790
  }
2774
2791
 
2792
+ /*! schedule event window for smaller viewports*/
2793
+ @media screen and (max-width: 320px) {
2794
+ .e-schedule-dialog.e-popup.e-popup-open {
2795
+ max-height: 350px;
2796
+ min-width: 100%;
2797
+ }
2798
+ .e-schedule-dialog .e-all-day-container {
2799
+ padding-bottom: 10px;
2800
+ }
2801
+ .e-schedule-dialog .e-all-day-time-zone-row {
2802
+ display: block;
2803
+ }
2804
+ }
2775
2805
  .e-ddl.e-popup .e-resource-template {
2776
2806
  display: -ms-flexbox;
2777
2807
  display: flex;
@@ -3361,6 +3391,18 @@
3361
3391
  margin-right: 0;
3362
3392
  }
3363
3393
 
3394
+ /*! schedule quick popup for smaller viewports */
3395
+ @media screen and (max-width: 320px) {
3396
+ .e-quick-popup-wrapper {
3397
+ min-width: 100%;
3398
+ }
3399
+ .e-quick-popup-wrapper .e-popup-footer {
3400
+ padding-left: 5px;
3401
+ }
3402
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3403
+ padding-right: 5px;
3404
+ }
3405
+ }
3364
3406
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3365
3407
  font-size: 24px;
3366
3408
  }
package/styles/schedule/material.css CHANGED
@@ -414,6 +414,9 @@
414
414
  .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 {
415
415
  height: calc(100% - 20px);
416
416
  }
417
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
418
+ height: 56px;
419
+ }
417
420
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
418
421
  height: 56px;
419
422
  min-height: 56px;
@@ -440,6 +443,20 @@
440
443
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
441
444
  overflow: hidden;
442
445
  }
446
+ @media screen and (max-width: 320px) {
447
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
448
+ width: 100%;
449
+ }
450
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
451
+ padding-left: 7px;
452
+ }
453
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
454
+ padding-right: 7px;
455
+ }
456
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
457
+ font-size: 8px;
458
+ }
459
+ }
443
460
  .e-schedule .e-schedule-resource-toolbar {
444
461
  background: #fafafa;
445
462
  border-bottom: 0;
@@ -2808,6 +2825,19 @@
2808
2825
  float: right;
2809
2826
  }
2810
2827
 
2828
+ /*! schedule event window for smaller viewports*/
2829
+ @media screen and (max-width: 320px) {
2830
+ .e-schedule-dialog.e-popup.e-popup-open {
2831
+ max-height: 350px;
2832
+ min-width: 100%;
2833
+ }
2834
+ .e-schedule-dialog .e-all-day-container {
2835
+ padding-bottom: 10px;
2836
+ }
2837
+ .e-schedule-dialog .e-all-day-time-zone-row {
2838
+ display: block;
2839
+ }
2840
+ }
2811
2841
  .e-ddl.e-popup .e-resource-template {
2812
2842
  display: -ms-flexbox;
2813
2843
  display: flex;
@@ -3397,6 +3427,18 @@
3397
3427
  margin-right: 0;
3398
3428
  }
3399
3429
 
3430
+ /*! schedule quick popup for smaller viewports */
3431
+ @media screen and (max-width: 320px) {
3432
+ .e-quick-popup-wrapper {
3433
+ min-width: 100%;
3434
+ }
3435
+ .e-quick-popup-wrapper .e-popup-footer {
3436
+ padding-left: 5px;
3437
+ }
3438
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3439
+ padding-right: 5px;
3440
+ }
3441
+ }
3400
3442
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3401
3443
  font-size: 24px;
3402
3444
  }