@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-week.tsx CHANGED
@@ -154,14 +154,14 @@ root.render(
154
154
  </div>
155
155
  </div>
156
156
  </div>
157
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "135px", left: "249px", width: "57px", height: "25px" }} >
157
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "135px", left: "249px", width: "57px", height: "25px" }} >
158
158
  <span className="k-event-actions"></span>
159
159
  <div>
160
160
  <div className="k-event-template">Team planning meeting</div>
161
161
  </div>
162
162
  <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>
163
163
  </div>
164
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "135px", left: "649px", width: "57px", height: "25px" }} >
164
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "135px", left: "649px", width: "57px", height: "25px" }} >
165
165
  <span className="k-event-actions"></span>
166
166
  <div>
167
167
  <div className="k-event-template">Team planning meeting</div>
@@ -182,14 +182,14 @@ root.render(
182
182
  </div>
183
183
  <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>
184
184
  </div>
185
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "161px", left: "249px", width: "57px", height: "25px" }} >
185
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "161px", left: "249px", width: "57px", height: "25px" }} >
186
186
  <span className="k-event-actions"></span>
187
187
  <div>
188
188
  <div className="k-event-template">Replace the printer on the 1st floor</div>
189
189
  </div>
190
190
  <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>
191
191
  </div>
192
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "161px", left: "649px", width: "57px", height: "25px" }} >
192
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "161px", left: "649px", width: "57px", height: "25px" }} >
193
193
  <span className="k-event-actions"></span>
194
194
  <div>
195
195
  <div className="k-event-template">Replace the printer on the 1st floor</div>
@@ -210,14 +210,14 @@ root.render(
210
210
  </div>
211
211
  <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>
212
212
  </div>
213
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "187px", left: "249px", width: "57px", height: "25px" }} >
213
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "187px", left: "249px", width: "57px", height: "25px" }} >
214
214
  <span className="k-event-actions"></span>
215
215
  <div>
216
216
  <div className="k-event-template">Register new Access Cards</div>
217
217
  </div>
218
218
  <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>
219
219
  </div>
220
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "187px", left: "649px", width: "57px", height: "25px" }} >
220
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "187px", left: "649px", width: "57px", height: "25px" }} >
221
221
  <span className="k-event-actions"></span>
222
222
  <div>
223
223
  <div className="k-event-template">Register new Access Cards</div>
@@ -238,14 +238,14 @@ root.render(
238
238
  </div>
239
239
  <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>
240
240
  </div>
241
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "213px", left: "249px", width: "57px", height: "25px" }} >
241
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "213px", left: "249px", width: "57px", height: "25px" }} >
242
242
  <span className="k-event-actions"></span>
243
243
  <div>
244
244
  <div className="k-event-template">Support Phone Call</div>
245
245
  </div>
246
246
  <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>
247
247
  </div>
248
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "213px", left: "649px", width: "57px", height: "25px" }} >
248
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "213px", left: "649px", width: "57px", height: "25px" }} >
249
249
  <span className="k-event-actions"></span>
250
250
  <div>
251
251
  <div className="k-event-template">Support Phone Call</div>
@@ -266,14 +266,14 @@ root.render(
266
266
  </div>
267
267
  <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>
268
268
  </div>
269
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "135px", left: "307px", width: "113px", height: "25px" }} >
269
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "135px", left: "307px", width: "113px", height: "25px" }} >
270
270
  <span className="k-event-actions"></span>
271
271
  <div>
272
272
  <div className="k-event-template">Attending HR Conference</div>
273
273
  </div>
274
274
  <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>
275
275
  </div>
276
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "135px", left: "707px", width: "113px", height: "25px" }} >
276
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "135px", left: "707px", width: "113px", height: "25px" }} >
277
277
  <span className="k-event-actions"></span>
278
278
  <div>
279
279
  <div className="k-event-template">Attending HR Conference</div>
