@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-month.tsx CHANGED
@@ -296,7 +296,7 @@ root.render(
296
296
  </div>
297
297
  </div>
298
298
  </div>
299
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: '0px', left: "180px", width: "59px", height: "25px" }} >
299
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: '0px', left: "180px", width: "59px", height: "25px" }} >
300
300
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
301
301
  <div>
302
302
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -304,7 +304,7 @@ root.render(
304
304
  </div>
305
305
  <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>
306
306
  </div>
307
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: '0px', left: "599px", width: "59px", height: "25px" }} >
307
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: '0px', left: "599px", width: "59px", height: "25px" }} >
308
308
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
309
309
  <div>
310
310
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -328,7 +328,7 @@ root.render(
328
328
  </div>
329
329
  <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>
330
330
  </div>
331
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: '0px', left: "240px", width: "59px", height: "25px" }} >
331
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: '0px', left: "240px", width: "59px", height: "25px" }} >
332
332
  <span className="k-event-actions"></span>
333
333
  <div>
334
334
  <div className="k-event-template k-event-time">(11:00 AM - 12:30 PM): Breakfast at Starbucks</div>
@@ -336,7 +336,7 @@ root.render(
336
336
  </div>
337
337
  <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>
338
338
  </div>
339
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: '0px', left: "659px", width: "59px", height: "25px" }} >
339
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: '0px', left: "659px", width: "59px", height: "25px" }} >
340
340
  <span className="k-event-actions"></span>
341
341
  <div>
342
342
  <div className="k-event-template k-event-time">(11:00 AM - 12:30 PM): Breakfast at Starbucks</div>
@@ -360,7 +360,7 @@ root.render(
360
360
  </div>
361
361
  <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>
362
362
  </div>
363
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "26px", left: "240px", width: "59px", height: "25px" }} >
363
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "26px", left: "240px", width: "59px", height: "25px" }} >
364
364
  <span className="k-event-actions"></span>
365
365
  <div>
366
366
  <div className="k-event-template k-event-time">(12:00 PM - 3:00 PM): Software updates</div>
@@ -368,7 +368,7 @@ root.render(
368
368
  </div>
369
369
  <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>
370
370
  </div>
371
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "26px", left: "659px", width: "59px", height: "25px" }} >
371
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "26px", left: "659px", width: "59px", height: "25px" }} >
372
372
  <span className="k-event-actions"></span>
373
373
  <div>
374
374
  <div className="k-event-template k-event-time">(12:00 PM - 3:00 PM): Software updates</div>
@@ -392,7 +392,7 @@ root.render(
392
392
  </div>
393
393
  <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>
394
394
  </div>
395
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: '0px', left: "300px", width: "59px", height: "25px" }} >
395
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: '0px', left: "300px", width: "59px", height: "25px" }} >
396
396
  <span className="k-event-actions"></span>
397
397
  <div>
398
398
  <div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): HR seminar preparation</div>
@@ -400,7 +400,7 @@ root.render(
400
400
  </div>
401
401
  <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>
402
402
  </div>
403
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: '0px', left: "719px", width: "59px", height: "25px" }} >
403
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: '0px', left: "719px", width: "59px", height: "25px" }} >
404
404
  <span className="k-event-actions"></span>
405
405
  <div>
406
406
  <div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): HR seminar preparation</div>
@@ -424,7 +424,7 @@ root.render(
424
424
  </div>
425
425
  <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>
426
426
  </div>
427
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "97px", left: '0px', width: "59px", height: "25px" }} >
427
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: '0px', width: "59px", height: "25px" }} >
428
428
  <span className="k-event-actions"></span>
429
429
  <div>
430
430
  <div className="k-event-template k-event-time">(10:00 AM - 11:30 AM): Website upload</div>
@@ -432,7 +432,7 @@ 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', transform: "translateY(30px)", top: "97px", left: "420px", width: "59px", height: "25px" }} >
435
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "420px", width: "59px", height: "25px" }} >
436
436
  <span className="k-event-actions"></span>
437
437
  <div>
438
438
  <div className="k-event-template k-event-time">(10:00 AM - 11:30 AM): Website upload</div>
@@ -456,7 +456,7 @@ root.render(
456
456
  </div>
457
457
  <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>
458
458
  </div>
459
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "97px", left: "60px", width: "59px", height: "25px" }} >
459
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "60px", width: "59px", height: "25px" }} >
460
460
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
461
461
  <div>
