@syncfusion/ej2-schedule 21.2.10 → 22.1.34

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 (98) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +14 -0
  3. package/dist/ej2-schedule.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js +2 -2
  5. package/dist/ej2-schedule.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es2015.js +50 -26
  7. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  8. package/dist/es6/ej2-schedule.es5.js +51 -27
  9. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  10. package/dist/global/ej2-schedule.min.js +2 -2
  11. package/dist/global/ej2-schedule.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +15 -15
  14. package/src/recurrence-editor/recurrence-editor-model.d.ts +8 -1
  15. package/src/recurrence-editor/recurrence-editor.d.ts +17 -0
  16. package/src/recurrence-editor/recurrence-editor.js +7 -4
  17. package/src/schedule/actions/keyboard.js +2 -0
  18. package/src/schedule/base/schedule-model.d.ts +18 -9
  19. package/src/schedule/base/schedule.d.ts +20 -11
  20. package/src/schedule/base/schedule.js +14 -5
  21. package/src/schedule/models/event-settings-model.d.ts +4 -2
  22. package/src/schedule/models/event-settings.d.ts +4 -2
  23. package/src/schedule/models/group-model.d.ts +2 -1
  24. package/src/schedule/models/group.d.ts +2 -1
  25. package/src/schedule/models/header-rows-model.d.ts +2 -1
  26. package/src/schedule/models/header-rows.d.ts +2 -1
  27. package/src/schedule/models/quick-info-templates-model.d.ts +6 -3
  28. package/src/schedule/models/quick-info-templates.d.ts +6 -3
  29. package/src/schedule/models/time-scale-model.d.ts +4 -2
  30. package/src/schedule/models/time-scale.d.ts +4 -2
  31. package/src/schedule/models/views-model.d.ts +18 -9
  32. package/src/schedule/models/views.d.ts +18 -9
  33. package/src/schedule/popups/event-tooltip.js +6 -3
  34. package/src/schedule/popups/event-window.js +18 -14
  35. package/src/schedule/popups/quick-popups.js +3 -1
  36. package/src/schedule/renderer/timeline-view.js +2 -1
  37. package/styles/bootstrap-dark.css +9 -12
  38. package/styles/bootstrap.css +9 -12
  39. package/styles/bootstrap4.css +10 -13
  40. package/styles/bootstrap5-dark.css +9 -12
  41. package/styles/bootstrap5.css +9 -12
  42. package/styles/fabric-dark.css +9 -12
  43. package/styles/fabric.css +9 -12
  44. package/styles/fluent-dark.css +9 -12
  45. package/styles/fluent.css +9 -12
  46. package/styles/highcontrast-light.css +10 -13
  47. package/styles/highcontrast.css +10 -13
  48. package/styles/material-dark.css +9 -12
  49. package/styles/material.css +9 -12
  50. package/styles/material3-dark.css +4597 -0
  51. package/styles/material3-dark.scss +4 -0
  52. package/styles/material3.css +4653 -0
  53. package/styles/material3.scss +4 -0
  54. package/styles/recurrence-editor/_material3-dark-definition.scss +1 -0
  55. package/styles/recurrence-editor/_material3-definition.scss +13 -0
  56. package/styles/recurrence-editor/material3-dark.css +593 -0
  57. package/styles/recurrence-editor/material3-dark.scss +9 -0
  58. package/styles/recurrence-editor/material3.css +649 -0
  59. package/styles/recurrence-editor/material3.scss +9 -0
  60. package/styles/schedule/_bootstrap-dark-definition.scss +3 -2
  61. package/styles/schedule/_bootstrap-definition.scss +3 -2
  62. package/styles/schedule/_bootstrap4-definition.scss +3 -2
  63. package/styles/schedule/_bootstrap5-definition.scss +3 -2
  64. package/styles/schedule/_fabric-dark-definition.scss +3 -2
  65. package/styles/schedule/_fabric-definition.scss +3 -2
  66. package/styles/schedule/_fluent-definition.scss +3 -2
  67. package/styles/schedule/_fusionnew-definition.scss +3 -2
  68. package/styles/schedule/_highcontrast-definition.scss +3 -2
  69. package/styles/schedule/_highcontrast-light-definition.scss +3 -2
  70. package/styles/schedule/_layout.scss +27 -17
  71. package/styles/schedule/_material-dark-definition.scss +3 -2
  72. package/styles/schedule/_material-definition.scss +3 -2
  73. package/styles/schedule/_material3-dark-definition.scss +1 -0
  74. package/styles/schedule/_material3-definition.scss +292 -0
  75. package/styles/schedule/_tailwind-definition.scss +3 -2
  76. package/styles/schedule/_theme.scss +7 -2
  77. package/styles/schedule/bootstrap-dark.css +9 -12
  78. package/styles/schedule/bootstrap.css +9 -12
  79. package/styles/schedule/bootstrap4.css +10 -13
  80. package/styles/schedule/bootstrap5-dark.css +9 -12
  81. package/styles/schedule/bootstrap5.css +9 -12
  82. package/styles/schedule/fabric-dark.css +9 -12
  83. package/styles/schedule/fabric.css +9 -12
  84. package/styles/schedule/fluent-dark.css +9 -12
  85. package/styles/schedule/fluent.css +9 -12
  86. package/styles/schedule/highcontrast-light.css +10 -13
  87. package/styles/schedule/highcontrast.css +10 -13
  88. package/styles/schedule/icons/_material3-dark.scss +1 -0
  89. package/styles/schedule/material-dark.css +9 -12
  90. package/styles/schedule/material.css +9 -12
  91. package/styles/schedule/material3-dark.css +4191 -0
  92. package/styles/schedule/material3-dark.scss +16 -0
  93. package/styles/schedule/material3.css +4247 -0
  94. package/styles/schedule/material3.scss +17 -0
  95. package/styles/schedule/tailwind-dark.css +9 -12
  96. package/styles/schedule/tailwind.css +9 -12
  97. package/styles/tailwind-dark.css +9 -12
  98. package/styles/tailwind.css +9 -12