@@ -294,14 +294,14 @@ root.render(
294
294
  </div>
295
295
  <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>
296
296
  </div>
297
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "161px", left: "364px", width: "56px", height: "25px" }} >
297
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "161px", left: "364px", width: "56px", height: "25px" }} >
298
298
  <span className="k-event-actions"></span>
299
299
  <div>
300
300
  <div className="k-event-template">Server maintenance</div>
301
301
  </div>
302
302
  <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>
303
303
  </div>
304
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "161px", left: "764px", width: "56px", height: "25px" }} >
304
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "161px", left: "764px", width: "56px", height: "25px" }} >
305
305
  <span className="k-event-actions"></span>
306
306
  <div>
307
307
  <div className="k-event-template">Server maintenance</div>
@@ -1206,7 +1206,7 @@ root.render(
1206
1206
  </div>
1207
1207
  </div>
1208
1208
  </div>
1209
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "315px", left: "249px", width: "28px", height: "134px" }} >
1209
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "315px", left: "249px", width: "28px", height: "134px" }} >
1210
1210
  <span className="k-event-actions"></span>
1211
1211
  <div>
1212
1212
  <div className="k-event-template k-event-time">(11:30 AM - 1:00 PM): Car Service</div>
@@ -1214,7 +1214,7 @@ root.render(
1214
1214
  </div>
1215
1215
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1216
1216
  </div>
1217
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "315px", left: "649px", width: "28px", height: "134px" }} >
1217
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "315px", left: "649px", width: "28px", height: "134px" }} >
1218
1218
  <span className="k-event-actions"></span>
1219
1219
  <div>
1220
1220
  <div className="k-event-template k-event-time">(11:30 AM - 1:00 PM): Car Service</div>
@@ -1238,7 +1238,7 @@ root.render(
1238
1238
  </div>
1239
1239
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1240
1240
  </div>
1241
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "405px", left: "278px", width: "28px", height: "179px" }} >
1241
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "405px", left: "278px", width: "28px", height: "179px" }} >
1242
1242
  <span className="k-event-actions"></span>
1243
1243
  <div>
1244
1244
  <div className="k-event-template k-event-time">(12:45 PM - 2:30 PM): Breakfast with Tom</div>
@@ -1246,7 +1246,7 @@ root.render(
1246
1246
  </div>
1247
1247
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1248
1248
  </div>
1249
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "405px", left: "678px", width: "28px", height: "179px" }} >
1249
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "405px", left: "678px", width: "28px", height: "179px" }} >
1250
1250
  <span className="k-event-actions"></span>
1251
1251
  <div>
1252
1252
  <div className="k-event-template k-event-time">(12:45 PM - 2:30 PM): Breakfast with Tom</div>
@@ -1270,7 +1270,7 @@ root.render(
1270
1270
  </div>
1271
1271
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1272
1272
  </div>
1273
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "765px", left: "249px", width: "28px", height: "44px" }} >
1273
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "765px", left: "249px", width: "28px", height: "44px" }} >
1274
1274
  <span className="k-event-actions"></span>
1275
1275
  <div>
1276
1276
  <div className="k-event-template k-event-time">(4:30 PM - 6:00 PM): Install new laptops in conference rooms</div>
@@ -1278,7 +1278,7 @@ root.render(
1278
1278
  </div>
1279
1279
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1280
1280
  </div>
1281
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "765px", left: "649px", width: "28px", height: "44px" }} >
1281
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "765px", left: "649px", width: "28px", height: "44px" }} >
1282
1282
  <span className="k-event-actions"></span>
1283
1283
  <div>
1284
1284
  <div className="k-event-template k-event-time">(4:30 PM - 6:00 PM): Install new laptops in conference rooms</div>
@@ -1302,7 +1302,7 @@ root.render(
1302
1302
  </div>
1303
1303
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1304
1304
  </div>
1305
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "765px", left: "278px", width: "28px", height: "44px" }} >
1305
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "765px", left: "278px", width: "28px", height: "44px" }} >
1306
1306
  <span className="k-event-actions"></span>