462
462
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -464,7 +464,7 @@ root.render(
464
464
  </div>
465
465
  <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>
466
466
  </div>
467
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "97px", left: "479px", width: "59px", height: "25px" }} >
467
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "479px", width: "59px", height: "25px" }} >
468
468
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
469
469
  <div>
470
470
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</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', transform: "translateY(30px)", top: "97px", left: "120px", width: "59px", height: "25px" }} >
491
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "120px", width: "59px", height: "25px" }} >
492
492
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
493
493
  <div>
494
494
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</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', transform: "translateY(30px)", top: "97px", left: "539px", width: "59px", height: "25px" }} >
499
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "539px", width: "59px", height: "25px" }} >
500
500
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
501
501
  <div>
502
502
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</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', transform: "translateY(30px)", top: "97px", left: "180px", width: "59px", height: "25px" }} >
523
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "180px", width: "59px", height: "25px" }} >
524
524
  <span className="k-event-actions"></span>
525
525
  <div>
526
526
  <div className="k-event-template k-event-time">(12:00 AM - 3:00 AM): Bowling tournament</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', transform: "translateY(30px)", top: "97px", left: "599px", width: "59px", height: "25px" }} >
531
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "599px", width: "59px", height: "25px" }} >
532
532
  <span className="k-event-actions"></span>
533
533
  <div>
534
534
  <div className="k-event-template k-event-time">(12:00 AM - 3:00 AM): Bowling tournament</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', transform: "translateY(30px)", top: "123px", left: "180px", width: "59px", height: "25px" }} >
555
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "123px", left: "180px", width: "59px", height: "25px" }} >
556
556
  <span className="k-event-actions"></span>
557
557
  <div>
558
558
  <div className="k-event-template k-event-time">(10:00 AM - 11:00 AM): Take the dog to the vet</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', transform: "translateY(30px)", top: "123px", left: "599px", width: "59px", height: "25px" }} >
563
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "123px", left: "599px", width: "59px", height: "25px" }} >
564
564
  <span className="k-event-actions"></span>
565
565
  <div>
566
566
  <div className="k-event-template k-event-time">(10:00 AM - 11:00 AM): Take the dog to the vet</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', transform: "translateY(30px)", top: "97px", left: "240px", width: "59px", height: "25px" }} >
587
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "240px", width: "59px", height: "25px" }} >
588
588
  <span className="k-event-actions"></span>
589
589
  <div>
590
590
  <div className="k-event-template k-event-time">(2:30 PM - 4:00 PM): Call Charlie about the project</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', transform: "translateY(30px)", top: "97px", left: "659px", width: "59px", height: "25px" }} >
595
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "659px", width: "59px", height: "25px" }} >
596
596
  <span className="k-event-actions"></span>
597
597
  <div>
598
598
  <div className="k-event-template k-event-time">(2:30 PM - 4:00 PM): Call Charlie about the project</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', transform: "translateY(30px)", top: "123px", left: "240px", width: "59px", height: "25px" }} >
619
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "123px", left: "240px", width: "59px", height: "25px" }} >
620
620
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
621
621
  <div>
622
622
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</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', transform: "translateY(30px)", top: "123px", left: "659px", width: "59px", height: "25px" }} >
627
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "123px", left: "659px", width: "59px", height: "25px" }} >
628
628
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
629
629
  <div>
630
630
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</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', transform: "translateY(30px)", top: "97px", left: "300px", width: "59px", height: "25px" }} >
651
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "300px", width: "59px", height: "25px" }} >
652
652
  <span className="k-event-actions"></span>
653
653
  <div>
654
654
  <div className="k-event-template k-event-time">(2:00 PM - 3:00 PM): Meeting with Alex</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', transform: "translateY(30px)", top: "97px", left: "719px", width: "59px", height: "25px" }} >
659
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "97px", left: "719px", width: "59px", height: "25px" }} >
660
660
  <span className="k-event-actions"></span>
661
661
  <div>
662
662
  <div className="k-event-template k-event-time">(2:00 PM - 3:00 PM): Meeting with Alex</div>
@@ -680,7 +680,7 @@ root.render(
680
680
  </div>
681
681
  <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>
682
682
  </div>
683
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "194px", left: "60px", width: "59px", height: "25px" }} >
683
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "194px", left: "60px", width: "59px", height: "25px" }} >
684
684
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
685
685
  <div>
