@progress/kendo-themes-html 5.11.1-dev.0 → 5.11.1-dev.2

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 (37) hide show
  1. package/dist/popover/tests/popover.js +8 -3
  2. package/dist/popover/tests/popover.js.map +2 -2
  3. package/dist/scheduler/tests/scheduler-angular-day-rtl.js +11 -11
  4. package/dist/scheduler/tests/scheduler-angular-day-rtl.js.map +2 -2
  5. package/dist/scheduler/tests/scheduler-angular-month-rtl.js +19 -19
  6. package/dist/scheduler/tests/scheduler-angular-month-rtl.js.map +2 -2
  7. package/dist/scheduler/tests/scheduler-angular-month.js +19 -19
  8. package/dist/scheduler/tests/scheduler-angular-month.js.map +2 -2
  9. package/dist/scheduler/tests/scheduler-flex-layout.js +4 -4
  10. package/dist/scheduler/tests/scheduler-flex-layout.js.map +2 -2
  11. package/dist/scheduler/tests/scheduler-jquery-month.js +19 -19
  12. package/dist/scheduler/tests/scheduler-jquery-month.js.map +2 -2
  13. package/dist/scheduler/tests/scheduler-react-day.js +26 -26
  14. package/dist/scheduler/tests/scheduler-react-day.js.map +2 -2
  15. package/dist/scheduler/tests/scheduler-react-month.js +68 -68
  16. package/dist/scheduler/tests/scheduler-react-month.js.map +2 -2
  17. package/dist/scheduler/tests/scheduler-react-timeline-multi.js +22 -22
  18. package/dist/scheduler/tests/scheduler-react-timeline-multi.js.map +2 -2
  19. package/dist/scheduler/tests/scheduler-react-timeline.js +14 -14
  20. package/dist/scheduler/tests/scheduler-react-timeline.js.map +2 -2
  21. package/dist/scheduler/tests/scheduler-react-week.js +48 -48
  22. package/dist/scheduler/tests/scheduler-react-week.js.map +2 -2
  23. package/dist/scheduler/tests/scheduler-tooltip.js +3 -5
  24. package/dist/scheduler/tests/scheduler-tooltip.js.map +2 -2
  25. package/package.json +2 -2
  26. package/src/popover/tests/popover.tsx +7 -1
  27. package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +11 -11
  28. package/src/scheduler/tests/scheduler-angular-month-rtl.tsx +19 -19
  29. package/src/scheduler/tests/scheduler-angular-month.tsx +19 -19
  30. package/src/scheduler/tests/scheduler-flex-layout.tsx +4 -4
  31. package/src/scheduler/tests/scheduler-jquery-month.tsx +19 -19
  32. package/src/scheduler/tests/scheduler-react-day.tsx +26 -26
  33. package/src/scheduler/tests/scheduler-react-month.tsx +68 -68
  34. package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +22 -22
  35. package/src/scheduler/tests/scheduler-react-timeline.tsx +14 -14
  36. package/src/scheduler/tests/scheduler-react-week.tsx +48 -48
  37. package/src/scheduler/tests/scheduler-tooltip.tsx +3 -3
package/src/scheduler/tests/scheduler-react-timeline-multi.tsx CHANGED
@@ -340,7 +340,7 @@ root.render(
340
340
  </div>
341
341
  </div>
342
342
  </div>
343
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "775px", width: "299px", height: "25px" }} >
343
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "775px", width: "299px", height: "25px" }} >
344
344
  <span className="k-event-actions"></span>
345
345
  <div>
346
346
  <div className="k-event-template k-event-time">(11:30 AM - 1:00 PM): Car Service</div>
@@ -348,7 +348,7 @@ root.render(
348
348
  </div>
349
349
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
350
350
  </div>
351
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "4356px", width: "299px", height: "25px" }} >
351
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "4356px", width: "299px", height: "25px" }} >
352
352
  <span className="k-event-actions"></span>
353
353
  <div>
354
354
  <div className="k-event-template k-event-time">(11:30 AM - 1:00 PM): Car Service</div>
@@ -372,7 +372,7 @@ root.render(
372
372
  </div>
373
373
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
374
374
  </div>
375
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "974px", width: "399px", height: "25px" }} >
375
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "974px", width: "399px", height: "25px" }} >
376
376
  <span className="k-event-actions"></span>
377
377
  <div>