@@ -1698,20 +1698,13 @@
1698
1698
  }
1699
1699
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1700
1700
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1701
- line-height: 38px;
1701
+ line-height: 26px;
1702
1702
  padding: 0 5px;
1703
1703
  }
1704
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1705
- display: block;
1706
- }
1707
1704
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1708
1705
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1709
- font-size: 10px;
1710
- line-height: 38px;
1711
- padding-right: 7px;
1712
- }
1713
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1714
- padding-right: 5px;
1706
+ line-height: 26px;
1707
+ padding: 0 2px;
1715
1708
  }
1716
1709
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1717
1710
  border: 0;
@@ -2579,9 +2572,9 @@
2579
2572
  height: 38px;
2580
2573
  }
2581
2574
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2582
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2575
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2583
2576
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2584
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2577
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2585
2578
  font-size: 16px;
2586
2579
  }
2587
2580
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2598,6 +2591,10 @@
2598
2591
  .e-bigger.e-schedule .e-month-view .e-m-day {
2599
2592
  font-size: 14px;
2600
2593
  }
2594
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2595
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2596
+ min-width: 306px;
2597
+ }
2601
2598
 
2602
2599
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2603
2600
  border: 1px solid rgba(41, 40, 39, 0.5);
package/styles/fluent.css CHANGED
@@ -1698,20 +1698,13 @@
1698
1698
  }
1699
1699
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1700
1700
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1701
- line-height: 38px;
1701
+ line-height: 26px;
1702
1702
  padding: 0 5px;
1703
1703
  }
1704
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1705
- display: block;
1706
- }
1707
1704
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1708
1705
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1709
- font-size: 10px;
1710
- line-height: 38px;
1711
- padding-right: 7px;
1712
- }
1713
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1714
- padding-right: 5px;
1706
+ line-height: 26px;
1707
+ padding: 0 2px;
1715
1708
  }
1716
1709
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1717
1710
  border: 0;
@@ -2579,9 +2572,9 @@
2579
2572
  height: 38px;
2580
2573
  }
2581
2574
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2582
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2575
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2583
2576
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2584
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2577
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2585
2578
  font-size: 16px;
2586
2579
  }
2587
2580
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2598,6 +2591,10 @@
2598
2591
  .e-bigger.e-schedule .e-month-view .e-m-day {
2599
2592
  font-size: 14px;
2600
2593
  }
2594
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2595
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2596
+ min-width: 306px;
2597
+ }
2601
2598
 
2602
2599
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2603
2600
  border: 1px solid rgba(237, 235, 233, 0.5);
@@ -1712,20 +1712,13 @@
1712
1712
  }
1713
1713
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1714
1714
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1715
- line-height: 38px;
1715
+ line-height: 22px;
1716
1716
  padding: 0 5px;
1717
1717
  }
1718
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1719
- display: block;
1720
- }
1721
1718
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1722
1719
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1723
- font-size: 10px;
1724
- line-height: 38px;
1725
- padding-right: 7px;
1726
- }
1727
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1728
- padding-right: 5px;
1720
+ line-height: 22px;
1721
+ padding: 0 2px;
1729
1722
  }
1730
1723
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1731
1724
  border: 0;
@@ -2593,9 +2586,9 @@
2593
2586
  height: 35px;
2594
2587
  }
2595
2588
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2596
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2589
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2597
2590
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2598
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2591
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2599
2592
  font-size: 14px;
2600
2593
  }