686
686
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -688,7 +688,7 @@ root.render(
688
688
  </div>
689
689
  <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>
690
690
  </div>
691
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "194px", left: "479px", width: "59px", height: "25px" }} >
691
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "194px", left: "479px", width: "59px", height: "25px" }} >
692
692
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
693
693
  <div>
694
694
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -712,7 +712,7 @@ root.render(
712
712
  </div>
713
713
  <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>
714
714
  </div>
715
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "194px", left: "120px", width: "59px", height: "25px" }} >
715
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "194px", left: "120px", width: "59px", height: "25px" }} >
716
716
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
717
717
  <div>
718
718
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -720,7 +720,7 @@ root.render(
720
720
  </div>
721
721
  <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>
722
722
  </div>
723
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "194px", left: "539px", width: "59px", height: "25px" }} >
723
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "194px", left: "539px", width: "59px", height: "25px" }} >
724
724
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
725
725
  <div>
726
726
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -744,7 +744,7 @@ root.render(
744
744
  </div>
745
745
  <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>
746
746
  </div>
747
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "194px", left: "180px", width: "59px", height: "25px" }} >
747
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "194px", left: "180px", width: "59px", height: "25px" }} >
748
748
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
749
749
  <div>
750
750
  <div className="k-event-template k-event-time">(6:00 PM - 7:00 PM): Helpdesk weekly meeting</div>
@@ -752,7 +752,7 @@ root.render(
752
752
  </div>
753
753
  <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>
754
754
  </div>
755
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "194px", left: "599px", width: "59px", height: "25px" }} >
755
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "194px", left: "599px", width: "59px", height: "25px" }} >
756
756
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
757
757
  <div>
758
758
  <div className="k-event-template k-event-time">(6:00 PM - 7:00 PM): Helpdesk weekly meeting</div>
@@ -776,7 +776,7 @@ root.render(
776
776
  </div>
777
777
  <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>
778
778
  </div>
779
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "220px", left: "180px", width: "59px", height: "25px" }} >
779
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "220px", left: "180px", width: "59px", height: "25px" }} >
780
780
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
781
781
  <div>
782
782
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -784,7 +784,7 @@ root.render(
784
784
  </div>
785
785
  <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>
786
786
  </div>
787
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "220px", left: "599px", width: "59px", height: "25px" }} >
787
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "220px", left: "599px", width: "59px", height: "25px" }} >
788
788
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
789
789
  <div>
790
790
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -808,7 +808,7 @@ root.render(
808
808
  </div>
809
809
  <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>
810
810
  </div>
811
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "194px", left: "240px", width: "59px", height: "25px" }} >
811
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "194px", left: "240px", width: "59px", height: "25px" }} >
812
812
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
813
813
  <div>
814
814
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -816,7 +816,7 @@ root.render(
816
816
  </div>
817
817
  <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>
818
818
  </div>
819
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "194px", left: "659px", width: "59px", height: "25px" }} >
819
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "194px", left: "659px", width: "59px", height: "25px" }} >
820
820
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
821
821
  <div>
822
822
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -840,7 +840,7 @@ root.render(
840
840
  </div>
841
841
  <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>
842
842
  </div>
843
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "60px", width: "59px", height: "25px" }} >
843
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "60px", width: "59px", height: "25px" }} >
844
844
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
845
845
  <div>
846
846
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -848,7 +848,7 @@ root.render(
848
848
  </div>
849
849
  <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>
850
850
  </div>
851
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "479px", width: "59px", height: "25px" }} >
851
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "479px", width: "59px", height: "25px" }} >
852
852
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
853
853
  <div>
854
854
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -872,7 +872,7 @@ root.render(
872
872
  </div>
873
873
  <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>
874
874
  </div>
875
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "120px", width: "59px", height: "25px" }} >
875
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "120px", width: "59px", height: "25px" }} >
876
876
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
877
877
  <div>
878
878
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -880,7 +880,7 @@ root.render(
880
880
  </div>
881
881
  <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>
882
882
  </div>
883
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "539px", width: "59px", height: "25px" }} >
883
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "539px", width: "59px", height: "25px" }} >
884
884
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
885
885
  <div>