378
378
  <div className="k-event-template k-event-time">(12:45 PM - 2:30 PM): Breakfast with Tom</div>
@@ -380,7 +380,7 @@ root.render(
380
380
  </div>
381
381
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
382
382
  </div>
383
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "4555px", width: "399px", height: "25px" }} >
383
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "4555px", width: "399px", height: "25px" }} >
384
384
  <span className="k-event-actions"></span>
385
385
  <div>
386
386
  <div className="k-event-template k-event-time">(12:45 PM - 2:30 PM): Breakfast with Tom</div>
@@ -404,14 +404,14 @@ root.render(
404
404
  </div>
405
405
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
406
406
  </div>
407
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "1074px", width: "395px", height: "25px" }} >
407
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "1074px", width: "395px", height: "25px" }} >
408
408
  <span className="k-event-actions"></span>
409
409
  <div>
410
410
  <div className="k-event-template">Team planning meeting</div>
411
411
  </div>
412
412
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
413
413
  </div>
414
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "4654px", width: "395px", height: "25px" }} >
414
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "4654px", width: "395px", height: "25px" }} >
415
415
  <span className="k-event-actions"></span>
416
416
  <div>
417
417
  <div className="k-event-template">Team planning meeting</div>
@@ -432,14 +432,14 @@ root.render(
432
432
  </div>
433
433
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
434
434
  </div>
435
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "52px", left: "1074px", width: "197px", height: "25px" }} >
435
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "52px", left: "1074px", width: "197px", height: "25px" }} >
436
436
  <span className="k-event-actions"></span>
437
437
  <div>
438
438
  <div className="k-event-template">Replace the printer on the 1st floor</div>
439
439
  </div>
440
440
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
441
441
  </div>
442
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "52px", left: "4654px", width: "197px", height: "25px" }} >
442
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "52px", left: "4654px", width: "197px", height: "25px" }} >
443
443
  <span className="k-event-actions"></span>
444
444
  <div>
445
445
  <div className="k-event-template">Replace the printer on the 1st floor</div>
@@ -460,14 +460,14 @@ root.render(
460
460
  </div>
461
461
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
462
462
  </div>
463
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "1472px", width: "99px", height: "25px" }} >
463
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "1472px", width: "99px", height: "25px" }} >
464
464
  <span className="k-event-actions"></span>
465
465
  <div>
466
466
  <div className="k-event-template">Register new Access Cards</div>
467
467
  </div>
468
468
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
469
469
  </div>
470
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "5052px", width: "99px", height: "25px" }} >
470
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "5052px", width: "99px", height: "25px" }} >
471
471
  <span className="k-event-actions"></span>
472
472
  <div>
473
473
  <div className="k-event-template">Register new Access Cards</div>
@@ -488,7 +488,7 @@ root.render(
488
488
  </div>
489
489
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
490
490
  </div>
491
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "1770px", width: "98px", height: "25px" }} >
491
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "1770px", width: "98px", height: "25px" }} >
492
492
  <span className="k-event-actions"></span>
493
493
  <div>
494
494
  <div className="k-event-template k-event-time">(4:30 PM - 6:00 PM): Install new laptops in conference rooms</div>
@@ -496,7 +496,7 @@ root.render(
496
496
  </div>
497
497
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
498
498
  </div>
499
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "5350px", width: "98px", height: "25px" }} >
499
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "5350px", width: "98px", height: "25px" }} >
500
500
  <span className="k-event-actions"></span>
501
501
  <div>
502
502
  <div className="k-event-template k-event-time">(4:30 PM - 6:00 PM): Install new laptops in conference rooms</div>
@@ -520,7 +520,7 @@ root.render(
520
520
  </div>
521
521
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
522
522
  </div>
523
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "1770px", width: "98px", height: "25px" }} >
523
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "1770px", width: "98px", height: "25px" }} >
524
524
  <span className="k-event-actions"></span>
525
525
  <div title="Job Interview - Bernard Atkins">
526
526
  <div className="k-event-template k-event-time">(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins</div>
@@ -528,7 +528,7 @@ root.render(
528
528
  </div>
529
529
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
530
530
  </div>
531
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "5350px", width: "98px", height: "25px" }} >
531
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "5350px", width: "98px", height: "25px" }} >
532
532
  <span className="k-event-actions"></span>
533
533
  <div title="Job Interview - Bernard Atkins">
