@progress/kendo-themes-html 8.0.0-dev.3 → 8.0.0-dev.4

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 (190) hide show
  1. package/dist/cjs/scheduler/scheduler-body.spec.js +52 -0
  2. package/dist/cjs/scheduler/scheduler-cell.spec.js +75 -0
  3. package/dist/cjs/scheduler/scheduler-content.spec.js +46 -0
  4. package/dist/cjs/scheduler/scheduler-event.spec.js +4433 -0
  5. package/dist/cjs/scheduler/scheduler-group.spec.js +66 -0
  6. package/dist/cjs/scheduler/scheduler-head.spec.js +52 -0
  7. package/dist/cjs/scheduler/scheduler-header.spec.js +46 -0
  8. package/dist/cjs/scheduler/scheduler-row.spec.js +46 -0
  9. package/dist/cjs/scheduler/scheduler-sticky-cell.spec.js +46 -0
  10. package/dist/cjs/scheduler/scheduler-table.spec.js +46 -0
  11. package/dist/cjs/scheduler/scheduler-task.spec.js +4372 -0
  12. package/dist/cjs/scheduler/scheduler-times.spec.js +46 -0
  13. package/dist/cjs/scheduler/{tests/scheduler-jquery-agenda.js → scheduler-toolbar.spec.js} +38 -94
  14. package/dist/cjs/scheduler/scheduler-view.spec.js +65 -0
  15. package/dist/cjs/scheduler/scheduler.spec.js +113 -0
  16. package/dist/cjs/scheduler/templates/scheduler-agenda.js +8541 -0
  17. package/dist/cjs/scheduler/{tests/scheduler-angular-month-rtl.js → templates/scheduler-day.js} +1324 -987
  18. package/dist/cjs/scheduler/{tests/scheduler-angular-agenda.js → templates/scheduler-flex-agenda.js} +1272 -985
  19. package/dist/cjs/scheduler/{tests/scheduler-angular-month.js → templates/scheduler-flex-day.js} +1274 -972
  20. package/dist/cjs/scheduler/templates/scheduler-flex-horizontal-grouping.js +8560 -0
  21. package/dist/cjs/scheduler/{tests/scheduler-jquery-month.js → templates/scheduler-flex-month.js} +1294 -969
  22. package/dist/cjs/scheduler/{tests/scheduler-angular-agenda-rtl.js → templates/scheduler-flex-timeline.js} +1291 -988
  23. package/dist/cjs/scheduler/{tests/scheduler-react-agenda.js → templates/scheduler-flex-vertical-grouping.js} +1470 -1100
  24. package/dist/cjs/scheduler/templates/scheduler-flex-week.js +8597 -0
  25. package/dist/cjs/scheduler/templates/scheduler-horizontal-grouping.js +8640 -0
  26. package/dist/cjs/scheduler/templates/scheduler-month.js +8577 -0
  27. package/dist/cjs/scheduler/templates/scheduler-timeline.js +8543 -0
  28. package/dist/cjs/scheduler/{tests/scheduler-angular-day-rtl.js → templates/scheduler-vertical-grouping.js} +1345 -1017
  29. package/dist/cjs/scheduler/{tests/scheduler-angular.js → templates/scheduler-week.js} +1372 -1126
  30. package/dist/cjs/scheduler/tests/scheduler-agenda-view.js +8638 -0
  31. package/dist/cjs/scheduler/tests/{scheduler.js → scheduler-current-time-marker.js} +1045 -459
  32. package/dist/cjs/scheduler/tests/scheduler-day-view.js +8653 -0
  33. package/dist/cjs/scheduler/tests/scheduler-events.js +9006 -0
  34. package/dist/cjs/scheduler/tests/scheduler-month-view.js +8700 -0
  35. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +1724 -1481
  36. package/dist/cjs/scheduler/tests/scheduler-timeline-view.js +8656 -0
  37. package/dist/cjs/scheduler/tests/{scheduler-angular-rtl.js → scheduler-week-view.js} +1558 -1139
  38. package/dist/cjs/scheduler/tests/{scheduler-react-timeline.js → scheduler-year-view.js} +1203 -601
  39. package/dist/esm/scheduler/scheduler-body.spec.mjs +30 -0
  40. package/dist/esm/scheduler/scheduler-cell.spec.mjs +53 -0
  41. package/dist/esm/scheduler/scheduler-content.spec.mjs +24 -0
  42. package/dist/esm/scheduler/scheduler-event.spec.mjs +4417 -0
  43. package/dist/esm/scheduler/scheduler-group.spec.mjs +44 -0
  44. package/dist/esm/scheduler/scheduler-head.spec.mjs +30 -0
  45. package/dist/esm/scheduler/scheduler-header.spec.mjs +24 -0
  46. package/dist/esm/scheduler/scheduler-row.spec.mjs +24 -0
  47. package/dist/esm/scheduler/scheduler-sticky-cell.spec.mjs +24 -0
  48. package/dist/esm/scheduler/scheduler-table.spec.mjs +24 -0
  49. package/dist/esm/scheduler/scheduler-task.spec.mjs +4356 -0
  50. package/dist/esm/scheduler/scheduler-times.spec.mjs +24 -0
  51. package/dist/esm/scheduler/{tests/scheduler-jquery-agenda.mjs → scheduler-toolbar.spec.mjs} +34 -90
  52. package/dist/esm/scheduler/scheduler-view.spec.mjs +43 -0
  53. package/dist/esm/scheduler/scheduler.spec.mjs +91 -0
  54. package/dist/esm/scheduler/templates/scheduler-agenda.mjs +8525 -0
  55. package/dist/esm/scheduler/{tests/scheduler-jquery-month.mjs → templates/scheduler-day.mjs} +1318 -984
  56. package/dist/esm/scheduler/{tests/scheduler-angular-agenda.mjs → templates/scheduler-flex-agenda.mjs} +1268 -981
  57. package/dist/esm/scheduler/{tests/scheduler-angular-month-rtl.mjs → templates/scheduler-flex-day.mjs} +1270 -968
  58. package/dist/esm/scheduler/templates/scheduler-flex-horizontal-grouping.mjs +8544 -0
  59. package/dist/esm/scheduler/{tests/scheduler-angular-day-rtl.mjs → templates/scheduler-flex-month.mjs} +1293 -997
  60. package/dist/esm/scheduler/{tests/scheduler-angular-month.mjs → templates/scheduler-flex-timeline.mjs} +1286 -968
  61. package/dist/esm/scheduler/{tests/scheduler-react-agenda.mjs → templates/scheduler-flex-vertical-grouping.mjs} +1466 -1096
  62. package/dist/esm/scheduler/templates/scheduler-flex-week.mjs +8581 -0
  63. package/dist/esm/scheduler/{tests/scheduler-angular.mjs → templates/scheduler-horizontal-grouping.mjs} +1376 -1121
  64. package/dist/esm/scheduler/templates/scheduler-month.mjs +8561 -0
  65. package/dist/esm/scheduler/{tests/scheduler-angular-agenda-rtl.mjs → templates/scheduler-timeline.mjs} +1386 -1077
  66. package/dist/esm/scheduler/templates/scheduler-vertical-grouping.mjs +8563 -0
  67. package/dist/esm/scheduler/{tests/scheduler-angular-rtl.mjs → templates/scheduler-week.mjs} +1368 -1122
  68. package/dist/esm/scheduler/tests/scheduler-agenda-view.mjs +8622 -0
  69. package/dist/esm/scheduler/tests/{scheduler.mjs → scheduler-current-time-marker.mjs} +1041 -455
  70. package/dist/esm/scheduler/tests/scheduler-day-view.mjs +8637 -0
  71. package/dist/esm/scheduler/tests/scheduler-events.mjs +8990 -0
  72. package/dist/esm/scheduler/tests/scheduler-month-view.mjs +8684 -0
  73. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.mjs +1724 -1481
  74. package/dist/esm/scheduler/tests/scheduler-timeline-view.mjs +8640 -0
  75. package/dist/esm/scheduler/tests/scheduler-week-view.mjs +8788 -0
  76. package/dist/esm/scheduler/tests/{scheduler-react-timeline.mjs → scheduler-year-view.mjs} +1199 -597
  77. package/dist/types/scheduler/index.d.ts +30 -0
  78. package/dist/types/scheduler/scheduler-body.spec.d.ts +5 -0
  79. package/dist/types/scheduler/scheduler-cell.spec.d.ts +19 -0
  80. package/dist/types/scheduler/scheduler-content.spec.d.ts +1 -0
  81. package/dist/types/scheduler/scheduler-event.spec.d.ts +24 -0
  82. package/dist/types/scheduler/scheduler-group.spec.d.ts +13 -0
  83. package/dist/types/scheduler/scheduler-head.spec.d.ts +5 -0
  84. package/dist/types/scheduler/scheduler-header.spec.d.ts +1 -0
  85. package/dist/types/scheduler/scheduler-row.spec.d.ts +1 -0
  86. package/dist/types/scheduler/scheduler-sticky-cell.spec.d.ts +1 -0
  87. package/dist/types/scheduler/scheduler-table.spec.d.ts +2 -0
  88. package/dist/types/scheduler/scheduler-task.spec.d.ts +19 -0
  89. package/dist/types/scheduler/scheduler-times.spec.d.ts +1 -0
  90. package/dist/types/scheduler/scheduler-toolbar.spec.d.ts +5 -0
  91. package/dist/types/scheduler/scheduler-view.spec.d.ts +15 -0
  92. package/dist/types/scheduler/scheduler.spec.d.ts +15 -0
  93. package/dist/types/scheduler/templates/scheduler-agenda.d.ts +1 -0
  94. package/dist/types/scheduler/templates/scheduler-day.d.ts +1 -0
  95. package/dist/types/scheduler/templates/scheduler-flex-agenda.d.ts +1 -0
  96. package/dist/types/scheduler/templates/scheduler-flex-day.d.ts +1 -0
  97. package/dist/types/scheduler/templates/scheduler-flex-horizontal-grouping.d.ts +1 -0
  98. package/dist/types/scheduler/templates/scheduler-flex-month.d.ts +1 -0
  99. package/dist/types/scheduler/templates/scheduler-flex-timeline.d.ts +1 -0
  100. package/dist/types/scheduler/templates/scheduler-flex-vertical-grouping.d.ts +1 -0
  101. package/dist/types/scheduler/templates/scheduler-flex-week.d.ts +1 -0
  102. package/dist/types/scheduler/templates/scheduler-horizontal-grouping.d.ts +1 -0
  103. package/dist/types/scheduler/templates/scheduler-month.d.ts +1 -0
  104. package/dist/types/scheduler/templates/scheduler-timeline.d.ts +1 -0
  105. package/dist/types/scheduler/templates/scheduler-vertical-grouping.d.ts +1 -0
  106. package/dist/types/scheduler/templates/scheduler-week.d.ts +1 -0
  107. package/package.json +2 -2
  108. package/src/scheduler/index.ts +30 -0
  109. package/src/scheduler/scheduler-body.spec.tsx +25 -0
  110. package/src/scheduler/scheduler-cell.spec.tsx +68 -0
  111. package/src/scheduler/scheduler-content.spec.tsx +17 -0
  112. package/src/scheduler/scheduler-event.spec.tsx +105 -0
  113. package/src/scheduler/scheduler-group.spec.tsx +47 -0
  114. package/src/scheduler/scheduler-head.spec.tsx +25 -0
  115. package/src/scheduler/scheduler-header.spec.tsx +19 -0
  116. package/src/scheduler/scheduler-row.spec.tsx +17 -0
  117. package/src/scheduler/scheduler-sticky-cell.spec.tsx +18 -0
  118. package/src/scheduler/scheduler-table.spec.tsx +18 -0
  119. package/src/scheduler/scheduler-task.spec.tsx +60 -0
  120. package/src/scheduler/scheduler-times.spec.tsx +17 -0
  121. package/src/scheduler/scheduler-toolbar.spec.tsx +50 -0
  122. package/src/scheduler/scheduler-view.spec.tsx +47 -0
  123. package/src/scheduler/scheduler.spec.tsx +60 -0
  124. package/src/scheduler/templates/scheduler-agenda.tsx +123 -0
  125. package/src/scheduler/templates/scheduler-day.tsx +228 -0
  126. package/src/scheduler/templates/scheduler-flex-agenda.tsx +131 -0
  127. package/src/scheduler/templates/scheduler-flex-day.tsx +153 -0
  128. package/src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx +336 -0
  129. package/src/scheduler/templates/scheduler-flex-month.tsx +156 -0
  130. package/src/scheduler/templates/scheduler-flex-timeline.tsx +114 -0
  131. package/src/scheduler/templates/scheduler-flex-vertical-grouping.tsx +345 -0
  132. package/src/scheduler/templates/scheduler-flex-week.tsx +210 -0
  133. package/src/scheduler/templates/scheduler-horizontal-grouping.tsx +265 -0
  134. package/src/scheduler/templates/scheduler-month.tsx +166 -0
  135. package/src/scheduler/templates/scheduler-timeline.tsx +116 -0
  136. package/src/scheduler/templates/scheduler-vertical-grouping.tsx +312 -0
  137. package/src/scheduler/templates/scheduler-week.tsx +268 -0
  138. package/src/scheduler/tests/scheduler-agenda-view.tsx +13 -0
  139. package/src/scheduler/tests/scheduler-current-time-marker.tsx +572 -0
  140. package/src/scheduler/tests/scheduler-day-view.tsx +13 -0
  141. package/src/scheduler/tests/scheduler-events.tsx +511 -0
  142. package/src/scheduler/tests/scheduler-month-view.tsx +13 -0
  143. package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +661 -665
  144. package/src/scheduler/tests/scheduler-timeline-view.tsx +13 -0
  145. package/src/scheduler/tests/scheduler-week-view.tsx +13 -0
  146. package/src/scheduler/tests/scheduler-year-view.tsx +2399 -0
  147. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +0 -8222
  148. package/dist/cjs/scheduler/tests/scheduler-react-day.js +0 -8936
  149. package/dist/cjs/scheduler/tests/scheduler-react-month.js +0 -9739
  150. package/dist/cjs/scheduler/tests/scheduler-react-week.js +0 -9752
  151. package/dist/cjs/scheduler/tests/scheduler-year.js +0 -8906
  152. package/dist/esm/scheduler/tests/scheduler-flex-layout.mjs +0 -8206
  153. package/dist/esm/scheduler/tests/scheduler-react-day.mjs +0 -8920
  154. package/dist/esm/scheduler/tests/scheduler-react-month.mjs +0 -9723
  155. package/dist/esm/scheduler/tests/scheduler-react-week.mjs +0 -9736
  156. package/dist/esm/scheduler/tests/scheduler-year.mjs +0 -8890
  157. package/dist/types/scheduler/tests/scheduler-jquery-agenda.d.ts +0 -2
  158. package/dist/types/scheduler/tests/scheduler-jquery-month.d.ts +0 -2
  159. package/dist/types/scheduler/tests/scheduler-react-agenda.d.ts +0 -2
  160. package/dist/types/scheduler/tests/scheduler-react-day.d.ts +0 -2
  161. package/dist/types/scheduler/tests/scheduler-react-month.d.ts +0 -2
  162. package/dist/types/scheduler/tests/scheduler-react-timeline.d.ts +0 -2
  163. package/dist/types/scheduler/tests/scheduler-react-week.d.ts +0 -2
  164. package/dist/types/scheduler/tests/scheduler-year.d.ts +0 -2
  165. package/dist/types/scheduler/tests/scheduler.d.ts +0 -2
  166. package/src/scheduler/tests/scheduler-angular-agenda-rtl.tsx +0 -300
  167. package/src/scheduler/tests/scheduler-angular-agenda.tsx +0 -300
  168. package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +0 -254
  169. package/src/scheduler/tests/scheduler-angular-month-rtl.tsx +0 -292
  170. package/src/scheduler/tests/scheduler-angular-month.tsx +0 -292
  171. package/src/scheduler/tests/scheduler-angular-rtl.tsx +0 -386
  172. package/src/scheduler/tests/scheduler-angular.tsx +0 -386
  173. package/src/scheduler/tests/scheduler-flex-layout.tsx +0 -492
  174. package/src/scheduler/tests/scheduler-jquery-agenda.tsx +0 -118
  175. package/src/scheduler/tests/scheduler-jquery-month.tsx +0 -306
  176. package/src/scheduler/tests/scheduler-react-agenda.tsx +0 -336
  177. package/src/scheduler/tests/scheduler-react-day.tsx +0 -1037
  178. package/src/scheduler/tests/scheduler-react-month.tsx +0 -1380
  179. package/src/scheduler/tests/scheduler-react-timeline.tsx +0 -669
  180. package/src/scheduler/tests/scheduler-react-week.tsx +0 -1786
  181. package/src/scheduler/tests/scheduler-year.tsx +0 -2383
  182. package/src/scheduler/tests/scheduler.tsx +0 -656
  183. /package/dist/types/scheduler/tests/{scheduler-angular-agenda-rtl.d.ts → scheduler-agenda-view.d.ts} +0 -0
  184. /package/dist/types/scheduler/tests/{scheduler-angular-agenda.d.ts → scheduler-current-time-marker.d.ts} +0 -0
  185. /package/dist/types/scheduler/tests/{scheduler-angular-day-rtl.d.ts → scheduler-day-view.d.ts} +0 -0
  186. /package/dist/types/scheduler/tests/{scheduler-angular-month-rtl.d.ts → scheduler-events.d.ts} +0 -0
  187. /package/dist/types/scheduler/tests/{scheduler-angular-month.d.ts → scheduler-month-view.d.ts} +0 -0
  188. /package/dist/types/scheduler/tests/{scheduler-angular-rtl.d.ts → scheduler-timeline-view.d.ts} +0 -0
  189. /package/dist/types/scheduler/tests/{scheduler-angular.d.ts → scheduler-week-view.d.ts} +0 -0
  190. /package/dist/types/scheduler/tests/{scheduler-flex-layout.d.ts → scheduler-year-view.d.ts} +0 -0