886
886
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -904,7 +904,7 @@ root.render(
904
904
  </div>
905
905
  <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>
906
906
  </div>
907
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "180px", width: "59px", height: "25px" }} >
907
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "180px", width: "59px", height: "25px" }} >
908
908
  <span className="k-event-actions"></span>
909
909
  <div>
910
910
  <div className="k-event-template k-event-time">(11:30 AM - 1:00 PM): Car Service</div>
@@ -912,7 +912,7 @@ root.render(
912
912
  </div>
913
913
  <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>
914
914
  </div>
915
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "599px", width: "59px", height: "25px" }} >
915
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "599px", width: "59px", height: "25px" }} >
916
916
  <span className="k-event-actions"></span>
917
917
  <div>
918
918
  <div className="k-event-template k-event-time">(11:30 AM - 1:00 PM): Car Service</div>
@@ -936,7 +936,7 @@ root.render(
936
936
  </div>
937
937
  <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>
938
938
  </div>
939
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "317px", left: "180px", width: "59px", height: "25px" }} >
939
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "317px", left: "180px", width: "59px", height: "25px" }} >
940
940
  <span className="k-event-actions"></span>
941
941
  <div>
942
942
  <div className="k-event-template k-event-time">(12:45 PM - 2:30 PM): Breakfast with Tom</div>
@@ -944,7 +944,7 @@ root.render(
944
944
  </div>
945
945
  <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>
946
946
  </div>
947
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "317px", left: "599px", width: "59px", height: "25px" }} >
947
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "317px", left: "599px", width: "59px", height: "25px" }} >
948
948
  <span className="k-event-actions"></span>
949
949
  <div>
950
950
  <div className="k-event-template k-event-time">(12:45 PM - 2:30 PM): Breakfast with Tom</div>
@@ -968,14 +968,14 @@ root.render(
968
968
  </div>
969
969
  <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>
970
970
  </div>
971
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "240px", width: "119px", height: "25px" }} >
971
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "240px", width: "119px", height: "25px" }} >
972
972
  <span className="k-event-actions"></span>
973
973
  <div>
974
974
  <div className="k-event-template">Attending HR Conference</div>
975
975
  </div>
976
976
  <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>
977
977
  </div>
978
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "659px", width: "119px", height: "25px" }} >
978
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "659px", width: "119px", height: "25px" }} >
979
979
  <span className="k-event-actions"></span>
980
980
  <div>
981
981
  <div className="k-event-template">Attending HR Conference</div>
@@ -996,7 +996,7 @@ root.render(
996
996
  </div>
997
997
  <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>
998
998
  </div>
999
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "317px", left: "240px", width: "59px", height: "25px" }} >
999
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "317px", left: "240px", width: "59px", height: "25px" }} >
1000
1000
  <span className="k-event-actions"></span>
1001
1001
  <div>
1002
1002
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Business breakfast with Caroline</div>
@@ -1004,7 +1004,7 @@ root.render(
1004
1004
  </div>
1005
1005
  <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>
1006
1006
  </div>
1007
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "317px", left: "659px", width: "59px", height: "25px" }} >
1007
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "317px", left: "659px", width: "59px", height: "25px" }} >
1008
1008
  <span className="k-event-actions"></span>
1009
1009
  <div>
1010
1010
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Business breakfast with Caroline</div>
@@ -1028,7 +1028,7 @@ root.render(
1028
1028
  </div>
1029
1029
  <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>
1030
1030
  </div>
1031
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "317px", left: "300px", width: "59px", height: "25px" }} >
1031
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "317px", left: "300px", width: "59px", height: "25px" }} >
1032
1032
  <span className="k-event-actions"></span>
1033
1033
  <div>
1034
1034
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Banking</div>
@@ -1036,7 +1036,7 @@ root.render(
1036
1036
  </div>
1037
1037
  <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>
1038
1038
  </div>
1039
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "317px", left: "719px", width: "59px", height: "25px" }} >
1039
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "317px", left: "719px", width: "59px", height: "25px" }} >
1040
1040
  <span className="k-event-actions"></span>
1041
1041
  <div>
1042
1042
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Banking</div>
@@ -1060,7 +1060,7 @@ root.render(
1060
1060
  </div>
1061
1061
  <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>
1062
1062
  </div>
1063
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "360px", width: "58px", height: "25px" }} >
1063
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "360px", width: "58px", height: "25px" }} >
1064
1064
  <span className="k-event-actions"></span>