1307
1307
  <div title="Job Interview - Bernard Atkins">
1308
1308
  <div className="k-event-template k-event-time">(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins</div>
@@ -1310,7 +1310,7 @@ root.render(
1310
1310
  </div>
1311
1311
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1312
1312
  </div>
1313
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "765px", left: "678px", width: "28px", height: "44px" }} >
1313
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "765px", left: "678px", width: "28px", height: "44px" }} >
1314
1314
  <span className="k-event-actions"></span>
1315
1315
  <div title="Job Interview - Bernard Atkins">
1316
1316
  <div className="k-event-template k-event-time">(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins</div>
@@ -1334,7 +1334,7 @@ root.render(
1334
1334
  </div>
1335
1335
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1336
1336
  </div>
1337
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "360px", left: "307px", width: "56px", height: "89px" }} >
1337
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "360px", left: "307px", width: "56px", height: "89px" }} >
1338
1338
  <span className="k-event-actions"></span>
1339
1339
  <div>
1340
1340
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Business breakfast with Caroline</div>
@@ -1342,7 +1342,7 @@ root.render(
1342
1342
  </div>
1343
1343
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1344
1344
  </div>
1345
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "360px", left: "707px", width: "56px", height: "89px" }} >
1345
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "360px", left: "707px", width: "56px", height: "89px" }} >
1346
1346
  <span className="k-event-actions"></span>
1347
1347
  <div>
1348
1348
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Business breakfast with Caroline</div>
@@ -1366,7 +1366,7 @@ root.render(
1366
1366
  </div>
1367
1367
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1368
1368
  </div>
1369
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "450px", left: "307px", width: "27.5px", height: "179px" }} >
1369
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "450px", left: "307px", width: "27.5px", height: "179px" }} >
1370
1370
  <span className="k-event-actions"></span>
1371
1371
  <div>
1372
1372
  <div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): Software updates</div>
@@ -1374,7 +1374,7 @@ root.render(
1374
1374
  </div>
1375
1375
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1376
1376
  </div>
1377
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "450px", left: "707px", width: "27.5px", height: "179px" }} >
1377
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "450px", left: "707px", width: "27.5px", height: "179px" }} >
1378
1378
  <span className="k-event-actions"></span>
1379
1379
  <div>
1380
1380
  <div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): Software updates</div>
@@ -1398,7 +1398,7 @@ root.render(
1398
1398
  </div>
1399
1399
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1400
1400
  </div>
1401
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "540px", left: "335.5px", width: "27.5px", height: "44px" }} >
1401
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "540px", left: "335.5px", width: "27.5px", height: "44px" }} >
1402
1402
  <span className="k-event-actions"></span>
1403
1403
  <div title="Discuss projects&apos; deadlines">
1404
1404
  <div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Discuss projects&apos; deadlines</div>
@@ -1406,7 +1406,7 @@ root.render(
1406
1406
  </div>
1407
1407
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1408
1408
  </div>
1409
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "540px", left: "735.5px", width: "27.5px", height: "44px" }} >
1409
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "540px", left: "735.5px", width: "27.5px", height: "44px" }} >
1410
1410
  <span className="k-event-actions"></span>
1411
1411
  <div title="Discuss projects&apos; deadlines">
1412
1412
  <div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Discuss projects&apos; deadlines</div>
@@ -1430,7 +1430,7 @@ root.render(
1430
1430
  </div>
1431
1431
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1432
1432
  </div>
1433
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "630px", left: "307px", width: "56px", height: "89px" }} >
1433
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "630px", left: "307px", width: "56px", height: "89px" }} >
1434
1434
  <span className="k-event-actions"></span>
1435
1435
  <div>
1436
1436
  <div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch with Gregory Watkins</div>