package/src/scheduler/tests/scheduler-year-view.tsx ADDED
@@ -0,0 +1,2399 @@
1
+ import { Button } from '../../button';
2
+ import { ButtonGroup } from '../../button-group';
3
+ import { Toolbar } from '../../toolbar';
4
+ import { Scheduler } from '../../scheduler';
5
+
6
+ const styles = `
7
+ .k-scheduler-body {
8
+ height: 500px;
9
+ overflow: auto;
10
+ }
11
+ `;
12
+
13
+
14
+ export default () =>(
15
+ <>
16
+ <style>{styles}</style>
17
+ <div id="test-area" className="k-d-grid k-grid-cols-1">
18
+ <Scheduler
19
+ layout="flex"
20
+ view="year"
21
+ toolbar={
22
+ <>
23
+ <Toolbar className="k-scheduler-toolbar">
24
+ <ButtonGroup className="k-scheduler-navigation">
25
+ <Button className="k-group-start">Today</Button>
26
+ <Button icon="caret-alt-left"></Button>
27
+ <Button className="k-group-end" icon="caret-alt-right"></Button>
28
+ </ButtonGroup>
29
+ <Button icon="calendar" className="k-nav-current" fillMode="flat">
30
+ 2021
31
+ </Button>
32
+ <span className="k-spacer"></span>
33
+ <ButtonGroup className="k-scheduler-views">
34
+ <Button className="k-group-start">Day</Button>
35
+ <Button>Week</Button>
36
+ <Button>Month</Button>
37
+ <Button className="k-group-end" selected>Year</Button>
38
+ </ButtonGroup>
39
+ </Toolbar>
40
+ </>
41
+ }
42
+ children={
43
+ <>
44
+ <div className="k-scheduler-body">
45
+ <div className="k-calendar k-calendar-md k-calendar-range">
46
+ <div className="k-calendar-header k-hstack k-hidden">
47
+ <Button fillMode="flat" className="k-calendar-title k-title">January 2020 - December 2020</Button>
48
+ <span className="k-spacer"></span>
49
+ <span className="k-calendar-nav k-hstack">
50
+ <Button fillMode="flat" className="k-prev-view" icon="caret-alt-left"></Button>
51
+ <Button fillMode="flat" className="k-next-view" icon="caret-alt-right"></Button>
52
+ </span>
53
+ </div>
54
+ <div className="k-calendar-view k-calendar-monthview k-hstack k-align-items-start k-justify-content-center">
55
+ <table className="k-calendar-table k-month">
56
+ <caption className="k-calendar-caption k-month-header">
57
+ January 2020
58
+ </caption>
59
+ <thead className="k-calendar-thead">
60
+ <tr className="k-calendar-tr">
61
+ <th className="k-calendar-th">Su</th>
62
+ <th className="k-calendar-th">Mo</th>
63
+ <th className="k-calendar-th">Tu</th>
64
+ <th className="k-calendar-th">We</th>
65
+ <th className="k-calendar-th">Th</th>
66
+ <th className="k-calendar-th">Fr</th>
67
+ <th className="k-calendar-th">Sa</th>
68
+ </tr>
69
+ </thead>
70
+ <tbody className="k-calendar-tbody">
71
+ <tr className="k-calendar-tr">
72
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
73
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
74
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
75
+ <td className="k-calendar-td">
76
+ <span className="k-link">
77
+ <span className="k-day">1</span>
78
+ <span className="k-day-indicator"></span>
79
+ </span>
80
+ </td>
81
+ <td className="k-calendar-td">
82
+ <span className="k-link">
83
+ <span className="k-day">2</span>
84
+ <span className="k-day-indicator"></span>
85
+ </span>
86
+ </td>
87
+ <td className="k-calendar-td">
88
+ <span className="k-link">
89
+ <span className="k-day">3</span>
90
+ <span className="k-day-indicator"></span>
91
+ </span>
92
+ </td>
93
+ <td className="k-calendar-td k-weekend">
94
+ <span className="k-link">
95
+ <span className="k-day">4</span>
96
+ </span>
97
+ </td>
98
+ </tr>
99
+ <tr className="k-calendar-tr">
100
+ <td className="k-calendar-td k-weekend">
101
+ <span className="k-link">
102
+ <span className="k-day">5</span>
103
+ <span className="k-day-indicator"></span>
104
+ </span>
105
+ </td>
106
+ <td className="k-calendar-td">
107
+ <span className="k-link">
108
+ <span className="k-day">6</span>
109
+ </span>
110
+ </td>
111
+ <td className="k-calendar-td">
112
+ <span className="k-link">
113
+ <span className="k-day">7</span>
114
+ </span>
115
+ </td>
116
+ <td className="k-calendar-td">
117
+ <span className="k-link">
118
+ <span className="k-day">8</span>
119
+ <span className="k-day-indicator"></span>
120
+ </span>
121
+ </td>
122
+ <td className="k-calendar-td">
123
+ <span className="k-link">
124
+ <span className="k-day">9</span>
125
+ </span>
126
+ </td>
127
+ <td className="k-calendar-td">
128
+ <span className="k-link">
129
+ <span className="k-day">10</span>
130
+ </span>
131
+ </td>
132
+ <td className="k-calendar-td k-weekend">
133
+ <span className="k-link">
134
+ <span className="k-day">11</span>
135
+ </span>
136
+ </td>
137
+ </tr>
138
+ <tr className="k-calendar-tr">
139
+ <td className="k-calendar-td k-weekend">
140
+ <span className="k-link">
141
+ <span className="k-day">12</span>
142
+ </span>
143
+ </td>
144
+ <td className="k-calendar-td">
145
+ <span className="k-link">
146
+ <span className="k-day">13</span>
147
+ <span className="k-day-indicator"></span>
148
+ </span>
149
+ </td>
150
+ <td className="k-calendar-td">
151
+ <span className="k-link">
152
+ <span className="k-day">14</span>
153
+ </span>
154
+ </td>
155
+ <td className="k-calendar-td">
156
+ <span className="k-link">
157
+ <span className="k-day">15</span>
158
+ </span>
159
+ </td>
160
+ <td className="k-calendar-td">
161
+ <span className="k-link">
162
+ <span className="k-day">16</span>
163
+ </span>
164
+ </td>
165
+ <td className="k-calendar-td">
166
+ <span className="k-link">
167
+ <span className="k-day">17</span>
168
+ </span>
169
+ </td>
170
+ <td className="k-calendar-td k-weekend">
171
+ <span className="k-link">
172
+ <span className="k-day">18</span>
173
+ </span>
174
+ </td>
175
+ </tr>
176
+ <tr className="k-calendar-tr">
177
+ <td className="k-calendar-td k-weekend">
178
+ <span className="k-link">
179
+ <span className="k-day">19</span>
180
+ </span>
181
+ </td>
182
+ <td className="k-calendar-td">
183
+ <span className="k-link">
184
+ <span className="k-day">20</span>
185
+ </span>
186
+ </td>
187
+ <td className="k-calendar-td">
188
+ <span className="k-link">
189
+ <span className="k-day">21</span>
190
+ <span className="k-day-indicator"></span>
191
+ </span>
192
+ </td>
193
+ <td className="k-calendar-td">
194
+ <span className="k-link">
195
+ <span className="k-day">22</span>
196
+ </span>
197
+ </td>
198
+ <td className="k-calendar-td">
199
+ <span className="k-link">
200
+ <span className="k-day">23</span>
201
+ </span>
202
+ </td>
203
+ <td className="k-calendar-td">
204
+ <span className="k-link">
205
+ <span className="k-day">24</span>
206
+ </span>
207
+ </td>
208
+ <td className="k-calendar-td k-weekend">
209
+ <span className="k-link">
210
+ <span className="k-day">25</span>
211
+ </span>
212
+ </td>
213
+ </tr>
214
+ <tr className="k-calendar-tr">
215
+ <td className="k-calendar-td k-weekend">
216
+ <span className="k-link">
217
+ <span className="k-day">26</span>
218
+ </span>
219
+ </td>
220
+ <td className="k-calendar-td">
221
+ <span className="k-link">
222
+ <span className="k-day">27</span>
223
+ </span>
224
+ </td>
225
+ <td className="k-calendar-td">
226
+ <span className="k-link">
227
+ <span className="k-day">28</span>
228
+ </span>
229
+ </td>
230
+ <td className="k-calendar-td">
231
+ <span className="k-link">
232
+ <span className="k-day">29</span>
233
+ </span>
234
+ </td>
235
+ <td className="k-calendar-td">
236
+ <span className="k-link">
237
+ <span className="k-day">30</span>
238
+ </span>
239
+ </td>
240
+ <td className="k-calendar-td">
241
+ <span className="k-link">
242
+ <span className="k-day">31</span>
243
+ <span className="k-day-indicator"></span>
244
+ </span>
245
+ </td>
246
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
247
+ </tr>
248
+ <tr className="k-calendar-tr">
249
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
250
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
251
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
252
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
253
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
254
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
255
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
256
+ </tr>
257
+ </tbody>
258
+ </table>
259
+ <table className="k-calendar-table k-month">
260
+ <caption className="k-calendar-caption k-month-header">
261
+ February 2020
262
+ </caption>
263
+ <thead className="k-calendar-thead">
264
+ <tr className="k-calendar-tr">
265
+ <th className="k-calendar-th">Su</th>
266
+ <th className="k-calendar-th">Mo</th>
267
+ <th className="k-calendar-th">Tu</th>
268
+ <th className="k-calendar-th">We</th>
269
+ <th className="k-calendar-th">Th</th>
270
+ <th className="k-calendar-th">Fr</th>
271
+ <th className="k-calendar-th">Sa</th>
272
+ </tr>
273
+ </thead>
274
+ <tbody className="k-calendar-tbody">
275
+ <tr className="k-calendar-tr">
276
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
277
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
278
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
279
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
280
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
281
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
282
+ <td className="k-calendar-td k-weekend">
283
+ <span className="k-link">
284
+ <span className="k-day">1</span>
285
+ </span>
286
+ </td>
287
+ </tr>
288
+ <tr className="k-calendar-tr">
289
+ <td className="k-calendar-td k-weekend">
290
+ <span className="k-link">
291
+ <span className="k-day">2</span>
292
+ </span>
293
+ </td>
294
+ <td className="k-calendar-td">
295
+ <span className="k-link">
296
+ <span className="k-day">3</span>
297
+ </span>
298
+ </td>
299
+ <td className="k-calendar-td">
300
+ <span className="k-link">
301
+ <span className="k-day">4</span>
302
+ </span>
303
+ </td>
304
+ <td className="k-calendar-td">
305
+ <span className="k-link">
306
+ <span className="k-day">5</span>
307
+ </span>
308
+ </td>
309
+ <td className="k-calendar-td">
310
+ <span className="k-link">
311
+ <span className="k-day">6</span>
312
+ </span>
313
+ </td>
314
+ <td className="k-calendar-td">
315
+ <span className="k-link">
316
+ <span className="k-day">7</span>
317
+ </span>
318
+ </td>
319
+ <td className="k-calendar-td k-weekend">
320
+ <span className="k-link">
321
+ <span className="k-day">8</span>
322
+ </span>
323
+ </td>
324
+ </tr>
325
+ <tr className="k-calendar-tr">
326
+ <td className="k-calendar-td k-weekend">
327
+ <span className="k-link">
328
+ <span className="k-day">9</span>
329
+ </span>
330
+ </td>
331
+ <td className="k-calendar-td">
332
+ <span className="k-link">
333
+ <span className="k-day">10</span>
334
+ </span>
335
+ </td>
336
+ <td className="k-calendar-td">
337
+ <span className="k-link">
338
+ <span className="k-day">11</span>
339
+ </span>
340
+ </td>
341
+ <td className="k-calendar-td">
342
+ <span className="k-link">
343
+ <span className="k-day">12</span>
344
+ </span>
345
+ </td>
346
+ <td className="k-calendar-td">
347
+ <span className="k-link">
348
+ <span className="k-day">13</span>
349
+ </span>
350
+ </td>
351
+ <td className="k-calendar-td">
352
+ <span className="k-link">
353
+ <span className="k-day">14</span>
354
+ </span>
355
+ </td>
356
+ <td className="k-calendar-td k-weekend">
357
+ <span className="k-link">
358
+ <span className="k-day">15</span>
359
+ </span>
360
+ </td>
361
+ </tr>
362
+ <tr className="k-calendar-tr">
363
+ <td className="k-calendar-td k-weekend">
364
+ <span className="k-link">
365
+ <span className="k-day">16</span>
366
+ </span>
367
+ </td>
368
+ <td className="k-calendar-td">
369
+ <span className="k-link">
370
+ <span className="k-day">17</span>
371
+ </span>
372
+ </td>
373
+ <td className="k-calendar-td">
374
+ <span className="k-link">
375
+ <span className="k-day">18</span>
376
+ </span>
377
+ </td>
378
+ <td className="k-calendar-td">
379
+ <span className="k-link">
380
+ <span className="k-day">19</span>
381
+ </span>
382
+ </td>
383
+ <td className="k-calendar-td">
384
+ <span className="k-link">
385
+ <span className="k-day">20</span>
386
+ </span>
387
+ </td>
388
+ <td className="k-calendar-td">
389
+ <span className="k-link">
390
+ <span className="k-day">21</span>
391
+ </span>
392
+ </td>
393
+ <td className="k-calendar-td k-weekend">
394
+ <span className="k-link">
395
+ <span className="k-day">22</span>
396
+ </span>
397
+ </td>
398
+ </tr>
399
+ <tr className="k-calendar-tr">
400
+ <td className="k-calendar-td k-weekend">
401
+ <span className="k-link">
402
+ <span className="k-day">23</span>
403
+ </span>
404
+ </td>
405
+ <td className="k-calendar-td">
406
+ <span className="k-link">
407
+ <span className="k-day">24</span>
408
+ </span>
409
+ </td>
410
+ <td className="k-calendar-td">
411
+ <span className="k-link">
412
+ <span className="k-day">25</span>
413
+ </span>
414
+ </td>
415
+ <td className="k-calendar-td">
416
+ <span className="k-link">
417
+ <span className="k-day">26</span>
418
+ </span>
419
+ </td>
420
+ <td className="k-calendar-td">
421
+ <span className="k-link">
422
+ <span className="k-day">27</span>
423
+ </span>
424
+ </td>
425
+ <td className="k-calendar-td">
426
+ <span className="k-link">
427
+ <span className="k-day">28</span>
428
+ </span>
429
+ </td>
430
+ <td className="k-calendar-td k-weekend">
431
+ <span className="k-link">
432
+ <span className="k-day">29</span>
433
+ </span>
434
+ </td>
435
+ </tr>
436
+ <tr className="k-calendar-tr">
437
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
438
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
439
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
440
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
441
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
442
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
443
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
444
+ </tr>
445
+ </tbody>
446
+ </table>
447
+ <table className="k-calendar-table k-month">
448
+ <caption className="k-calendar-caption k-month-header">
449
+ March 2020
450
+ </caption>
451
+ <thead className="k-calendar-thead">
452
+ <tr className="k-calendar-tr">
453
+ <th className="k-calendar-th">Su</th>
454
+ <th className="k-calendar-th">Mo</th>
455
+ <th className="k-calendar-th">Tu</th>
456
+ <th className="k-calendar-th">We</th>
457
+ <th className="k-calendar-th">Th</th>
458
+ <th className="k-calendar-th">Fr</th>
459
+ <th className="k-calendar-th">Sa</th>
460
+ </tr>
461
+ </thead>
462
+ <tbody className="k-calendar-tbody">
463
+ <tr className="k-calendar-tr">
464
+ <td className="k-calendar-td k-weekend">
465
+ <span className="k-link">
466
+ <span className="k-day">1</span>
467
+ </span>
468
+ </td>
469
+ <td className="k-calendar-td">
470
+ <span className="k-link">
471
+ <span className="k-day">2</span>
472
+ </span>
473
+ </td>
474
+ <td className="k-calendar-td">
475
+ <span className="k-link">
476
+ <span className="k-day">3</span>
477
+ </span>
478
+ </td>
479
+ <td className="k-calendar-td">
480
+ <span className="k-link">
481
+ <span className="k-day">4</span>
482
+ </span>
483
+ </td>
484
+ <td className="k-calendar-td">
485
+ <span className="k-link">
486
+ <span className="k-day">5</span>
487
+ </span>
488
+ </td>
489
+ <td className="k-calendar-td">
490
+ <span className="k-link">
491
+ <span className="k-day">6</span>
492
+ </span>
493
+ </td>
494
+ <td className="k-calendar-td k-weekend">
495
+ <span className="k-link">
496
+ <span className="k-day">7</span>
497
+ </span>
498
+ </td>
499
+ </tr>
500
+ <tr className="k-calendar-tr">
501
+ <td className="k-calendar-td k-weekend">
502
+ <span className="k-link">
503
+ <span className="k-day">8</span>
504
+ </span>
505
+ </td>
506
+ <td className="k-calendar-td">
507
+ <span className="k-link">
508
+ <span className="k-day">9</span>
509
+ </span>
510
+ </td>
511
+ <td className="k-calendar-td">
512
+ <span className="k-link">
513
+ <span className="k-day">10</span>
514
+ </span>
515
+ </td>
516
+ <td className="k-calendar-td">
517
+ <span className="k-link">
518
+ <span className="k-day">11</span>
519
+ </span>
520
+ </td>
521
+ <td className="k-calendar-td">
522
+ <span className="k-link">
523
+ <span className="k-day">12</span>
524
+ </span>
525
+ </td>
526
+ <td className="k-calendar-td">
527
+ <span className="k-link">
528
+ <span className="k-day">13</span>
529
+ </span>
530
+ </td>
531
+ <td className="k-calendar-td k-weekend">
532
+ <span className="k-link">
533
+ <span className="k-day">14</span>
534
+ </span>
535
+ </td>
536
+ </tr>
537
+ <tr className="k-calendar-tr">
538
+ <td className="k-calendar-td k-weekend">
539
+ <span className="k-link">
540
+ <span className="k-day">15</span>
541
+ </span>
542
+ </td>
543
+ <td className="k-calendar-td">
544
+ <span className="k-link">
545
+ <span className="k-day">16</span>
546
+ </span>
547
+ </td>
548
+ <td className="k-calendar-td">
549
+ <span className="k-link">
550
+ <span className="k-day">17</span>
551
+ </span>
552
+ </td>
553
+ <td className="k-calendar-td">
554
+ <span className="k-link">
555
+ <span className="k-day">18</span>
556
+ </span>
557
+ </td>
558
+ <td className="k-calendar-td">
559
+ <span className="k-link">
560
+ <span className="k-day">19</span>
561
+ </span>
562
+ </td>
563
+ <td className="k-calendar-td">
564
+ <span className="k-link">
565
+ <span className="k-day">20</span>
566
+ </span>
567
+ </td>
568
+ <td className="k-calendar-td k-weekend">
569
+ <span className="k-link">
570
+ <span className="k-day">21</span>
571
+ </span>
572
+ </td>
573
+ </tr>
574
+ <tr className="k-calendar-tr">
575
+ <td className="k-calendar-td k-weekend">
576
+ <span className="k-link">
577
+ <span className="k-day">22</span>
578
+ </span>
579
+ </td>
580
+ <td className="k-calendar-td">
581
+ <span className="k-link">
582
+ <span className="k-day">23</span>
583
+ </span>
584
+ </td>
585
+ <td className="k-calendar-td">
586
+ <span className="k-link">
587
+ <span className="k-day">24</span>
588
+ </span>
589
+ </td>
590
+ <td className="k-calendar-td">
591
+ <span className="k-link">
592
+ <span className="k-day">25</span>
593
+ </span>
594
+ </td>
595
+ <td className="k-calendar-td">
596
+ <span className="k-link">
597
+ <span className="k-day">26</span>
598
+ </span>
599
+ </td>
600
+ <td className="k-calendar-td">
601
+ <span className="k-link">
602
+ <span className="k-day">27</span>
603
+ </span>
604
+ </td>
605
+ <td className="k-calendar-td k-weekend">
606
+ <span className="k-link">
607
+ <span className="k-day">28</span>
608
+ </span>
609
+ </td>
610
+ </tr>
611
+ <tr className="k-calendar-tr">
612
+ <td className="k-calendar-td k-weekend">
613
+ <span className="k-link">
614
+ <span className="k-day">29</span>
615
+ </span>
616
+ </td>
617
+ <td className="k-calendar-td">
618
+ <span className="k-link">
619
+ <span className="k-day">30</span>
620
+ </span>
621
+ </td>
622
+ <td className="k-calendar-td">
623
+ <span className="k-link">
624
+ <span className="k-day">31</span>
625
+ </span>
626
+ </td>
627
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
628
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
629
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
630
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
631
+ </tr>
632
+ <tr className="k-calendar-tr">
633
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
634
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
635
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
636
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
637
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
638
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
639
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
640
+ </tr>
641
+ </tbody>
642
+ </table>
643
+ <table className="k-calendar-table k-month">
644
+ <caption className="k-calendar-caption k-month-header">
645
+ April 2020
646
+ </caption>
647
+ <thead className="k-calendar-thead">
648
+ <tr className="k-calendar-tr">
649
+ <th className="k-calendar-th">Su</th>
650
+ <th className="k-calendar-th">Mo</th>
651
+ <th className="k-calendar-th">Tu</th>
652
+ <th className="k-calendar-th">We</th>
653
+ <th className="k-calendar-th">Th</th>
654
+ <th className="k-calendar-th">Fr</th>
655
+ <th className="k-calendar-th">Sa</th>
656
+ </tr>
657
+ </thead>
658
+ <tbody className="k-calendar-tbody">
659
+ <tr className="k-calendar-tr">
660
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
661
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
662
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
663
+ <td className="k-calendar-td">
664
+ <span className="k-link">
665
+ <span className="k-day">1</span>
666
+ </span>
667
+ </td>
668
+ <td className="k-calendar-td">
669
+ <span className="k-link">
670
+ <span className="k-day">2</span>
671
+ </span>
672
+ </td>
673
+ <td className="k-calendar-td">
674
+ <span className="k-link">
675
+ <span className="k-day">3</span>
676
+ </span>
677
+ </td>
678
+ <td className="k-calendar-td k-weekend">
679
+ <span className="k-link">
680
+ <span className="k-day">4</span>
681
+ </span>
682
+ </td>
683
+ </tr>
684
+ <tr className="k-calendar-tr">
685
+ <td className="k-calendar-td k-weekend">
686
+ <span className="k-link">
687
+ <span className="k-day">5</span>
688
+ </span>
689
+ </td>
690
+ <td className="k-calendar-td">
691
+ <span className="k-link">
692
+ <span className="k-day">6</span>
693
+ </span>
694
+ </td>
695
+ <td className="k-calendar-td">
696
+ <span className="k-link">
697
+ <span className="k-day">7</span>
698
+ </span>
699
+ </td>
700
+ <td className="k-calendar-td">
701
+ <span className="k-link">
702
+ <span className="k-day">8</span>
703
+ </span>
704
+ </td>
705
+ <td className="k-calendar-td">
706
+ <span className="k-link">
707
+ <span className="k-day">9</span>
708
+ </span>
709
+ </td>
710
+ <td className="k-calendar-td">
711
+ <span className="k-link">
712
+ <span className="k-day">10</span>
713
+ </span>
714
+ </td>
715
+ <td className="k-calendar-td k-weekend">
716
+ <span className="k-link">
717
+ <span className="k-day">11</span>
718
+ </span>
719
+ </td>
720
+ </tr>
721
+ <tr className="k-calendar-tr">
722
+ <td className="k-calendar-td k-weekend">
723
+ <span className="k-link">
724
+ <span className="k-day">12</span>
725
+ </span>
726
+ </td>
727
+ <td className="k-calendar-td">
728
+ <span className="k-link">
729
+ <span className="k-day">13</span>
730
+ </span>
731
+ </td>
732
+ <td className="k-calendar-td">
733
+ <span className="k-link">
734
+ <span className="k-day">14</span>
735
+ </span>
736
+ </td>
737
+ <td className="k-calendar-td">
738
+ <span className="k-link">
739
+ <span className="k-day">15</span>
740
+ </span>
741
+ </td>
742
+ <td className="k-calendar-td">
743
+ <span className="k-link">
744
+ <span className="k-day">16</span>
745
+ </span>
746
+ </td>
747
+ <td className="k-calendar-td">
748
+ <span className="k-link">
749
+ <span className="k-day">17</span>
750
+ </span>
751
+ </td>
752
+ <td className="k-calendar-td k-weekend">
753
+ <span className="k-link">
754
+ <span className="k-day">18</span>
755
+ </span>
756
+ </td>
757
+ </tr>
758
+ <tr className="k-calendar-tr">
759
+ <td className="k-calendar-td k-weekend">
760
+ <span className="k-link">
761
+ <span className="k-day">19</span>
762
+ </span>
763
+ </td>
764
+ <td className="k-calendar-td">
765
+ <span className="k-link">
766
+ <span className="k-day">20</span>
767
+ </span>
768
+ </td>
769
+ <td className="k-calendar-td">
770
+ <span className="k-link">
771
+ <span className="k-day">21</span>
772
+ </span>
773
+ </td>
774
+ <td className="k-calendar-td">
775
+ <span className="k-link">
776
+ <span className="k-day">22</span>
777
+ </span>
778
+ </td>
779
+ <td className="k-calendar-td">
780
+ <span className="k-link">
781
+ <span className="k-day">23</span>
782
+ </span>
783
+ </td>
784
+ <td className="k-calendar-td">
785
+ <span className="k-link">
786
+ <span className="k-day">24</span>
787
+ </span>
788
+ </td>
789
+ <td className="k-calendar-td k-weekend">
790
+ <span className="k-link">
791
+ <span className="k-day">25</span>
792
+ </span>
793
+ </td>
794
+ </tr>
795
+ <tr className="k-calendar-tr">
796
+ <td className="k-calendar-td k-weekend">
797
+ <span className="k-link">
798
+ <span className="k-day">26</span>
799
+ </span>
800
+ </td>
801
+ <td className="k-calendar-td">
802
+ <span className="k-link">
803
+ <span className="k-day">27</span>
804
+ </span>
805
+ </td>
806
+ <td className="k-calendar-td">
807
+ <span className="k-link">
808
+ <span className="k-day">28</span>
809
+ </span>
810
+ </td>
811
+ <td className="k-calendar-td">
812
+ <span className="k-link">
813
+ <span className="k-day">29</span>
814
+ </span>
815
+ </td>
816
+ <td className="k-calendar-td">
817
+ <span className="k-link">
818
+ <span className="k-day">30</span>
819
+ </span>
820
+ </td>
821
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
822
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
823
+ </tr>
824
+ <tr className="k-calendar-tr">
825
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
826
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
827
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
828
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
829
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
830
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
831
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
832
+ </tr>
833
+ </tbody>
834
+ </table>
835
+ <table className="k-calendar-table k-month">
836
+ <caption className="k-calendar-caption k-month-header">
837
+ May 2020
838
+ </caption>
839
+ <thead className="k-calendar-thead">
840
+ <tr className="k-calendar-tr">
841
+ <th className="k-calendar-th">Su</th>
842
+ <th className="k-calendar-th">Mo</th>
843
+ <th className="k-calendar-th">Tu</th>
844
+ <th className="k-calendar-th">We</th>
845
+ <th className="k-calendar-th">Th</th>
846
+ <th className="k-calendar-th">Fr</th>
847
+ <th className="k-calendar-th">Sa</th>
848
+ </tr>
849
+ </thead>
850
+ <tbody className="k-calendar-tbody">
851
+ <tr className="k-calendar-tr">
852
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
853
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
854
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
855
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
856
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
857
+ <td className="k-calendar-td">
858
+ <span className="k-link">
859
+ <span className="k-day">1</span>
860
+ </span>
861
+ </td>
862
+ <td className="k-calendar-td k-weekend">
863
+ <span className="k-link">
864
+ <span className="k-day">2</span>
865
+ </span>
866
+ </td>
867
+ </tr>
868
+ <tr className="k-calendar-tr">
869
+ <td className="k-calendar-td k-weekend">
870
+ <span className="k-link">
871
+ <span className="k-day">3</span>
872
+ </span>
873
+ </td>
874
+ <td className="k-calendar-td">
875
+ <span className="k-link">
876
+ <span className="k-day">4</span>
877
+ </span>
878
+ </td>
879
+ <td className="k-calendar-td">
880
+ <span className="k-link">
881
+ <span className="k-day">5</span>
882
+ </span>
883
+ </td>
884
+ <td className="k-calendar-td">
885
+ <span className="k-link">
886
+ <span className="k-day">6</span>
887
+ </span>
888
+ </td>
889
+ <td className="k-calendar-td">
890
+ <span className="k-link">
891
+ <span className="k-day">7</span>
892
+ </span>
893
+ </td>
894
+ <td className="k-calendar-td">
895
+ <span className="k-link">
896
+ <span className="k-day">8</span>
897
+ </span>
898
+ </td>
899
+ <td className="k-calendar-td k-weekend">
900
+ <span className="k-link">
901
+ <span className="k-day">9</span>
902
+ </span>
903
+ </td>
904
+ </tr>
905
+ <tr className="k-calendar-tr">
906
+ <td className="k-calendar-td k-weekend">
907
+ <span className="k-link">
908
+ <span className="k-day">10</span>
909
+ </span>
910
+ </td>
911
+ <td className="k-calendar-td">
912
+ <span className="k-link">
913
+ <span className="k-day">11</span>
914
+ </span>
915
+ </td>
916
+ <td className="k-calendar-td">
917
+ <span className="k-link">
918
+ <span className="k-day">12</span>
919
+ </span>
920
+ </td>
921
+ <td className="k-calendar-td">
922
+ <span className="k-link">
923
+ <span className="k-day">13</span>
924
+ </span>
925
+ </td>
926
+ <td className="k-calendar-td">
927
+ <span className="k-link">
928
+ <span className="k-day">14</span>
929
+ </span>
930
+ </td>
931
+ <td className="k-calendar-td">
932
+ <span className="k-link">
933
+ <span className="k-day">15</span>
934
+ </span>
935
+ </td>
936
+ <td className="k-calendar-td k-weekend">
937
+ <span className="k-link">
938
+ <span className="k-day">16</span>
939
+ </span>
940
+ </td>
941
+ </tr>
942
+ <tr className="k-calendar-tr">
943
+ <td className="k-calendar-td k-weekend">
944
+ <span className="k-link">
945
+ <span className="k-day">17</span>
946
+ </span>
947
+ </td>
948
+ <td className="k-calendar-td">
949
+ <span className="k-link">
950
+ <span className="k-day">18</span>
951
+ </span>
952
+ </td>
953
+ <td className="k-calendar-td">
954
+ <span className="k-link">
955
+ <span className="k-day">19</span>
956
+ </span>
957
+ </td>
958
+ <td className="k-calendar-td">
959
+ <span className="k-link">
960
+ <span className="k-day">20</span>
961
+ </span>
962
+ </td>
963
+ <td className="k-calendar-td">
964
+ <span className="k-link">
965
+ <span className="k-day">21</span>
966
+ </span>
967
+ </td>
968
+ <td className="k-calendar-td">
969
+ <span className="k-link">
970
+ <span className="k-day">22</span>
971
+ </span>
972
+ </td>
973
+ <td className="k-calendar-td k-weekend">
974
+ <span className="k-link">
975
+ <span className="k-day">23</span>
976
+ </span>
977
+ </td>
978
+ </tr>
979
+ <tr className="k-calendar-tr">
980
+ <td className="k-calendar-td k-weekend">
981
+ <span className="k-link">
982
+ <span className="k-day">24</span>
983
+ </span>
984
+ </td>
985
+ <td className="k-calendar-td">
986
+ <span className="k-link">
987
+ <span className="k-day">25</span>
988
+ </span>
989
+ </td>
990
+ <td className="k-calendar-td">
991
+ <span className="k-link">
992
+ <span className="k-day">26</span>
993
+ </span>
994
+ </td>
995
+ <td className="k-calendar-td">
996
+ <span className="k-link">
997
+ <span className="k-day">27</span>
998
+ </span>
999
+ </td>
1000
+ <td className="k-calendar-td">
1001
+ <span className="k-link">
1002
+ <span className="k-day">28</span>
1003
+ </span>
1004
+ </td>
1005
+ <td className="k-calendar-td">
1006
+ <span className="k-link">
1007
+ <span className="k-day">29</span>
1008
+ </span>
1009
+ </td>
1010
+ <td className="k-calendar-td k-weekend">
1011
+ <span className="k-link">
1012
+ <span className="k-day">30</span>
1013
+ </span>
1014
+ </td>
1015
+ </tr>
1016
+ <tr className="k-calendar-tr">
1017
+ <td className="k-calendar-td k-weekend">
1018
+ <span className="k-link">
1019
+ <span className="k-day">31</span>
1020
+ </span>
1021
+ </td>
1022
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1023
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1024
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1025
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1026
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1027
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1028
+ </tr>
1029
+ </tbody>
1030
+ </table>
1031
+ <table className="k-calendar-table k-month">
1032
+ <caption className="k-calendar-caption k-month-header">
1033
+ June 2020
1034
+ </caption>
1035
+ <thead className="k-calendar-thead">
1036
+ <tr className="k-calendar-tr">
1037
+ <th className="k-calendar-th">Su</th>
1038
+ <th className="k-calendar-th">Mo</th>
1039
+ <th className="k-calendar-th">Tu</th>
1040
+ <th className="k-calendar-th">We</th>
1041
+ <th className="k-calendar-th">Th</th>
1042
+ <th className="k-calendar-th">Fr</th>
1043
+ <th className="k-calendar-th">Sa</th>
1044
+ </tr>
1045
+ </thead>
1046
+ <tbody className="k-calendar-tbody">
1047
+ <tr className="k-calendar-tr">
1048
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1049
+ <td className="k-calendar-td">
1050
+ <span className="k-link">
1051
+ <span className="k-day">1</span>
1052
+ </span>
1053
+ </td>
1054
+ <td className="k-calendar-td">
1055
+ <span className="k-link">
1056
+ <span className="k-day">2</span>
1057
+ </span>
1058
+ </td>
1059
+ <td className="k-calendar-td">
1060
+ <span className="k-link">
1061
+ <span className="k-day">3</span>
1062
+ </span>
1063
+ </td>
1064
+ <td className="k-calendar-td">
1065
+ <span className="k-link">
1066
+ <span className="k-day">4</span>
1067
+ </span>
1068
+ </td>
1069
+ <td className="k-calendar-td">
1070
+ <span className="k-link">
1071
+ <span className="k-day">5</span>
1072
+ </span>
1073
+ </td>
1074
+ <td className="k-calendar-td k-weekend">
1075
+ <span className="k-link">
1076
+ <span className="k-day">6</span>
1077
+ </span>
1078
+ </td>
1079
+ </tr>
1080
+ <tr className="k-calendar-tr">
1081
+ <td className="k-calendar-td k-weekend">
1082
+ <span className="k-link">
1083
+ <span className="k-day">7</span>
1084
+ </span>
1085
+ </td>
1086
+ <td className="k-calendar-td">
1087
+ <span className="k-link">
1088
+ <span className="k-day">8</span>
1089
+ </span>
1090
+ </td>
1091
+ <td className="k-calendar-td">
1092
+ <span className="k-link">
1093
+ <span className="k-day">9</span>
1094
+ </span>
1095
+ </td>
1096
+ <td className="k-calendar-td">
1097
+ <span className="k-link">
1098
+ <span className="k-day">10</span>
1099
+ </span>
1100
+ </td>
1101
+ <td className="k-calendar-td">
1102
+ <span className="k-link">
1103
+ <span className="k-day">11</span>
1104
+ </span>
1105
+ </td>
1106
+ <td className="k-calendar-td">
1107
+ <span className="k-link">
1108
+ <span className="k-day">12</span>
1109
+ </span>
1110
+ </td>
1111
+ <td className="k-calendar-td k-weekend">
1112
+ <span className="k-link">
1113
+ <span className="k-day">13</span>
1114
+ </span>
1115
+ </td>
1116
+ </tr>
1117
+ <tr className="k-calendar-tr">
1118
+ <td className="k-calendar-td k-weekend">
1119
+ <span className="k-link">
1120
+ <span className="k-day">14</span>
1121
+ </span>
1122
+ </td>
1123
+ <td className="k-calendar-td">
1124
+ <span className="k-link">
1125
+ <span className="k-day">15</span>
1126
+ </span>
1127
+ </td>
1128
+ <td className="k-calendar-td">
1129
+ <span className="k-link">
1130
+ <span className="k-day">16</span>
1131
+ </span>
1132
+ </td>
1133
+ <td className="k-calendar-td">
1134
+ <span className="k-link">
1135
+ <span className="k-day">17</span>
1136
+ </span>
1137
+ </td>
1138
+ <td className="k-calendar-td">
1139
+ <span className="k-link">
1140
+ <span className="k-day">18</span>
1141
+ </span>
1142
+ </td>
1143
+ <td className="k-calendar-td">
1144
+ <span className="k-link">
1145
+ <span className="k-day">19</span>
1146
+ </span>
1147
+ </td>
1148
+ <td className="k-calendar-td k-weekend">
1149
+ <span className="k-link">
1150
+ <span className="k-day">20</span>
1151
+ </span>
1152
+ </td>
1153
+ </tr>
1154
+ <tr className="k-calendar-tr">
1155
+ <td className="k-calendar-td k-weekend">
1156
+ <span className="k-link">
1157
+ <span className="k-day">21</span>
1158
+ </span>
1159
+ </td>
1160
+ <td className="k-calendar-td">
1161
+ <span className="k-link">
1162
+ <span className="k-day">22</span>
1163
+ </span>
1164
+ </td>
1165
+ <td className="k-calendar-td">
1166
+ <span className="k-link">
1167
+ <span className="k-day">23</span>
1168
+ </span>
1169
+ </td>
1170
+ <td className="k-calendar-td">
1171
+ <span className="k-link">
1172
+ <span className="k-day">24</span>
1173
+ </span>
1174
+ </td>
1175
+ <td className="k-calendar-td">
1176
+ <span className="k-link">
1177
+ <span className="k-day">25</span>
1178
+ </span>
1179
+ </td>
1180
+ <td className="k-calendar-td">
1181
+ <span className="k-link">
1182
+ <span className="k-day">26</span>
1183
+ </span>
1184
+ </td>
1185
+ <td className="k-calendar-td k-weekend">
1186
+ <span className="k-link">
1187
+ <span className="k-day">27</span>
1188
+ </span>
1189
+ </td>
1190
+ </tr>
1191
+ <tr className="k-calendar-tr">
1192
+ <td className="k-calendar-td k-weekend">
1193
+ <span className="k-link">
1194
+ <span className="k-day">28</span>
1195
+ </span>
1196
+ </td>
1197
+ <td className="k-calendar-td">
1198
+ <span className="k-link">
1199
+ <span className="k-day">29</span>
1200
+ </span>
1201
+ </td>
1202
+ <td className="k-calendar-td">
1203
+ <span className="k-link">
1204
+ <span className="k-day">30</span>
1205
+ </span>
1206
+ </td>
1207
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1208
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1209
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1210
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1211
+ </tr>
1212
+ <tr className="k-calendar-tr">
1213
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1214
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1215
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1216
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1217
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1218
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1219
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1220
+ </tr>
1221
+ </tbody>
1222
+ </table>
1223
+ <table className="k-calendar-table k-month">
1224
+ <caption className="k-calendar-caption k-month-header">
1225
+ July 2020
1226
+ </caption>
1227
+ <thead className="k-calendar-thead">
1228
+ <tr className="k-calendar-tr">
1229
+ <th className="k-calendar-th">Su</th>
1230
+ <th className="k-calendar-th">Mo</th>
1231
+ <th className="k-calendar-th">Tu</th>
1232
+ <th className="k-calendar-th">We</th>
1233
+ <th className="k-calendar-th">Th</th>
1234
+ <th className="k-calendar-th">Fr</th>
1235
+ <th className="k-calendar-th">Sa</th>
1236
+ </tr>
1237
+ </thead>
1238
+ <tbody className="k-calendar-tbody">
1239
+ <tr className="k-calendar-tr">
1240
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1241
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1242
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1243
+ <td className="k-calendar-td">
1244
+ <span className="k-link">
1245
+ <span className="k-day">1</span>
1246
+ </span>
1247
+ </td>
1248
+ <td className="k-calendar-td">
1249
+ <span className="k-link">
1250
+ <span className="k-day">2</span>
1251
+ </span>
1252
+ </td>
1253
+ <td className="k-calendar-td">
1254
+ <span className="k-link">
1255
+ <span className="k-day">3</span>
1256
+ </span>
1257
+ </td>
1258
+ <td className="k-calendar-td k-weekend">
1259
+ <span className="k-link">
1260
+ <span className="k-day">4</span>
1261
+ </span>
1262
+ </td>
1263
+ </tr>
1264
+ <tr className="k-calendar-tr">
1265
+ <td className="k-calendar-td k-weekend">
1266
+ <span className="k-link">
1267
+ <span className="k-day">5</span>
1268
+ </span>
1269
+ </td>
1270
+ <td className="k-calendar-td">
1271
+ <span className="k-link">
1272
+ <span className="k-day">6</span>
1273
+ </span>
1274
+ </td>
1275
+ <td className="k-calendar-td">
1276
+ <span className="k-link">
1277
+ <span className="k-day">7</span>
1278
+ </span>
1279
+ </td>
1280
+ <td className="k-calendar-td">
1281
+ <span className="k-link">
1282
+ <span className="k-day">8</span>
1283
+ </span>
1284
+ </td>
1285
+ <td className="k-calendar-td">
1286
+ <span className="k-link">
1287
+ <span className="k-day">9</span>
1288
+ </span>
1289
+ </td>
1290
+ <td className="k-calendar-td">
1291
+ <span className="k-link">
1292
+ <span className="k-day">10</span>
1293
+ </span>
1294
+ </td>
1295
+ <td className="k-calendar-td k-weekend">
1296
+ <span className="k-link">
1297
+ <span className="k-day">11</span>
1298
+ </span>
1299
+ </td>
1300
+ </tr>
1301
+ <tr className="k-calendar-tr">
1302
+ <td className="k-calendar-td k-weekend">
1303
+ <span className="k-link">
1304
+ <span className="k-day">12</span>
1305
+ </span>
1306
+ </td>
1307
+ <td className="k-calendar-td">
1308
+ <span className="k-link">
1309
+ <span className="k-day">13</span>
1310
+ </span>
1311
+ </td>
1312
+ <td className="k-calendar-td">
1313
+ <span className="k-link">
1314
+ <span className="k-day">14</span>
1315
+ </span>
1316
+ </td>
1317
+ <td className="k-calendar-td">
1318
+ <span className="k-link">
1319
+ <span className="k-day">15</span>
1320
+ </span>
1321
+ </td>
1322
+ <td className="k-calendar-td">
1323
+ <span className="k-link">
1324
+ <span className="k-day">16</span>
1325
+ </span>
1326
+ </td>
1327
+ <td className="k-calendar-td">
1328
+ <span className="k-link">
1329
+ <span className="k-day">17</span>
1330
+ </span>
1331
+ </td>
1332
+ <td className="k-calendar-td k-weekend">
1333
+ <span className="k-link">
1334
+ <span className="k-day">18</span>
1335
+ </span>
1336
+ </td>
1337
+ </tr>
1338
+ <tr className="k-calendar-tr">
1339
+ <td className="k-calendar-td k-weekend">
1340
+ <span className="k-link">
1341
+ <span className="k-day">19</span>
1342
+ </span>
1343
+ </td>
1344
+ <td className="k-calendar-td">
1345
+ <span className="k-link">
1346
+ <span className="k-day">20</span>
1347
+ </span>
1348
+ </td>
1349
+ <td className="k-calendar-td">
1350
+ <span className="k-link">
1351
+ <span className="k-day">21</span>
1352
+ </span>
1353
+ </td>
1354
+ <td className="k-calendar-td">
1355
+ <span className="k-link">
1356
+ <span className="k-day">22</span>
1357
+ </span>
1358
+ </td>
1359
+ <td className="k-calendar-td">
1360
+ <span className="k-link">
1361
+ <span className="k-day">23</span>
1362
+ </span>
1363
+ </td>
1364
+ <td className="k-calendar-td">
1365
+ <span className="k-link">
1366
+ <span className="k-day">24</span>
1367
+ </span>
1368
+ </td>
1369
+ <td className="k-calendar-td k-weekend">
1370
+ <span className="k-link">
1371
+ <span className="k-day">25</span>
1372
+ </span>
1373
+ </td>
1374
+ </tr>
1375
+ <tr className="k-calendar-tr">
1376
+ <td className="k-calendar-td k-weekend">
1377
+ <span className="k-link">
1378
+ <span className="k-day">26</span>
1379
+ </span>
1380
+ </td>
1381
+ <td className="k-calendar-td">
1382
+ <span className="k-link">
1383
+ <span className="k-day">27</span>
1384
+ </span>
1385
+ </td>
1386
+ <td className="k-calendar-td">
1387
+ <span className="k-link">
1388
+ <span className="k-day">28</span>
1389
+ </span>
1390
+ </td>
1391
+ <td className="k-calendar-td">
1392
+ <span className="k-link">
1393
+ <span className="k-day">29</span>
1394
+ </span>
1395
+ </td>
1396
+ <td className="k-calendar-td">
1397
+ <span className="k-link">
1398
+ <span className="k-day">30</span>
1399
+ </span>
1400
+ </td>
1401
+ <td className="k-calendar-td">
1402
+ <span className="k-link">
1403
+ <span className="k-day">31</span>
1404
+ </span>
1405
+ </td>
1406
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1407
+ </tr>
1408
+ <tr className="k-calendar-tr">
1409
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1410
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1411
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1412
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1413
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1414
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1415
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1416
+ </tr>
1417
+ </tbody>
1418
+ </table>
1419
+ <table className="k-calendar-table k-month">
1420
+ <caption className="k-calendar-caption k-month-header">
1421
+ August 2020
1422
+ </caption>
1423
+ <thead className="k-calendar-thead">
1424
+ <tr className="k-calendar-tr">
1425
+ <th className="k-calendar-th">Su</th>
1426
+ <th className="k-calendar-th">Mo</th>
1427
+ <th className="k-calendar-th">Tu</th>
1428
+ <th className="k-calendar-th">We</th>
1429
+ <th className="k-calendar-th">Th</th>
1430
+ <th className="k-calendar-th">Fr</th>
1431
+ <th className="k-calendar-th">Sa</th>
1432
+ </tr>
1433
+ </thead>
1434
+ <tbody className="k-calendar-tbody">
1435
+ <tr className="k-calendar-tr">
1436
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1437
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1438
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1439
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1440
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1441
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1442
+ <td className="k-calendar-td k-weekend">
1443
+ <span className="k-link">
1444
+ <span className="k-day">1</span>
1445
+ </span>
1446
+ </td>
1447
+ </tr>
1448
+ <tr className="k-calendar-tr">
1449
+ <td className="k-calendar-td k-weekend">
1450
+ <span className="k-link">
1451
+ <span className="k-day">2</span>
1452
+ </span>
1453
+ </td>
1454
+ <td className="k-calendar-td">
1455
+ <span className="k-link">
1456
+ <span className="k-day">3</span>
1457
+ </span>
1458
+ </td>
1459
+ <td className="k-calendar-td">
1460
+ <span className="k-link">
1461
+ <span className="k-day">4</span>
1462
+ </span>
1463
+ </td>
1464
+ <td className="k-calendar-td">
1465
+ <span className="k-link">
1466
+ <span className="k-day">5</span>
1467
+ </span>
1468
+ </td>
1469
+ <td className="k-calendar-td">
1470
+ <span className="k-link">
1471
+ <span className="k-day">6</span>
1472
+ </span>
1473
+ </td>
1474
+ <td className="k-calendar-td">
1475
+ <span className="k-link">
1476
+ <span className="k-day">7</span>
1477
+ </span>
1478
+ </td>
1479
+ <td className="k-calendar-td k-weekend">
1480
+ <span className="k-link">
1481
+ <span className="k-day">8</span>
1482
+ </span>
1483
+ </td>
1484
+ </tr>
1485
+ <tr className="k-calendar-tr">
1486
+ <td className="k-calendar-td k-weekend">
1487
+ <span className="k-link">
1488
+ <span className="k-day">9</span>
1489
+ </span>
1490
+ </td>
1491
+ <td className="k-calendar-td">
1492
+ <span className="k-link">
1493
+ <span className="k-day">10</span>
1494
+ </span>
1495
+ </td>
1496
+ <td className="k-calendar-td">
1497
+ <span className="k-link">
1498
+ <span className="k-day">11</span>
1499
+ </span>
1500
+ </td>
1501
+ <td className="k-calendar-td">
1502
+ <span className="k-link">
1503
+ <span className="k-day">12</span>
1504
+ </span>
1505
+ </td>
1506
+ <td className="k-calendar-td">
1507
+ <span className="k-link">
1508
+ <span className="k-day">13</span>
1509
+ </span>
1510
+ </td>
1511
+ <td className="k-calendar-td">
1512
+ <span className="k-link">
1513
+ <span className="k-day">14</span>
1514
+ </span>
1515
+ </td>
1516
+ <td className="k-calendar-td k-weekend">
1517
+ <span className="k-link">
1518
+ <span className="k-day">15</span>
1519
+ </span>
1520
+ </td>
1521
+ </tr>
1522
+ <tr className="k-calendar-tr">
1523
+ <td className="k-calendar-td k-weekend">
1524
+ <span className="k-link">
1525
+ <span className="k-day">16</span>
1526
+ </span>
1527
+ </td>
1528
+ <td className="k-calendar-td">
1529
+ <span className="k-link">
1530
+ <span className="k-day">17</span>
1531
+ </span>
1532
+ </td>
1533
+ <td className="k-calendar-td">
1534
+ <span className="k-link">
1535
+ <span className="k-day">18</span>
1536
+ </span>
1537
+ </td>
1538
+ <td className="k-calendar-td">
1539
+ <span className="k-link">
1540
+ <span className="k-day">19</span>
1541
+ </span>
1542
+ </td>
1543
+ <td className="k-calendar-td">
1544
+ <span className="k-link">
1545
+ <span className="k-day">20</span>
1546
+ </span>
1547
+ </td>
1548
+ <td className="k-calendar-td">
1549
+ <span className="k-link">
1550
+ <span className="k-day">21</span>
1551
+ </span>
1552
+ </td>
1553
+ <td className="k-calendar-td k-weekend">
1554
+ <span className="k-link">
1555
+ <span className="k-day">22</span>
1556
+ </span>
1557
+ </td>
1558
+ </tr>
1559
+ <tr className="k-calendar-tr">
1560
+ <td className="k-calendar-td k-weekend">
1561
+ <span className="k-link">
1562
+ <span className="k-day">23</span>
1563
+ </span>
1564
+ </td>
1565
+ <td className="k-calendar-td">
1566
+ <span className="k-link">
1567
+ <span className="k-day">24</span>
1568
+ </span>
1569
+ </td>
1570
+ <td className="k-calendar-td">
1571
+ <span className="k-link">
1572
+ <span className="k-day">25</span>
1573
+ </span>
1574
+ </td>
1575
+ <td className="k-calendar-td">
1576
+ <span className="k-link">
1577
+ <span className="k-day">26</span>
1578
+ </span>
1579
+ </td>
1580
+ <td className="k-calendar-td">
1581
+ <span className="k-link">
1582
+ <span className="k-day">27</span>
1583
+ </span>
1584
+ </td>
1585
+ <td className="k-calendar-td">
1586
+ <span className="k-link">
1587
+ <span className="k-day">28</span>
1588
+ </span>
1589
+ </td>
1590
+ <td className="k-calendar-td k-weekend">
1591
+ <span className="k-link">
1592
+ <span className="k-day">29</span>
1593
+ </span>
1594
+ </td>
1595
+ </tr>
1596
+ <tr className="k-calendar-tr">
1597
+ <td className="k-calendar-td k-weekend">
1598
+ <span className="k-link">
1599
+ <span className="k-day">30</span>
1600
+ </span>
1601
+ </td>
1602
+ <td className="k-calendar-td">
1603
+ <span className="k-link">
1604
+ <span className="k-day">31</span>
1605
+ </span>
1606
+ </td>
1607
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1608
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1609
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1610
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1611
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1612
+ </tr>
1613
+ </tbody>
1614
+ </table>
1615
+ <table className="k-calendar-table k-month">
1616
+ <caption className="k-calendar-caption k-month-header">
1617
+ September 2020
1618
+ </caption>
1619
+ <thead className="k-calendar-thead">
1620
+ <tr className="k-calendar-tr">
1621
+ <th className="k-calendar-th">Su</th>
1622
+ <th className="k-calendar-th">Mo</th>
1623
+ <th className="k-calendar-th">Tu</th>
1624
+ <th className="k-calendar-th">We</th>
1625
+ <th className="k-calendar-th">Th</th>
1626
+ <th className="k-calendar-th">Fr</th>
1627
+ <th className="k-calendar-th">Sa</th>
1628
+ </tr>
1629
+ </thead>
1630
+ <tbody className="k-calendar-tbody">
1631
+ <tr className="k-calendar-tr">
1632
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1633
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1634
+ <td className="k-calendar-td">
1635
+ <span className="k-link">
1636
+ <span className="k-day">1</span>
1637
+ </span>
1638
+ </td>
1639
+ <td className="k-calendar-td">
1640
+ <span className="k-link">
1641
+ <span className="k-day">2</span>
1642
+ </span>
1643
+ </td>
1644
+ <td className="k-calendar-td">
1645
+ <span className="k-link">
1646
+ <span className="k-day">3</span>
1647
+ </span>
1648
+ </td>
1649
+ <td className="k-calendar-td">
1650
+ <span className="k-link">
1651
+ <span className="k-day">4</span>
1652
+ </span>
1653
+ </td>
1654
+ <td className="k-calendar-td k-weekend">
1655
+ <span className="k-link">
1656
+ <span className="k-day">5</span>
1657
+ </span>
1658
+ </td>
1659
+ </tr>
1660
+ <tr className="k-calendar-tr">
1661
+ <td className="k-calendar-td k-weekend">
1662
+ <span className="k-link">
1663
+ <span className="k-day">6</span>
1664
+ </span>
1665
+ </td>
1666
+ <td className="k-calendar-td">
1667
+ <span className="k-link">
1668
+ <span className="k-day">7</span>
1669
+ </span>
1670
+ </td>
1671
+ <td className="k-calendar-td">
1672
+ <span className="k-link">
1673
+ <span className="k-day">8</span>
1674
+ </span>
1675
+ </td>
1676
+ <td className="k-calendar-td">
1677
+ <span className="k-link">
1678
+ <span className="k-day">9</span>
1679
+ </span>
1680
+ </td>
1681
+ <td className="k-calendar-td">
1682
+ <span className="k-link">
1683
+ <span className="k-day">10</span>
1684
+ </span>
1685
+ </td>
1686
+ <td className="k-calendar-td">
1687
+ <span className="k-link">
1688
+ <span className="k-day">11</span>
1689
+ </span>
1690
+ </td>
1691
+ <td className="k-calendar-td k-weekend">
1692
+ <span className="k-link">
1693
+ <span className="k-day">12</span>
1694
+ </span>
1695
+ </td>
1696
+ </tr>
1697
+ <tr className="k-calendar-tr">
1698
+ <td className="k-calendar-td k-weekend">
1699
+ <span className="k-link">
1700
+ <span className="k-day">13</span>
1701
+ </span>
1702
+ </td>
1703
+ <td className="k-calendar-td">
1704
+ <span className="k-link">
1705
+ <span className="k-day">14</span>
1706
+ </span>
1707
+ </td>
1708
+ <td className="k-calendar-td">
1709
+ <span className="k-link">
1710
+ <span className="k-day">15</span>
1711
+ </span>
1712
+ </td>
1713
+ <td className="k-calendar-td">
1714
+ <span className="k-link">
1715
+ <span className="k-day">16</span>
1716
+ </span>
1717
+ </td>
1718
+ <td className="k-calendar-td">
1719
+ <span className="k-link">
1720
+ <span className="k-day">17</span>
1721
+ </span>
1722
+ </td>
1723
+ <td className="k-calendar-td">
1724
+ <span className="k-link">
1725
+ <span className="k-day">18</span>
1726
+ </span>
1727
+ </td>
1728
+ <td className="k-calendar-td k-weekend">
1729
+ <span className="k-link">
1730
+ <span className="k-day">19</span>
1731
+ </span>
1732
+ </td>
1733
+ </tr>
1734
+ <tr className="k-calendar-tr">
1735
+ <td className="k-calendar-td k-weekend">
1736
+ <span className="k-link">
1737
+ <span className="k-day">20</span>
1738
+ </span>
1739
+ </td>
1740
+ <td className="k-calendar-td">
1741
+ <span className="k-link">
1742
+ <span className="k-day">21</span>
1743
+ </span>
1744
+ </td>
1745
+ <td className="k-calendar-td">
1746
+ <span className="k-link">
1747
+ <span className="k-day">22</span>
1748
+ </span>
1749
+ </td>
1750
+ <td className="k-calendar-td">
1751
+ <span className="k-link">
1752
+ <span className="k-day">23</span>
1753
+ </span>
1754
+ </td>
1755
+ <td className="k-calendar-td">
1756
+ <span className="k-link">
1757
+ <span className="k-day">24</span>
1758
+ </span>
1759
+ </td>
1760
+ <td className="k-calendar-td">
1761
+ <span className="k-link">
1762
+ <span className="k-day">25</span>
1763
+ </span>
1764
+ </td>
1765
+ <td className="k-calendar-td k-weekend">
1766
+ <span className="k-link">
1767
+ <span className="k-day">26</span>
1768
+ </span>
1769
+ </td>
1770
+ </tr>
1771
+ <tr className="k-calendar-tr">
1772
+ <td className="k-calendar-td k-weekend">
1773
+ <span className="k-link">
1774
+ <span className="k-day">27</span>
1775
+ </span>
1776
+ </td>
1777
+ <td className="k-calendar-td">
1778
+ <span className="k-link">
1779
+ <span className="k-day">28</span>
1780
+ </span>
1781
+ </td>
1782
+ <td className="k-calendar-td">
1783
+ <span className="k-link">
1784
+ <span className="k-day">29</span>
1785
+ </span>
1786
+ </td>
1787
+ <td className="k-calendar-td">
1788
+ <span className="k-link">
1789
+ <span className="k-day">30</span>
1790
+ </span>
1791
+ </td>
1792
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1793
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1794
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1795
+ </tr>
1796
+ <tr className="k-calendar-tr">
1797
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1798
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1799
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1800
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1801
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1802
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1803
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1804
+ </tr>
1805
+ </tbody>
1806
+ </table>
1807
+ <table className="k-calendar-table k-month">
1808
+ <caption className="k-calendar-caption k-month-header">
1809
+ October 2020
1810
+ </caption>
1811
+ <thead className="k-calendar-thead">
1812
+ <tr className="k-calendar-tr">
1813
+ <th className="k-calendar-th">Su</th>
1814
+ <th className="k-calendar-th">Mo</th>
1815
+ <th className="k-calendar-th">Tu</th>
1816
+ <th className="k-calendar-th">We</th>
1817
+ <th className="k-calendar-th">Th</th>
1818
+ <th className="k-calendar-th">Fr</th>
1819
+ <th className="k-calendar-th">Sa</th>
1820
+ </tr>
1821
+ </thead>
1822
+ <tbody className="k-calendar-tbody">
1823
+ <tr className="k-calendar-tr">
1824
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1825
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1826
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1827
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1828
+ <td className="k-calendar-td">
1829
+ <span className="k-link">
1830
+ <span className="k-day">1</span>
1831
+ </span>
1832
+ </td>
1833
+ <td className="k-calendar-td">
1834
+ <span className="k-link">
1835
+ <span className="k-day">2</span>
1836
+ </span>
1837
+ </td>
1838
+ <td className="k-calendar-td k-weekend">
1839
+ <span className="k-link">
1840
+ <span className="k-day">3</span>
1841
+ </span>
1842
+ </td>
1843
+ </tr>
1844
+ <tr className="k-calendar-tr">
1845
+ <td className="k-calendar-td k-weekend">
1846
+ <span className="k-link">
1847
+ <span className="k-day">4</span>
1848
+ </span>
1849
+ </td>
1850
+ <td className="k-calendar-td">
1851
+ <span className="k-link">
1852
+ <span className="k-day">5</span>
1853
+ </span>
1854
+ </td>
1855
+ <td className="k-calendar-td">
1856
+ <span className="k-link">
1857
+ <span className="k-day">6</span>
1858
+ </span>
1859
+ </td>
1860
+ <td className="k-calendar-td">
1861
+ <span className="k-link">
1862
+ <span className="k-day">7</span>
1863
+ </span>
1864
+ </td>
1865
+ <td className="k-calendar-td">
1866
+ <span className="k-link">
1867
+ <span className="k-day">8</span>
1868
+ </span>
1869
+ </td>
1870
+ <td className="k-calendar-td">
1871
+ <span className="k-link">
1872
+ <span className="k-day">9</span>
1873
+ </span>
1874
+ </td>
1875
+ <td className="k-calendar-td k-weekend">
1876
+ <span className="k-link">
1877
+ <span className="k-day">10</span>
1878
+ </span>
1879
+ </td>
1880
+ </tr>
1881
+ <tr className="k-calendar-tr">
1882
+ <td className="k-calendar-td k-weekend">
1883
+ <span className="k-link">
1884
+ <span className="k-day">11</span>
1885
+ </span>
1886
+ </td>
1887
+ <td className="k-calendar-td">
1888
+ <span className="k-link">
1889
+ <span className="k-day">12</span>
1890
+ </span>
1891
+ </td>
1892
+ <td className="k-calendar-td">
1893
+ <span className="k-link">
1894
+ <span className="k-day">13</span>
1895
+ </span>
1896
+ </td>
1897
+ <td className="k-calendar-td">
1898
+ <span className="k-link">
1899
+ <span className="k-day">14</span>
1900
+ </span>
1901
+ </td>
1902
+ <td className="k-calendar-td">
1903
+ <span className="k-link">
1904
+ <span className="k-day">15</span>
1905
+ </span>
1906
+ </td>
1907
+ <td className="k-calendar-td">
1908
+ <span className="k-link">
1909
+ <span className="k-day">16</span>
1910
+ </span>
1911
+ </td>
1912
+ <td className="k-calendar-td k-weekend">
1913
+ <span className="k-link">
1914
+ <span className="k-day">17</span>
1915
+ </span>
1916
+ </td>
1917
+ </tr>
1918
+ <tr className="k-calendar-tr">
1919
+ <td className="k-calendar-td k-weekend">
1920
+ <span className="k-link">
1921
+ <span className="k-day">18</span>
1922
+ </span>
1923
+ </td>
1924
+ <td className="k-calendar-td">
1925
+ <span className="k-link">
1926
+ <span className="k-day">19</span>
1927
+ </span>
1928
+ </td>
1929
+ <td className="k-calendar-td">
1930
+ <span className="k-link">
1931
+ <span className="k-day">20</span>
1932
+ </span>
1933
+ </td>
1934
+ <td className="k-calendar-td">
1935
+ <span className="k-link">
1936
+ <span className="k-day">21</span>
1937
+ </span>
1938
+ </td>
1939
+ <td className="k-calendar-td">
1940
+ <span className="k-link">
1941
+ <span className="k-day">22</span>
1942
+ </span>
1943
+ </td>
1944
+ <td className="k-calendar-td">
1945
+ <span className="k-link">
1946
+ <span className="k-day">23</span>
1947
+ </span>
1948
+ </td>
1949
+ <td className="k-calendar-td k-weekend">
1950
+ <span className="k-link">
1951
+ <span className="k-day">24</span>
1952
+ </span>
1953
+ </td>
1954
+ </tr>
1955
+ <tr className="k-calendar-tr">
1956
+ <td className="k-calendar-td k-weekend">
1957
+ <span className="k-link">
1958
+ <span className="k-day">25</span>
1959
+ </span>
1960
+ </td>
1961
+ <td className="k-calendar-td">
1962
+ <span className="k-link">
1963
+ <span className="k-day">26</span>
1964
+ </span>
1965
+ </td>
1966
+ <td className="k-calendar-td">
1967
+ <span className="k-link">
1968
+ <span className="k-day">27</span>
1969
+ </span>
1970
+ </td>
1971
+ <td className="k-calendar-td">
1972
+ <span className="k-link">
1973
+ <span className="k-day">28</span>
1974
+ </span>
1975
+ </td>
1976
+ <td className="k-calendar-td">
1977
+ <span className="k-link">
1978
+ <span className="k-day">29</span>
1979
+ </span>
1980
+ </td>
1981
+ <td className="k-calendar-td">
1982
+ <span className="k-link">
1983
+ <span className="k-day">30</span>
1984
+ </span>
1985
+ </td>
1986
+ <td className="k-calendar-td k-weekend">
1987
+ <span className="k-link">
1988
+ <span className="k-day">31</span>
1989
+ </span>
1990
+ </td>
1991
+ </tr>
1992
+ <tr className="k-calendar-tr">
1993
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
1994
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1995
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1996
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1997
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1998
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
1999
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
2000
+ </tr>
2001
+ </tbody>
2002
+ </table>
2003
+ <table className="k-calendar-table k-month">
2004
+ <caption className="k-calendar-caption k-month-header">
2005
+ November 2020
2006
+ </caption>
2007
+ <thead className="k-calendar-thead">
2008
+ <tr className="k-calendar-tr">
2009
+ <th className="k-calendar-th">Su</th>
2010
+ <th className="k-calendar-th">Mo</th>
2011
+ <th className="k-calendar-th">Tu</th>
2012
+ <th className="k-calendar-th">We</th>
2013
+ <th className="k-calendar-th">Th</th>
2014
+ <th className="k-calendar-th">Fr</th>
2015
+ <th className="k-calendar-th">Sa</th>
2016
+ </tr>
2017
+ </thead>
2018
+ <tbody className="k-calendar-tbody">
2019
+ <tr className="k-calendar-tr">
2020
+ <td className="k-calendar-td k-weekend">
2021
+ <span className="k-link">
2022
+ <span className="k-day">1</span>
2023
+ </span>
2024
+ </td>
2025
+ <td className="k-calendar-td">
2026
+ <span className="k-link">
2027
+ <span className="k-day">2</span>
2028
+ </span>
2029
+ </td>
2030
+ <td className="k-calendar-td">
2031
+ <span className="k-link">
2032
+ <span className="k-day">3</span>
2033
+ </span>
2034
+ </td>
2035
+ <td className="k-calendar-td">
2036
+ <span className="k-link">
2037
+ <span className="k-day">4</span>
2038
+ </span>
2039
+ </td>
2040
+ <td className="k-calendar-td">
2041
+ <span className="k-link">
2042
+ <span className="k-day">5</span>
2043
+ </span>
2044
+ </td>
2045
+ <td className="k-calendar-td">
2046
+ <span className="k-link">
2047
+ <span className="k-day">6</span>
2048
+ </span>
2049
+ </td>
2050
+ <td className="k-calendar-td k-weekend">
2051
+ <span className="k-link">
2052
+ <span className="k-day">7</span>
2053
+ </span>
2054
+ </td>
2055
+ </tr>
2056
+ <tr className="k-calendar-tr">
2057
+ <td className="k-calendar-td k-weekend">
2058
+ <span className="k-link">
2059
+ <span className="k-day">8</span>
2060
+ </span>
2061
+ </td>
2062
+ <td className="k-calendar-td">
2063
+ <span className="k-link">
2064
+ <span className="k-day">9</span>
2065
+ </span>
2066
+ </td>
2067
+ <td className="k-calendar-td">
2068
+ <span className="k-link">
2069
+ <span className="k-day">10</span>
2070
+ </span>
2071
+ </td>
2072
+ <td className="k-calendar-td">
2073
+ <span className="k-link">
2074
+ <span className="k-day">11</span>
2075
+ </span>
2076
+ </td>
2077
+ <td className="k-calendar-td">
2078
+ <span className="k-link">
2079
+ <span className="k-day">12</span>
2080
+ </span>
2081
+ </td>
2082
+ <td className="k-calendar-td">
2083
+ <span className="k-link">
2084
+ <span className="k-day">13</span>
2085
+ </span>
2086
+ </td>
2087
+ <td className="k-calendar-td k-weekend">
2088
+ <span className="k-link">
2089
+ <span className="k-day">14</span>
2090
+ </span>
2091
+ </td>
2092
+ </tr>
2093
+ <tr className="k-calendar-tr">
2094
+ <td className="k-calendar-td k-weekend">
2095
+ <span className="k-link">
2096
+ <span className="k-day">15</span>
2097
+ </span>
2098
+ </td>
2099
+ <td className="k-calendar-td">
2100
+ <span className="k-link">
2101
+ <span className="k-day">16</span>
2102
+ </span>
2103
+ </td>
2104
+ <td className="k-calendar-td">
2105
+ <span className="k-link">
2106
+ <span className="k-day">17</span>
2107
+ </span>
2108
+ </td>
2109
+ <td className="k-calendar-td">
2110
+ <span className="k-link">
2111
+ <span className="k-day">18</span>
2112
+ </span>
2113
+ </td>
2114
+ <td className="k-calendar-td">
2115
+ <span className="k-link">
2116
+ <span className="k-day">19</span>
2117
+ </span>
2118
+ </td>
2119
+ <td className="k-calendar-td">
2120
+ <span className="k-link">
2121
+ <span className="k-day">20</span>
2122
+ </span>
2123
+ </td>
2124
+ <td className="k-calendar-td k-weekend">
2125
+ <span className="k-link">
2126
+ <span className="k-day">21</span>
2127
+ </span>
2128
+ </td>
2129
+ </tr>
2130
+ <tr className="k-calendar-tr">
2131
+ <td className="k-calendar-td k-weekend">
2132
+ <span className="k-link">
2133
+ <span className="k-day">22</span>
2134
+ </span>
2135
+ </td>
2136
+ <td className="k-calendar-td">
2137
+ <span className="k-link">
2138
+ <span className="k-day">23</span>
2139
+ </span>
2140
+ </td>
2141
+ <td className="k-calendar-td">
2142
+ <span className="k-link">
2143
+ <span className="k-day">24</span>
2144
+ </span>
2145
+ </td>
2146
+ <td className="k-calendar-td">
2147
+ <span className="k-link">
2148
+ <span className="k-day">25</span>
2149
+ </span>
2150
+ </td>
2151
+ <td className="k-calendar-td">
2152
+ <span className="k-link">
2153
+ <span className="k-day">26</span>
2154
+ </span>
2155
+ </td>
2156
+ <td className="k-calendar-td">
2157
+ <span className="k-link">
2158
+ <span className="k-day">27</span>
2159
+ </span>
2160
+ </td>
2161
+ <td className="k-calendar-td k-weekend">
2162
+ <span className="k-link">
2163
+ <span className="k-day">28</span>
2164
+ </span>
2165
+ </td>
2166
+ </tr>
2167
+ <tr className="k-calendar-tr">
2168
+ <td className="k-calendar-td k-weekend">
2169
+ <span className="k-link">
2170
+ <span className="k-day">29</span>
2171
+ </span>
2172
+ </td>
2173
+ <td className="k-calendar-td">
2174
+ <span className="k-link">
2175
+ <span className="k-day">30</span>
2176
+ </span>
2177
+ </td>
2178
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2179
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2180
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2181
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2182
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
2183
+ </tr>
2184
+ <tr className="k-calendar-tr">
2185
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
2186
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2187
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2188
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2189
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2190
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2191
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
2192
+ </tr>
2193
+ </tbody>
2194
+ </table>
2195
+ <table className="k-calendar-table k-month">
2196
+ <caption className="k-calendar-caption k-month-header">
2197
+ December 2020
2198
+ </caption>
2199
+ <thead className="k-calendar-thead">
2200
+ <tr className="k-calendar-tr">
2201
+ <th className="k-calendar-th">Su</th>
2202
+ <th className="k-calendar-th">Mo</th>
2203
+ <th className="k-calendar-th">Tu</th>
2204
+ <th className="k-calendar-th">We</th>
2205
+ <th className="k-calendar-th">Th</th>
2206
+ <th className="k-calendar-th">Fr</th>
2207
+ <th className="k-calendar-th">Sa</th>
2208
+ </tr>
2209
+ </thead>
2210
+ <tbody className="k-calendar-tbody">
2211
+ <tr className="k-calendar-tr">
2212
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
2213
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2214
+ <td className="k-calendar-td">
2215
+ <span className="k-link">
2216
+ <span className="k-day">1</span>
2217
+ </span>
2218
+ </td>
2219
+ <td className="k-calendar-td">
2220
+ <span className="k-link">
2221
+ <span className="k-day">2</span>
2222
+ </span>
2223
+ </td>
2224
+ <td className="k-calendar-td">
2225
+ <span className="k-link">
2226
+ <span className="k-day">3</span>
2227
+ </span>
2228
+ </td>
2229
+ <td className="k-calendar-td">
2230
+ <span className="k-link">
2231
+ <span className="k-day">4</span>
2232
+ </span>
2233
+ </td>
2234
+ <td className="k-calendar-td k-weekend">
2235
+ <span className="k-link">
2236
+ <span className="k-day">5</span>
2237
+ </span>
2238
+ </td>
2239
+ </tr>
2240
+ <tr className="k-calendar-tr">
2241
+ <td className="k-calendar-td k-weekend">
2242
+ <span className="k-link">
2243
+ <span className="k-day">6</span>
2244
+ </span>
2245
+ </td>
2246
+ <td className="k-calendar-td">
2247
+ <span className="k-link">
2248
+ <span className="k-day">7</span>
2249
+ </span>
2250
+ </td>
2251
+ <td className="k-calendar-td">
2252
+ <span className="k-link">
2253
+ <span className="k-day">8</span>
2254
+ </span>
2255
+ </td>
2256
+ <td className="k-calendar-td">
2257
+ <span className="k-link">
2258
+ <span className="k-day">9</span>
2259
+ </span>
2260
+ </td>
2261
+ <td className="k-calendar-td">
2262
+ <span className="k-link">
2263
+ <span className="k-day">10</span>
2264
+ </span>
2265
+ </td>
2266
+ <td className="k-calendar-td">
2267
+ <span className="k-link">
2268
+ <span className="k-day">11</span>
2269
+ </span>
2270
+ </td>
2271
+ <td className="k-calendar-td k-weekend">
2272
+ <span className="k-link">
2273
+ <span className="k-day">12</span>
2274
+ </span>
2275
+ </td>
2276
+ </tr>
2277
+ <tr className="k-calendar-tr">
2278
+ <td className="k-calendar-td k-weekend">
2279
+ <span className="k-link">
2280
+ <span className="k-day">13</span>
2281
+ </span>
2282
+ </td>
2283
+ <td className="k-calendar-td">
2284
+ <span className="k-link">
2285
+ <span className="k-day">14</span>
2286
+ </span>
2287
+ </td>
2288
+ <td className="k-calendar-td">
2289
+ <span className="k-link">
2290
+ <span className="k-day">15</span>
2291
+ </span>
2292
+ </td>
2293
+ <td className="k-calendar-td">
2294
+ <span className="k-link">
2295
+ <span className="k-day">16</span>
2296
+ </span>
2297
+ </td>
2298
+ <td className="k-calendar-td">
2299
+ <span className="k-link">
2300
+ <span className="k-day">17</span>
2301
+ </span>
2302
+ </td>
2303
+ <td className="k-calendar-td">
2304
+ <span className="k-link">
2305
+ <span className="k-day">18</span>
2306
+ </span>
2307
+ </td>
2308
+ <td className="k-calendar-td k-weekend">
2309
+ <span className="k-link">
2310
+ <span className="k-day">19</span>
2311
+ </span>
2312
+ </td>
2313
+ </tr>
2314
+ <tr className="k-calendar-tr">
2315
+ <td className="k-calendar-td k-weekend">
2316
+ <span className="k-link">
2317
+ <span className="k-day">20</span>
2318
+ </span>
2319
+ </td>
2320
+ <td className="k-calendar-td">
2321
+ <span className="k-link">
2322
+ <span className="k-day">21</span>
2323
+ </span>
2324
+ </td>
2325
+ <td className="k-calendar-td">
2326
+ <span className="k-link">
2327
+ <span className="k-day">22</span>
2328
+ </span>
2329
+ </td>
2330
+ <td className="k-calendar-td">
2331
+ <span className="k-link">
2332
+ <span className="k-day">23</span>
2333
+ </span>
2334
+ </td>
2335
+ <td className="k-calendar-td">
2336
+ <span className="k-link">
2337
+ <span className="k-day">24</span>
2338
+ </span>
2339
+ </td>
2340
+ <td className="k-calendar-td">
2341
+ <span className="k-link">
2342
+ <span className="k-day">25</span>
2343
+ </span>
2344
+ </td>
2345
+ <td className="k-calendar-td k-weekend">
2346
+ <span className="k-link">
2347
+ <span className="k-day">26</span>
2348
+ </span>
2349
+ </td>
2350
+ </tr>
2351
+ <tr className="k-calendar-tr">
2352
+ <td className="k-calendar-td k-weekend">
2353
+ <span className="k-link">
2354
+ <span className="k-day">27</span>
2355
+ </span>
2356
+ </td>
2357
+ <td className="k-calendar-td">
2358
+ <span className="k-link">
2359
+ <span className="k-day">28</span>
2360
+ </span>
2361
+ </td>
2362
+ <td className="k-calendar-td">
2363
+ <span className="k-link">
2364
+ <span className="k-day">29</span>
2365
+ </span>
2366
+ </td>
2367
+ <td className="k-calendar-td">
2368
+ <span className="k-link">
2369
+ <span className="k-day">30</span>
2370
+ </span>
2371
+ </td>
2372
+ <td className="k-calendar-td">
2373
+ <span className="k-link">
2374
+ <span className="k-day">31</span>
2375
+ </span>
2376
+ </td>
2377
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2378
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
2379
+ </tr>
2380
+ <tr className="k-calendar-tr">
2381
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
2382
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2383
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2384
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2385
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2386
+ <td className="k-calendar-td k-other-month k-out-of-range"></td>
2387
+ <td className="k-calendar-td k-weekend k-other-month k-out-of-range"></td>
2388
+ </tr>
2389
+ </tbody>
2390
+ </table>
2391
+ </div>
2392
+ </div>
2393
+ </div>
2394
+ </>
2395
+ }
2396
+ />
2397
+ </div>
2398
+ </>
2399
+ );