1065
1065
  <div>
1066
1066
  <div className="k-event-template k-event-time">(10:30 AM - 11:30 AM): Website upload</div>
@@ -1068,7 +1068,7 @@ root.render(
1068
1068
  </div>
1069
1069
  <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>
1070
1070
  </div>
1071
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "291px", left: "779px", width: "58px", height: "25px" }} >
1071
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "291px", left: "779px", width: "58px", height: "25px" }} >
1072
1072
  <span className="k-event-actions"></span>
1073
1073
  <div>
1074
1074
  <div className="k-event-template k-event-time">(10:30 AM - 11:30 AM): Website upload</div>
@@ -1092,7 +1092,7 @@ root.render(
1092
1092
  </div>
1093
1093
  <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>
1094
1094
  </div>
1095
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "317px", left: "360px", width: "58px", height: "25px" }} >
1095
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "317px", left: "360px", width: "58px", height: "25px" }} >
1096
1096
  <span className="k-event-actions"></span>
1097
1097
  <div>
1098
1098
  <div className="k-event-template k-event-time">(11:30 AM - 12:30 PM): Breakfast with CFO and COO</div>
@@ -1100,7 +1100,7 @@ root.render(
1100
1100
  </div>
1101
1101
  <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>
1102
1102
  </div>
1103
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "317px", left: "779px", width: "58px", height: "25px" }} >
1103
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "317px", left: "779px", width: "58px", height: "25px" }} >
1104
1104
  <span className="k-event-actions"></span>
1105
1105
  <div>
1106
1106
  <div className="k-event-template k-event-time">(11:30 AM - 12:30 PM): Breakfast with CFO and COO</div>
@@ -1124,7 +1124,7 @@ root.render(
1124
1124
  </div>
1125
1125
  <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>
1126
1126
  </div>
1127
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: '0px', width: "59px", height: "25px" }} >
1127
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: '0px', width: "59px", height: "25px" }} >
1128
1128
  <span className="k-event-actions"></span>
1129
1129
  <div>
1130
1130
  <div className="k-event-template k-event-time">(11:00 AM - 12:00 PM): Dentist</div>
@@ -1132,7 +1132,7 @@ root.render(
1132
1132
  </div>
1133
1133
  <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>
1134
1134
  </div>
1135
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "420px", width: "59px", height: "25px" }} >
1135
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "420px", width: "59px", height: "25px" }} >
1136
1136
  <span className="k-event-actions"></span>
1137
1137
  <div>
1138
1138
  <div className="k-event-template k-event-time">(11:00 AM - 12:00 PM): Dentist</div>
@@ -1156,7 +1156,7 @@ root.render(
1156
1156
  </div>
1157
1157
  <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>
1158
1158
  </div>
1159
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "414px", left: '0px', width: "59px", height: "25px" }} >
1159
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "414px", left: '0px', width: "59px", height: "25px" }} >
1160
1160
  <span className="k-event-actions"></span>
1161
1161
  <div title="Job Interview - Laura Bailey">
1162
1162
  <div className="k-event-template k-event-time">(12:30 PM - 1:30 PM): Job Interview - Laura Bailey</div>
@@ -1164,7 +1164,7 @@ root.render(
1164
1164
  </div>
1165
1165
  <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>
1166
1166
  </div>
1167
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "414px", left: "420px", width: "59px", height: "25px" }} >
1167
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "414px", left: "420px", width: "59px", height: "25px" }} >
1168
1168
  <span className="k-event-actions"></span>
1169
1169
  <div title="Job Interview - Laura Bailey">
1170
1170
  <div className="k-event-template k-event-time">(12:30 PM - 1:30 PM): Job Interview - Laura Bailey</div>
@@ -1188,7 +1188,7 @@ root.render(
1188
1188
  </div>
1189
1189
  <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>
1190
1190
  </div>
1191
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "60px", width: "59px", height: "25px" }} >
1191
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "60px", width: "59px", height: "25px" }} >
1192
1192
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1193
1193
  <div>
1194
1194
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -1196,7 +1196,7 @@ root.render(
1196
1196
  </div>
1197
1197
  <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>
1198
1198
  </div>
1199
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "479px", width: "59px", height: "25px" }} >
1199
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "479px", width: "59px", height: "25px" }} >
1200
1200
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1201
1201
  <div>