@@ -1438,7 +1438,7 @@ root.render(
1438
1438
  </div>
1439
1439
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1440
1440
  </div>
1441
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "630px", left: "707px", width: "56px", height: "89px" }} >
1441
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "630px", left: "707px", width: "56px", height: "89px" }} >
1442
1442
  <span className="k-event-actions"></span>
1443
1443
  <div>
1444
1444
  <div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch with Gregory Watkins</div>
@@ -1462,7 +1462,7 @@ root.render(
1462
1462
  </div>
1463
1463
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1464
1464
  </div>
1465
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "360px", left: "364px", width: "56px", height: "89px" }} >
1465
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "360px", left: "364px", width: "56px", height: "89px" }} >
1466
1466
  <span className="k-event-actions"></span>
1467
1467
  <div>
1468
1468
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Banking</div>
@@ -1470,7 +1470,7 @@ root.render(
1470
1470
  </div>
1471
1471
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1472
1472
  </div>
1473
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "360px", left: "764px", width: "56px", height: "89px" }} >
1473
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "360px", left: "764px", width: "56px", height: "89px" }} >
1474
1474
  <span className="k-event-actions"></span>
1475
1475
  <div>
1476
1476
  <div className="k-event-template k-event-time">(12:00 PM - 1:00 PM): Banking</div>
@@ -1494,7 +1494,7 @@ root.render(
1494
1494
  </div>
1495
1495
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1496
1496
  </div>
1497
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "585px", left: "364px", width: "56px", height: "44px" }} >
1497
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "585px", left: "364px", width: "56px", height: "44px" }} >
1498
1498
  <span className="k-event-actions"></span>
1499
1499
  <div>
1500
1500
  <div className="k-event-template k-event-time">(2:30 PM - 3:00 PM): Support Call</div>
@@ -1502,7 +1502,7 @@ root.render(
1502
1502
  </div>
1503
1503
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1504
1504
  </div>
1505
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "585px", left: "764px", width: "56px", height: "44px" }} >
1505
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "585px", left: "764px", width: "56px", height: "44px" }} >
1506
1506
  <span className="k-event-actions"></span>
1507
1507
  <div>
1508
1508
  <div className="k-event-template k-event-time">(2:30 PM - 3:00 PM): Support Call</div>
@@ -1526,7 +1526,7 @@ root.render(
1526
1526
  </div>
1527
1527
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1528
1528
  </div>
1529
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "765px", left: "364px", width: "56px", height: "44px" }} >
1529
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "765px", left: "364px", width: "56px", height: "44px" }} >
1530
1530
  <span className="k-event-actions"></span>
1531
1531
  <div>
1532
1532
  <div className="k-event-template k-event-time">(4:30 PM - 5:30 PM): Phone Sync with NY office </div>
@@ -1534,7 +1534,7 @@ root.render(
1534
1534
  </div>
1535
1535
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1536
1536
  </div>
1537
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "765px", left: "764px", width: "56px", height: "44px" }} >
1537
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "765px", left: "764px", width: "56px", height: "44px" }} >
1538
1538
  <span className="k-event-actions"></span>
1539
1539
  <div>
1540
1540
  <div className="k-event-template k-event-time">(4:30 PM - 5:30 PM): Phone Sync with NY office </div>
@@ -1558,7 +1558,7 @@ root.render(
1558
1558
  </div>
1559
1559
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1560
1560
  </div>
1561
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "225px", left: "421px", width: "56px", height: "89px" }} >
1561
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "225px", left: "421px", width: "56px", height: "89px" }} >
1562
1562
  <span className="k-event-actions"></span>
1563
1563
  <div>
1564
1564
  <div className="k-event-template k-event-time">(10:30 AM - 11:30 AM): Website upload</div>
@@ -1566,7 +1566,7 @@ root.render(
1566
1566
  </div>
1567
1567
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1568
1568
  </div>
1569
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "225px", left: "821px", width: "56px", height: "89px" }} >
1569
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "225px", left: "821px", width: "56px", height: "89px" }} >
1570
1570
  <span className="k-event-actions"></span>