534
534
  <div className="k-event-template k-event-time">(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins</div>
@@ -552,7 +552,7 @@ root.render(
552
552
  </div>
553
553
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
554
554
  </div>
555
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "2665px", width: "197px", height: "25px" }} >
555
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "2665px", width: "197px", height: "25px" }} >
556
556
  <span className="k-event-actions"></span>
557
557
  <div>
558
558
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Business breakfast with Caroline</div>
@@ -560,7 +560,7 @@ root.render(
560
560
  </div>
561
561
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
562
562
  </div>
563
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "6245px", width: "197px", height: "25px" }} >
563
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "6245px", width: "197px", height: "25px" }} >
564
564
  <span className="k-event-actions"></span>
565
565
  <div>
566
566
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Business breakfast with Caroline</div>
@@ -584,7 +584,7 @@ root.render(
584
584
  </div>
585
585
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
586
586
  </div>
587
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "2864px", width: "395px", height: "25px" }} >
587
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "2864px", width: "395px", height: "25px" }} >
588
588
  <span className="k-event-actions"></span>
589
589
  <div>
590
590
  <div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): Software updates</div>
@@ -592,7 +592,7 @@ root.render(
592
592
  </div>
593
593
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
594
594
  </div>
595
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "6444px", width: "395px", height: "25px" }} >
595
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "6444px", width: "395px", height: "25px" }} >
596
596
  <span className="k-event-actions"></span>
597
597
  <div>
598
598
  <div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): Software updates</div>
@@ -616,7 +616,7 @@ root.render(
616
616
  </div>
617
617
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
618
618
  </div>
619
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "3063px", width: "98px", height: "25px" }} >
619
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "3063px", width: "98px", height: "25px" }} >
620
620
  <span className="k-event-actions"></span>
621
621
  <div title="Discuss projects&apos; deadlines">
622
622
  <div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Discuss projects&apos; deadlines</div>
@@ -624,7 +624,7 @@ root.render(
624
624
  </div>
625
625
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
626
626
  </div>
627
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "6643px", width: "98px", height: "25px" }} >
627
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "6643px", width: "98px", height: "25px" }} >
628
628
  <span className="k-event-actions"></span>
629
629
  <div title="Discuss projects&apos; deadlines">
630
630
  <div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Discuss projects&apos; deadlines</div>
@@ -648,7 +648,7 @@ root.render(
648
648
  </div>
649
649
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
650
650
  </div>
651
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "3262px", width: "197px", height: "25px" }} >
651
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "3262px", width: "197px", height: "25px" }} >
652
652
  <span className="k-event-actions"></span>
653
653
  <div>
654
654
  <div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch with Gregory Watkins</div>
@@ -656,7 +656,7 @@ root.render(
656
656
  </div>
657
657
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
658
658
  </div>
659
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "6842px", width: "197px", height: "25px" }} >
659
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "6842px", width: "197px", height: "25px" }} >
660
660
  <span className="k-event-actions"></span>
661
661
  <div>
662
662
  <div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch with Gregory Watkins</div>
package/src/scheduler/tests/scheduler-react-timeline.tsx CHANGED
@@ -228,7 +228,7 @@ root.render(
228
228
  </div>
229
229
  </div>
230
230
  </div>
231
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "772px", width: "296px", height: "25px" }} >
231
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "772px", width: "296px", height: "25px" }} >
232
232
  <span className="k-event-actions"></span>
233
233
  <div>
234
234
  <div className="k-event-template k-event-time">(11:30 AM - 1:00 PM): Car Service</div>
@@ -236,7 +236,7 @@ root.render(
236
236
  </div>
237
237
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
238
238
  </div>
239
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "2552px", width: "296px", height: "25px" }} >
239
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "2552px", width: "296px", height: "25px" }} >
240
240
  <span className="k-event-actions"></span>
241
241
  <div>
242
242
  <div className="k-event-template k-event-time">(11:30 AM - 1:00 PM): Car Service</div>
@@ -260,7 +260,7 @@ root.render(
260
260
  </div>
261
261
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
262
262
  </div>
263
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "969px", width: "395px", height: "25px" }} >
263
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "969px", width: "395px", height: "25px" }} >
264
264
  <span className="k-event-actions"></span>
265
265
  <div>
266
266
  <div className="k-event-template k-event-time">(12:45 PM - 2:30 PM): Breakfast with Tom</div>