1202
1202
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -1220,7 +1220,7 @@ root.render(
1220
1220
  </div>
1221
1221
  <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>
1222
1222
  </div>
1223
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "414px", left: "60px", width: "119px", height: "25px" }} >
1223
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "414px", left: "60px", width: "119px", height: "25px" }} >
1224
1224
  <span className="k-event-actions"></span>
1225
1225
  <div title="Bob&apos;s Birthday Party">
1226
1226
  <div className="k-event-template k-event-time">(11:00 PM - 2:30 AM): Bob&apos;s Birthday Party</div>
@@ -1228,7 +1228,7 @@ root.render(
1228
1228
  </div>
1229
1229
  <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>
1230
1230
  </div>
1231
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "414px", left: "479px", width: "119px", height: "25px" }} >
1231
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "414px", left: "479px", width: "119px", height: "25px" }} >
1232
1232
  <span className="k-event-actions"></span>
1233
1233
  <div title="Bob&apos;s Birthday Party">
1234
1234
  <div className="k-event-template k-event-time">(11:00 PM - 2:30 AM): Bob&apos;s Birthday Party</div>
@@ -1252,7 +1252,7 @@ root.render(
1252
1252
  </div>
1253
1253
  <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>
1254
1254
  </div>
1255
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "120px", width: "59px", height: "25px" }} >
1255
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "120px", width: "59px", height: "25px" }} >
1256
1256
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1257
1257
  <div>
1258
1258
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -1260,7 +1260,7 @@ root.render(
1260
1260
  </div>
1261
1261
  <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>
1262
1262
  </div>
1263
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "539px", width: "59px", height: "25px" }} >
1263
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "539px", width: "59px", height: "25px" }} >
1264
1264
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1265
1265
  <div>
1266
1266
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -1284,7 +1284,7 @@ root.render(
1284
1284
  </div>
1285
1285
  <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>
1286
1286
  </div>
1287
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "180px", width: "59px", height: "25px" }} >
1287
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "180px", width: "59px", height: "25px" }} >
1288
1288
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1289
1289
  <div>
1290
1290
  <div className="k-event-template k-event-time">(6:00 PM - 7:00 PM): Helpdesk weekly meeting</div>
@@ -1292,7 +1292,7 @@ root.render(
1292
1292
  </div>
1293
1293
  <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>
1294
1294
  </div>
1295
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "599px", width: "59px", height: "25px" }} >
1295
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "599px", width: "59px", height: "25px" }} >
1296
1296
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1297
1297
  <div>
1298
1298
  <div className="k-event-template k-event-time">(6:00 PM - 7:00 PM): Helpdesk weekly meeting</div>
@@ -1316,7 +1316,7 @@ root.render(
1316
1316
  </div>
1317
1317
  <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>
1318
1318
  </div>
1319
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "414px", left: "180px", width: "59px", height: "25px" }} >
1319
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "414px", left: "180px", width: "59px", height: "25px" }} >
1320
1320
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1321
1321
  <div>
1322
1322
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -1324,7 +1324,7 @@ root.render(
1324
1324
  </div>
1325
1325
  <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>
1326
1326
  </div>
1327
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "414px", left: "599px", width: "59px", height: "25px" }} >
1327
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "414px", left: "599px", width: "59px", height: "25px" }} >
1328
1328
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1329
1329
  <div>
1330
1330
  <div className="k-event-template k-event-time">(9:30 PM - 11:00 PM): Dance Practice</div>
@@ -1348,7 +1348,7 @@ root.render(
1348
1348
  </div>
1349
1349
  <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>
1350
1350
  </div>
1351
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "240px", width: "59px", height: "25px" }} >
1351
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "240px", width: "59px", height: "25px" }} >
1352
1352
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1353
1353
  <div>
1354
1354
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>
@@ -1356,7 +1356,7 @@ root.render(
1356
1356
  </div>
1357
1357
  <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>
1358
1358
  </div>
1359
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', transform: "translateY(30px)", top: "388px", left: "659px", width: "59px", height: "25px" }} >
1359
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', transform: "translateY(30px)", top: "388px", left: "659px", width: "59px", height: "25px" }} >
1360
1360
  <span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
1361
1361
  <div>
1362
1362
  <div className="k-event-template k-event-time">(10:00 PM - 12:00 AM): HR Lecture</div>