1571
1571
  <div>
1572
1572
  <div className="k-event-template k-event-time">(10:30 AM - 11:30 AM): Website upload</div>
@@ -1590,7 +1590,7 @@ root.render(
1590
1590
  </div>
1591
1591
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1592
1592
  </div>
1593
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "315px", left: "421px", width: "56px", height: "89px" }} >
1593
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "315px", left: "421px", width: "56px", height: "89px" }} >
1594
1594
  <span className="k-event-actions"></span>
1595
1595
  <div>
1596
1596
  <div className="k-event-template k-event-time">(11:30 AM - 12:30 PM): Breakfast with CFO and COO</div>
@@ -1598,7 +1598,7 @@ root.render(
1598
1598
  </div>
1599
1599
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1600
1600
  </div>
1601
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "315px", left: "821px", width: "56px", height: "89px" }} >
1601
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "315px", left: "821px", width: "56px", height: "89px" }} >
1602
1602
  <span className="k-event-actions"></span>
1603
1603
  <div>
1604
1604
  <div className="k-event-template k-event-time">(11:30 AM - 12:30 PM): Breakfast with CFO and COO</div>
@@ -1622,7 +1622,7 @@ root.render(
1622
1622
  </div>
1623
1623
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1624
1624
  </div>
1625
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "450px", left: "421px", width: "27.5px", height: "89px" }} >
1625
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "450px", left: "421px", width: "27.5px", height: "89px" }} >
1626
1626
  <span className="k-event-actions"></span>
1627
1627
  <div title="Job Interview - Mathew Stevens">
1628
1628
  <div className="k-event-template k-event-time">(1:00 PM - 2:00 PM): Job Interview - Mathew Stevens</div>
@@ -1630,7 +1630,7 @@ root.render(
1630
1630
  </div>
1631
1631
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1632
1632
  </div>
1633
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "450px", left: "821px", width: "27.5px", height: "89px" }} >
1633
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "450px", left: "821px", width: "27.5px", height: "89px" }} >
1634
1634
  <span className="k-event-actions"></span>
1635
1635
  <div title="Job Interview - Mathew Stevens">
1636
1636
  <div className="k-event-template k-event-time">(1:00 PM - 2:00 PM): Job Interview - Mathew Stevens</div>
@@ -1654,7 +1654,7 @@ root.render(
1654
1654
  </div>
1655
1655
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1656
1656
  </div>
1657
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "495px", left: "449.5px", width: "27.5px", height: "89px" }} >
1657
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "495px", left: "449.5px", width: "27.5px", height: "89px" }} >
1658
1658
  <span className="k-event-actions"></span>
1659
1659
  <div>
1660
1660
  <div className="k-event-template k-event-time">(1:30 PM - 2:30 PM): Helpdesk status meeting</div>
@@ -1662,7 +1662,7 @@ root.render(
1662
1662
  </div>
1663
1663
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1664
1664
  </div>
1665
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "495px", left: "849.5px", width: "27.5px", height: "89px" }} >
1665
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "495px", left: "849.5px", width: "27.5px", height: "89px" }} >
1666
1666
  <span className="k-event-actions"></span>
1667
1667
  <div>
1668
1668
  <div className="k-event-template k-event-time">(1:30 PM - 2:30 PM): Helpdesk status meeting</div>
@@ -1686,7 +1686,7 @@ root.render(
1686
1686
  </div>
1687
1687
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1688
1688
  </div>
1689
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "540px", left: "421px", width: "27.5px", height: "44px" }} >
1689
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "540px", left: "421px", width: "27.5px", height: "44px" }} >
1690
1690
  <span className="k-event-actions"></span>
1691
1691
  <div>
1692
1692
  <div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Review CVs with Tim</div>