@@ -268,7 +268,7 @@ root.render(
268
268
  </div>
269
269
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
270
270
  </div>
271
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "2750px", width: "395px", height: "25px" }} >
271
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "2750px", width: "395px", height: "25px" }} >
272
272
  <span className="k-event-actions"></span>
273
273
  <div>
274
274
  <div className="k-event-template k-event-time">(12:45 PM - 2:30 PM): Breakfast with Tom</div>
@@ -292,14 +292,14 @@ root.render(
292
292
  </div>
293
293
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
294
294
  </div>
295
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "1068px", width: "395px", height: "25px" }} >
295
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "1068px", width: "395px", height: "25px" }} >
296
296
  <span className="k-event-actions"></span>
297
297
  <div>
298
298
  <div className="k-event-template">Team planning meeting</div>
299
299
  </div>
300
300
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
301
301
  </div>
302
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "2849px", width: "395px", height: "25px" }} >
302
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "2849px", width: "395px", height: "25px" }} >
303
303
  <span className="k-event-actions"></span>
304
304
  <div>
305
305
  <div className="k-event-template">Team planning meeting</div>
@@ -320,14 +320,14 @@ root.render(
320
320
  </div>
321
321
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
322
322
  </div>
323
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "52px", left: "1068px", width: "197px", height: "25px" }} >
323
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "52px", left: "1068px", width: "197px", height: "25px" }} >
324
324
  <span className="k-event-actions"></span>
325
325
  <div>
326
326
  <div className="k-event-template">Replace the printer on the 1st floor</div>
327
327
  </div>
328
328
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
329
329
  </div>
330
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "52px", left: "2849px", width: "197px", height: "25px" }} >
330
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "52px", left: "2849px", width: "197px", height: "25px" }} >
331
331
  <span className="k-event-actions"></span>
332
332
  <div>
333
333
  <div className="k-event-template">Replace the printer on the 1st floor</div>
@@ -348,14 +348,14 @@ root.render(
348
348
  </div>
349
349
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
350
350
  </div>
351
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "1464px", width: "98px", height: "25px" }} >
351
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "1464px", width: "98px", height: "25px" }} >
352
352
  <span className="k-event-actions"></span>
353
353
  <div>
354
354
  <div className="k-event-template">Register new Access Cards</div>
355
355
  </div>
356
356
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
357
357
  </div>
358
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "3244px", width: "98px", height: "25px" }} >
358
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "3244px", width: "98px", height: "25px" }} >
359
359
  <span className="k-event-actions"></span>
360
360
  <div>
361
361
  <div className="k-event-template">Register new Access Cards</div>
@@ -376,7 +376,7 @@ root.render(
376
376
  </div>
377
377
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
378
378
  </div>
379
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "1761px", width: "98px", height: "25px" }} >
379
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "1761px", width: "98px", height: "25px" }} >
380
380
  <span className="k-event-actions"></span>
381
381
  <div>
382
382
  <div className="k-event-template k-event-time">(4:30 PM - 6:00 PM): Install new laptops in conference rooms</div>
@@ -384,7 +384,7 @@ root.render(
384
384
  </div>
385
385
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
386
386
  </div>
387
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: '0px', left: "3541px", width: "98px", height: "25px" }} >
387
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "3541px", width: "98px", height: "25px" }} >
388
388
  <span className="k-event-actions"></span>
389
389
  <div>
390
390
  <div className="k-event-template k-event-time">(4:30 PM - 6:00 PM): Install new laptops in conference rooms</div>
@@ -408,7 +408,7 @@ root.render(
408
408
  </div>
409
409
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
410
410
  </div>
411
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "1761px", width: "98px", height: "25px" }} >
411
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "1761px", width: "98px", height: "25px" }} >
412
412
  <span className="k-event-actions"></span>
413
413
  <div title="Job Interview - Bernard Atkins">
414
414
  <div className="k-event-template k-event-time">(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins</div>
@@ -416,7 +416,7 @@ root.render(
416
416
  </div>
417
417
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
418
418
  </div>
419
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "26px", left: "3541px", width: "98px", height: "25px" }} >
419
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "3541px", width: "98px", height: "25px" }} >
420
420
  <span className="k-event-actions"></span>
421
421
  <div title="Job Interview - Bernard Atkins">
422
422
  <div className="k-event-template k-event-time">(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins</div>