2601
2594
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2612,6 +2605,10 @@
2612
2605
  .e-bigger.e-schedule .e-month-view .e-m-day {
2613
2606
  font-size: 14px;
2614
2607
  }
2608
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2609
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2610
+ min-width: 306px;
2611
+ }
2615
2612
 
2616
2613
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2617
2614
  border: 1px solid #fff;
@@ -3840,7 +3837,7 @@
3840
3837
  border-top: 1px solid #400074;
3841
3838
  }
3842
3839
  .e-schedule .e-vertical-view .e-previous-timeline {
3843
- border-top: 1px dotted #400074;
3840
+ border-top: 1px dashed #400074;
3844
3841
  }
3845
3842
  .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
3846
3843
  border-bottom-width: 1px;
@@ -1716,20 +1716,13 @@
1716
1716
  }
1717
1717
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1718
1718
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1719
- line-height: 38px;
1719
+ line-height: 22px;
1720
1720
  padding: 0 5px;
1721
1721
  }
1722
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1723
- display: block;
1724
- }
1725
1722
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1726
1723
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1727
- font-size: 10px;
1728
- line-height: 38px;
1729
- padding-right: 7px;
1730
- }
1731
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1732
- padding-right: 5px;
1724
+ line-height: 22px;
1725
+ padding: 0 2px;
1733
1726
  }
1734
1727
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1735
1728
  border: 0;
@@ -2597,9 +2590,9 @@
2597
2590
  height: 35px;
2598
2591
  }
2599
2592
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2600
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2593
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2601
2594
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2602
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2595
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2603
2596
  font-size: 14px;
2604
2597
  }
2605
2598
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2616,6 +2609,10 @@
2616
2609
  .e-bigger.e-schedule .e-month-view .e-m-day {
2617
2610
  font-size: 14px;
2618
2611
  }
2612
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2613
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2614
+ min-width: 306px;
2615
+ }
2619
2616
 
2620
2617
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2621
2618
  border: 1px solid #fff;
@@ -3844,7 +3841,7 @@
3844
3841
  border-top: 1px solid #ffd939;
3845
3842
  }
3846
3843
  .e-schedule .e-vertical-view .e-previous-timeline {
3847
- border-top: 1px dotted #ffd939;
3844
+ border-top: 1px dashed #ffd939;
3848
3845
  }
3849
3846
  .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
3850
3847
  border-bottom-width: 1px;
@@ -1657,20 +1657,13 @@
1657
1657
  }
1658
1658
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1659
1659
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1660
- line-height: 38px;
1660
+ line-height: 22px;
1661
1661
  padding: 0 5px;
1662
1662
  }
1663
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1664
- display: block;
1665
- }
1666
1663
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1667
1664
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1668
- font-size: 10px;
1669
- line-height: 38px;
1670
- padding-right: 7px;
1671
- }
1672
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1673
- padding-right: 5px;
1665
+ line-height: 22px;
1666
+ padding: 0 2px;
1674
1667
  }
1675
1668
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1676
1669
  border: 0;
@@ -2538,9 +2531,9 @@
2538
2531
  height: 35px;
2539
2532
  }
2540
2533
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2541
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2534
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2542
2535
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2543
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2536
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2544
2537
  font-size: 14px;
2545
2538
  }
2546
2539
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2557,6 +2550,10 @@
2557
2550
  .e-bigger.e-schedule .e-month-view .e-m-day {
2558
2551
  font-size: 14px;
2559
2552
  }
2553
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2554
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2555
+ min-width: 306px;
2556
+ }
2560
2557
 
2561
2558
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2562
2559
  border: 1px solid #fff;
@@ -1693,20 +1693,13 @@
1693
1693
  }
1694
1694
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1695
1695
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1696
- line-height: 38px;
1696
+ line-height: 22px;
1697
1697
  padding: 0 5px;
1698
1698
  }
1699
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1700
- display: block;
1701
- }
1702
1699
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1703
1700
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1704
- font-size: 10px;
1705
- line-height: 38px;
1706
- padding-right: 7px;
1707
- }
1708
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1709
- padding-right: 5px;
1701
+ line-height: 22px;
1702
+ padding: 0 2px;
1710
1703
  }
1711
1704
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1712
1705
  border: 0;
@@ -2574,9 +2567,9 @@
2574
2567
  height: 35px;
2575
2568
  }
2576
2569
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2577
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2570
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2578
2571
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2579
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2572
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2580
2573
  font-size: 14px;
2581
2574
  }
2582
2575
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2593,6 +2586,10 @@
2593
2586
  .e-bigger.e-schedule .e-month-view .e-m-day {
2594
2587
  font-size: 14px;
2595
2588
  }
2589
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2590
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2591
+ min-width: 306px;
2592
+ }
2596
2593
 
2597
2594
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2598
2595
  border: 1px solid rgba(0, 0, 0, 0.5);