@@ -1694,7 +1694,7 @@ root.render(
1694
1694
  </div>
1695
1695
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1696
1696
  </div>
1697
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "540px", left: "821px", width: "27.5px", height: "44px" }} >
1697
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "540px", left: "821px", width: "27.5px", height: "44px" }} >
1698
1698
  <span className="k-event-actions"></span>
1699
1699
  <div>
1700
1700
  <div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Review CVs with Tim</div>
@@ -1718,7 +1718,7 @@ root.render(
1718
1718
  </div>
1719
1719
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1720
1720
  </div>
1721
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "630px", left: "421px", width: "27.5px", height: "134px" }} >
1721
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "630px", left: "421px", width: "27.5px", height: "134px" }} >
1722
1722
  <span className="k-event-actions"></span>
1723
1723
  <div>
1724
1724
  <div className="k-event-template k-event-time">(3:00 PM - 4:30 PM): Lunch with Monica</div>
@@ -1726,7 +1726,7 @@ root.render(
1726
1726
  </div>
1727
1727
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1728
1728
  </div>
1729
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "630px", left: "821px", width: "27.5px", height: "134px" }} >
1729
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "630px", left: "821px", width: "27.5px", height: "134px" }} >
1730
1730
  <span className="k-event-actions"></span>
1731
1731
  <div>
1732
1732
  <div className="k-event-template k-event-time">(3:00 PM - 4:30 PM): Lunch with Monica</div>
@@ -1750,7 +1750,7 @@ root.render(
1750
1750
  </div>
1751
1751
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1752
1752
  </div>
1753
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "630px", left: "449.5px", width: "27.5px", height: "89px" }} >
1753
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "630px", left: "449.5px", width: "27.5px", height: "89px" }} >
1754
1754
  <span className="k-event-actions"></span>
1755
1755
  <div>
1756
1756
  <div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch</div>
@@ -1758,7 +1758,7 @@ root.render(
1758
1758
  </div>
1759
1759
  <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-n"></span><span className="k-resize-handle k-resize-s"></span>
1760
1760
  </div>
1761
- <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'red', backgroundColor: 'red', top: "630px", left: "849.5px", width: "27.5px", height: "89px" }} >
1761
+ <div className="k-event" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "630px", left: "849.5px", width: "27.5px", height: "89px" }} >
1762
1762
  <span className="k-event-actions"></span>
1763
1763
  <div>
1764
1764
  <div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch</div>
package/src/scheduler/tests/scheduler-tooltip.tsx CHANGED
@@ -39,17 +39,17 @@ root.render(
39
39
  </div>
40
40
  <div className="k-tooltip-events-container">
41
41
  <div className="k-tooltip-events">
42
- <div className="k-tooltip-event k-event" style={{ backgroundColor: "#51a0ed", borderColor: "#51a0ed" }} >
42
+ <div className="k-tooltip-event k-event" >
43
43
  <div className="k-event-title k-text-ellipsis">Dance Practice</div>
44
44
  <span className="k-spacer"></span>
45
45
  <span className="k-event-time">6:30 PM</span>
46
46
  </div>
47
- <div className="k-tooltip-event k-event" style={{ backgroundColor: "#56ca85", borderColor: "#56ca85" }} >
47
+ <div className="k-tooltip-event k-event" style={{ backgroundColor: "rgb(17, 134, 64)", borderColor: "rgb(17, 134, 64)" }} >
48
48
  <div className="k-event-title k-text-ellipsis">Helpdesk weekly meeting</div>
49
49
  <span className="k-spacer"></span>
50
50
  <span className="k-event-time">12:30 PM</span>
51
51
  </div>
52
- <div className="k-tooltip-event k-event" style={{ backgroundColor: "#51a0ed", borderColor: "#51a0ed" }} >
52
+ <div className="k-tooltip-event k-event">
53
53
  <div className="k-event-title k-text-ellipsis">Regular Appointment</div>
54
54
  <span className="k-spacer"></span>
55
55
  <span className="k-event-time">13:30 PM</span>