@syncfusion/ej2-calendars 27.2.3 → 28.1.33

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 (137) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-calendars.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js +2 -2
  4. package/dist/global/ej2-calendars.min.js +2 -2
  5. package/dist/global/index.d.ts +2 -2
  6. package/package.json +11 -11
  7. package/styles/bds-lite.css +2546 -0
  8. package/styles/bds-lite.scss +19 -0
  9. package/styles/bds.css +3965 -0
  10. package/styles/bds.scss +24 -0
  11. package/styles/bootstrap-dark-lite.css +8 -2
  12. package/styles/bootstrap-dark.css +9 -3
  13. package/styles/bootstrap-lite.css +7 -1
  14. package/styles/bootstrap.css +8 -2
  15. package/styles/bootstrap4-lite.css +7 -1
  16. package/styles/bootstrap4.css +8 -2
  17. package/styles/bootstrap5-dark-lite.css +7 -1
  18. package/styles/bootstrap5-dark.css +8 -2
  19. package/styles/bootstrap5-lite.css +7 -1
  20. package/styles/bootstrap5.3-lite.css +8 -2
  21. package/styles/bootstrap5.3.css +9 -3
  22. package/styles/bootstrap5.css +8 -2
  23. package/styles/calendar/_bigger.scss +22 -8
  24. package/styles/calendar/_fluent2-definition.scss +8 -4
  25. package/styles/calendar/_layout.scss +19 -2
  26. package/styles/calendar/_tailwind3-definition.scss +262 -0
  27. package/styles/calendar/_theme.scss +101 -23
  28. package/styles/calendar/bds.css +1365 -0
  29. package/styles/calendar/bds.scss +6 -0
  30. package/styles/calendar/bootstrap-dark.css +2 -2
  31. package/styles/calendar/bootstrap.css +2 -2
  32. package/styles/calendar/bootstrap4.css +2 -2
  33. package/styles/calendar/bootstrap5-dark.css +2 -2
  34. package/styles/calendar/bootstrap5.3.css +2 -2
  35. package/styles/calendar/bootstrap5.css +2 -2
  36. package/styles/calendar/fabric-dark.css +2 -2
  37. package/styles/calendar/fabric.css +2 -2
  38. package/styles/calendar/fluent-dark.css +2 -2
  39. package/styles/calendar/fluent.css +2 -2
  40. package/styles/calendar/fluent2.css +11 -7
  41. package/styles/calendar/highcontrast-light.css +2 -2
  42. package/styles/calendar/highcontrast.css +2 -2
  43. package/styles/calendar/icons/_tailwind3.scss +13 -0
  44. package/styles/calendar/material-dark.css +2 -2
  45. package/styles/calendar/material.css +2 -2
  46. package/styles/calendar/material3-dark.css +2 -2
  47. package/styles/calendar/material3.css +2 -2
  48. package/styles/calendar/tailwind-dark.css +2 -2
  49. package/styles/calendar/tailwind.css +2 -2
  50. package/styles/calendar/tailwind3.css +1243 -0
  51. package/styles/calendar/tailwind3.scss +6 -0
  52. package/styles/datepicker/_bootstrap-dark-definition.scss +1 -1
  53. package/styles/datepicker/_bootstrap5.3-definition.scss +1 -1
  54. package/styles/datepicker/_tailwind3-definition.scss +108 -0
  55. package/styles/datepicker/bds.css +603 -0
  56. package/styles/datepicker/bds.scss +8 -0
  57. package/styles/datepicker/bootstrap-dark.css +1 -1
  58. package/styles/datepicker/bootstrap5.3.css +1 -1
  59. package/styles/datepicker/fluent2.css +4 -0
  60. package/styles/datepicker/icons/_tailwind3.scss +52 -0
  61. package/styles/datepicker/tailwind3.css +456 -0
  62. package/styles/datepicker/tailwind3.scss +8 -0
  63. package/styles/daterangepicker/_bigger.scss +1 -1
  64. package/styles/daterangepicker/_fluent2-definition.scss +5 -1
  65. package/styles/daterangepicker/_layout.scss +19 -3
  66. package/styles/daterangepicker/_tailwind3-definition.scss +308 -0
  67. package/styles/daterangepicker/_theme.scss +27 -14
  68. package/styles/daterangepicker/bds.css +1605 -0
  69. package/styles/daterangepicker/bds.scss +8 -0
  70. package/styles/daterangepicker/fluent2.css +9 -1
  71. package/styles/daterangepicker/icons/_tailwind3.scss +74 -0
  72. package/styles/daterangepicker/tailwind3.css +1448 -0
  73. package/styles/daterangepicker/tailwind3.scss +8 -0
  74. package/styles/datetimepicker/_layout.scss +7 -0
  75. package/styles/datetimepicker/_tailwind3-definition.scss +70 -0
  76. package/styles/datetimepicker/_theme.scss +27 -2
  77. package/styles/datetimepicker/bds.css +437 -0
  78. package/styles/datetimepicker/bds.scss +9 -0
  79. package/styles/datetimepicker/bootstrap-dark.css +6 -0
  80. package/styles/datetimepicker/bootstrap.css +6 -0
  81. package/styles/datetimepicker/bootstrap4.css +6 -0
  82. package/styles/datetimepicker/bootstrap5-dark.css +6 -0
  83. package/styles/datetimepicker/bootstrap5.3.css +6 -0
  84. package/styles/datetimepicker/bootstrap5.css +6 -0
  85. package/styles/datetimepicker/fabric-dark.css +6 -0
  86. package/styles/datetimepicker/fabric.css +6 -0
  87. package/styles/datetimepicker/fluent-dark.css +6 -0
  88. package/styles/datetimepicker/fluent.css +6 -0
  89. package/styles/datetimepicker/fluent2.css +8 -0
  90. package/styles/datetimepicker/highcontrast-light.css +6 -0
  91. package/styles/datetimepicker/highcontrast.css +6 -0
  92. package/styles/datetimepicker/icons/_tailwind3.scss +11 -0
  93. package/styles/datetimepicker/material-dark.css +6 -0
  94. package/styles/datetimepicker/material.css +6 -0
  95. package/styles/datetimepicker/material3-dark.css +6 -0
  96. package/styles/datetimepicker/material3.css +6 -0
  97. package/styles/datetimepicker/tailwind-dark.css +6 -0
  98. package/styles/datetimepicker/tailwind.css +6 -0
  99. package/styles/datetimepicker/tailwind3.css +260 -0
  100. package/styles/datetimepicker/tailwind3.scss +9 -0
  101. package/styles/fabric-dark-lite.css +7 -1
  102. package/styles/fabric-dark.css +8 -2
  103. package/styles/fabric-lite.css +7 -1
  104. package/styles/fabric.css +8 -2
  105. package/styles/fluent-dark-lite.css +7 -1
  106. package/styles/fluent-dark.css +8 -2
  107. package/styles/fluent-lite.css +7 -1
  108. package/styles/fluent.css +8 -2
  109. package/styles/fluent2-lite.css +18 -2
  110. package/styles/fluent2.css +24 -8
  111. package/styles/highcontrast-light-lite.css +7 -1
  112. package/styles/highcontrast-light.css +8 -2
  113. package/styles/highcontrast-lite.css +7 -1
  114. package/styles/highcontrast.css +8 -2
  115. package/styles/material-dark-lite.css +7 -1
  116. package/styles/material-dark.css +8 -2
  117. package/styles/material-lite.css +7 -1
  118. package/styles/material.css +8 -2
  119. package/styles/material3-dark-lite.css +7 -1
  120. package/styles/material3-dark.css +8 -2
  121. package/styles/material3-lite.css +7 -1
  122. package/styles/material3.css +8 -2
  123. package/styles/tailwind-dark-lite.css +7 -1
  124. package/styles/tailwind-dark.css +8 -2
  125. package/styles/tailwind-lite.css +7 -1
  126. package/styles/tailwind.css +8 -2
  127. package/styles/tailwind3-lite.css +2384 -0
  128. package/styles/tailwind3-lite.scss +19 -0
  129. package/styles/tailwind3.css +3701 -0
  130. package/styles/tailwind3.scss +24 -0
  131. package/styles/timepicker/_tailwind3-definition.scss +92 -0
  132. package/styles/timepicker/_theme.scss +26 -1
  133. package/styles/timepicker/bds.css +470 -0
  134. package/styles/timepicker/bds.scss +7 -0
  135. package/styles/timepicker/icons/_tailwind3.scss +24 -0
  136. package/styles/timepicker/tailwind3.css +351 -0
  137. package/styles/timepicker/tailwind3.scss +7 -0
package/styles/calendar/bds.scss ADDED
@@ -0,0 +1,6 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-buttons/styles/button/bds-definition.scss';
3
+ @import 'bds-definition.scss';
4
+ @import 'icons/bds.scss';
5
+ @import 'all.scss';
6
+ @import 'bigger.scss';
package/styles/calendar/bootstrap-dark.css CHANGED
@@ -282,6 +282,7 @@ ejs-calendar {
282
282
  .e-calendar .e-footer-container {
283
283
  background-color: transparent;
284
284
  border-top: none;
285
+ text-align: center;
285
286
  cursor: default;
286
287
  display: inline-block;
287
288
  -webkit-box-orient: horizontal;
@@ -292,7 +293,6 @@ ejs-calendar {
292
293
  -ms-flex-pack: end;
293
294
  justify-content: flex-end;
294
295
  padding: 10px 0 0 0;
295
- text-align: center;
296
296
  width: 100%;
297
297
  }
298
298
  .e-small.e-calendar,
@@ -1161,6 +1161,7 @@ ejs-calendar {
1161
1161
  .e-bigger.e-small .e-calendar .e-footer-container {
1162
1162
  background-color: transparent;
1163
1163
  border-top: none;
1164
+ text-align: center;
1164
1165
  cursor: default;
1165
1166
  display: inline-block;
1166
1167
  -webkit-box-orient: horizontal;
@@ -1171,7 +1172,6 @@ ejs-calendar {
1171
1172
  -ms-flex-pack: end;
1172
1173
  justify-content: flex-end;
1173
1174
  padding: 10px 0 0 0;
1174
- text-align: center;
1175
1175
  width: 100%;
1176
1176
  }
1177
1177
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/bootstrap.css CHANGED
@@ -283,6 +283,7 @@ ejs-calendar {
283
283
  .e-calendar .e-footer-container {
284
284
  background-color: #fff;
285
285
  border-top: none;
286
+ text-align: center;
286
287
  cursor: default;
287
288
  display: inline-block;
288
289
  -webkit-box-orient: horizontal;
@@ -293,7 +294,6 @@ ejs-calendar {
293
294
  -ms-flex-pack: end;
294
295
  justify-content: flex-end;
295
296
  padding: 10px 0 0 0;
296
- text-align: center;
297
297
  width: 100%;
298
298
  }
299
299
  .e-small.e-calendar,
@@ -1162,6 +1162,7 @@ ejs-calendar {
1162
1162
  .e-bigger.e-small .e-calendar .e-footer-container {
1163
1163
  background-color: #fff;
1164
1164
  border-top: none;
1165
+ text-align: center;
1165
1166
  cursor: default;
1166
1167
  display: inline-block;
1167
1168
  -webkit-box-orient: horizontal;
@@ -1172,7 +1173,6 @@ ejs-calendar {
1172
1173
  -ms-flex-pack: end;
1173
1174
  justify-content: flex-end;
1174
1175
  padding: 10px 0 0 0;
1175
- text-align: center;
1176
1176
  width: 100%;
1177
1177
  }
1178
1178
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/bootstrap4.css CHANGED
@@ -283,6 +283,7 @@ ejs-calendar {
283
283
  .e-calendar .e-footer-container {
284
284
  background-color: #fff;
285
285
  border-top: 1px solid #e9ecef;
286
+ text-align: center;
286
287
  cursor: default;
287
288
  display: inline-block;
288
289
  -webkit-box-orient: horizontal;
@@ -293,7 +294,6 @@ ejs-calendar {
293
294
  -ms-flex-pack: end;
294
295
  justify-content: flex-end;
295
296
  padding: 12px;
296
- text-align: center;
297
297
  width: 100%;
298
298
  }
299
299
  .e-small.e-calendar,
@@ -1162,6 +1162,7 @@ ejs-calendar {
1162
1162
  .e-bigger.e-small .e-calendar .e-footer-container {
1163
1163
  background-color: #fff;
1164
1164
  border-top: 1px solid #e9ecef;
1165
+ text-align: center;
1165
1166
  cursor: default;
1166
1167
  display: inline-block;
1167
1168
  -webkit-box-orient: horizontal;
@@ -1172,7 +1173,6 @@ ejs-calendar {
1172
1173
  -ms-flex-pack: end;
1173
1174
  justify-content: flex-end;
1174
1175
  padding: 12px;
1175
- text-align: center;
1176
1176
  width: 100%;
1177
1177
  }
1178
1178
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/bootstrap5-dark.css CHANGED
@@ -283,6 +283,7 @@ ejs-calendar {
283
283
  .e-calendar .e-footer-container {
284
284
  background-color: transparent;
285
285
  border-top: 1px solid #444c54;
286
+ text-align: center;
286
287
  cursor: default;
287
288
  display: inline-block;
288
289
  -webkit-box-orient: horizontal;
@@ -293,7 +294,6 @@ ejs-calendar {
293
294
  -ms-flex-pack: end;
294
295
  justify-content: flex-end;
295
296
  padding: 8px;
296
- text-align: center;
297
297
  width: 100%;
298
298
  }
299
299
  .e-calendar.e-rtl .e-header .e-title {
@@ -1221,6 +1221,7 @@ ejs-calendar {
1221
1221
  .e-bigger.e-small .e-calendar .e-footer-container {
1222
1222
  background-color: transparent;
1223
1223
  border-top: 1px solid #444c54;
1224
+ text-align: center;
1224
1225
  cursor: default;
1225
1226
  display: inline-block;
1226
1227
  -webkit-box-orient: horizontal;
@@ -1231,7 +1232,6 @@ ejs-calendar {
1231
1232
  -ms-flex-pack: end;
1232
1233
  justify-content: flex-end;
1233
1234
  padding: 8px;
1234
- text-align: center;
1235
1235
  width: 100%;
1236
1236
  }
1237
1237
  .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
package/styles/calendar/bootstrap5.3.css CHANGED
@@ -287,6 +287,7 @@ ejs-calendar {
287
287
  .e-calendar .e-footer-container {
288
288
  background-color: transparent;
289
289
  border-top: 1px solid var(--color-sf-border-light);
290
+ text-align: center;
290
291
  cursor: default;
291
292
  display: inline-block;
292
293
  -webkit-box-orient: horizontal;
@@ -297,7 +298,6 @@ ejs-calendar {
297
298
  -ms-flex-pack: end;
298
299
  justify-content: flex-end;
299
300
  padding: 8px;
300
- text-align: center;
301
301
  width: 100%;
302
302
  }
303
303
  .e-calendar.e-rtl .e-header .e-title {
@@ -1202,6 +1202,7 @@ ejs-calendar {
1202
1202
  .e-bigger.e-small .e-calendar .e-footer-container {
1203
1203
  background-color: transparent;
1204
1204
  border-top: 1px solid var(--color-sf-border-light);
1205
+ text-align: center;
1205
1206
  cursor: default;
1206
1207
  display: inline-block;
1207
1208
  -webkit-box-orient: horizontal;
@@ -1212,7 +1213,6 @@ ejs-calendar {
1212
1213
  -ms-flex-pack: end;
1213
1214
  justify-content: flex-end;
1214
1215
  padding: 8px;
1215
- text-align: center;
1216
1216
  width: 100%;
1217
1217
  }
1218
1218
  .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
package/styles/calendar/bootstrap5.css CHANGED
@@ -283,6 +283,7 @@ ejs-calendar {
283
283
  .e-calendar .e-footer-container {
284
284
  background-color: transparent;
285
285
  border-top: 1px solid #dee2e6;
286
+ text-align: center;
286
287
  cursor: default;
287
288
  display: inline-block;
288
289
  -webkit-box-orient: horizontal;
@@ -293,7 +294,6 @@ ejs-calendar {
293
294
  -ms-flex-pack: end;
294
295
  justify-content: flex-end;
295
296
  padding: 8px;
296
- text-align: center;
297
297
  width: 100%;
298
298
  }
299
299
  .e-calendar.e-rtl .e-header .e-title {
@@ -1221,6 +1221,7 @@ ejs-calendar {
1221
1221
  .e-bigger.e-small .e-calendar .e-footer-container {
1222
1222
  background-color: transparent;
1223
1223
  border-top: 1px solid #dee2e6;
1224
+ text-align: center;
1224
1225
  cursor: default;
1225
1226
  display: inline-block;
1226
1227
  -webkit-box-orient: horizontal;
@@ -1231,7 +1232,6 @@ ejs-calendar {
1231
1232
  -ms-flex-pack: end;
1232
1233
  justify-content: flex-end;
1233
1234
  padding: 8px;
1234
- text-align: center;
1235
1235
  width: 100%;
1236
1236
  }
1237
1237
  .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
package/styles/calendar/fabric-dark.css CHANGED
@@ -290,6 +290,7 @@ ejs-calendar {
290
290
  .e-calendar .e-footer-container {
291
291
  background-color: transparent;
292
292
  border-top: none;
293
+ text-align: center;
293
294
  cursor: default;
294
295
  display: -webkit-box;
295
296
  display: -ms-flexbox;
@@ -302,7 +303,6 @@ ejs-calendar {
302
303
  -ms-flex-pack: end;
303
304
  justify-content: flex-end;
304
305
  padding: 10px 10px 10px 10px;
305
- text-align: center;
306
306
  width: 100%;
307
307
  }
308
308
  .e-small.e-calendar,
@@ -1173,6 +1173,7 @@ ejs-calendar {
1173
1173
  .e-bigger.e-small .e-calendar .e-footer-container {
1174
1174
  background-color: transparent;
1175
1175
  border-top: none;
1176
+ text-align: center;
1176
1177
  cursor: default;
1177
1178
  display: -webkit-box;
1178
1179
  display: -ms-flexbox;
@@ -1185,7 +1186,6 @@ ejs-calendar {
1185
1186
  -ms-flex-pack: end;
1186
1187
  justify-content: flex-end;
1187
1188
  padding: 10px 10px 10px 10px;
1188
- text-align: center;
1189
1189
  width: 100%;
1190
1190
  }
1191
1191
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/fabric.css CHANGED
@@ -291,6 +291,7 @@ ejs-calendar {
291
291
  .e-calendar .e-footer-container {
292
292
  background-color: #fff;
293
293
  border-top: none;
294
+ text-align: center;
294
295
  cursor: default;
295
296
  display: -webkit-box;
296
297
  display: -ms-flexbox;
@@ -303,7 +304,6 @@ ejs-calendar {
303
304
  -ms-flex-pack: end;
304
305
  justify-content: flex-end;
305
306
  padding: 0 10px 10px 10px;
306
- text-align: center;
307
307
  width: 100%;
308
308
  }
309
309
  .e-small.e-calendar,
@@ -1180,6 +1180,7 @@ ejs-calendar {
1180
1180
  .e-bigger.e-small .e-calendar .e-footer-container {
1181
1181
  background-color: #fff;
1182
1182
  border-top: none;
1183
+ text-align: center;
1183
1184
  cursor: default;
1184
1185
  display: -webkit-box;
1185
1186
  display: -ms-flexbox;
@@ -1192,7 +1193,6 @@ ejs-calendar {
1192
1193
  -ms-flex-pack: end;
1193
1194
  justify-content: flex-end;
1194
1195
  padding: 0 10px 10px 10px;
1195
- text-align: center;
1196
1196
  width: 100%;
1197
1197
  }
1198
1198
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/fluent-dark.css CHANGED
@@ -295,6 +295,7 @@ ejs-calendar {
295
295
  .e-calendar .e-footer-container {
296
296
  background-color: transparent;
297
297
  border-top: 0 solid #292827;
298
+ text-align: center;
298
299
  cursor: default;
299
300
  display: -webkit-box;
300
301
  display: -ms-flexbox;
@@ -307,7 +308,6 @@ ejs-calendar {
307
308
  -ms-flex-pack: end;
308
309
  justify-content: flex-end;
309
310
  padding: 8px;
310
- text-align: center;
311
311
  width: 100%;
312
312
  }
313
313
  .e-small.e-calendar,
@@ -1424,6 +1424,7 @@ ejs-calendar {
1424
1424
  .e-bigger.e-small .e-calendar .e-footer-container {
1425
1425
  background-color: transparent;
1426
1426
  border-top: 0 solid #292827;
1427
+ text-align: center;
1427
1428
  cursor: default;
1428
1429
  display: -webkit-box;
1429
1430
  display: -ms-flexbox;
@@ -1436,7 +1437,6 @@ ejs-calendar {
1436
1437
  -ms-flex-pack: end;
1437
1438
  justify-content: flex-end;
1438
1439
  padding: 8px;
1439
- text-align: center;
1440
1440
  width: 100%;
1441
1441
  }
1442
1442
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/fluent.css CHANGED
@@ -295,6 +295,7 @@ ejs-calendar {
295
295
  .e-calendar .e-footer-container {
296
296
  background-color: transparent;
297
297
  border-top: 0 solid #edebe9;
298
+ text-align: center;
298
299
  cursor: default;
299
300
  display: -webkit-box;
300
301
  display: -ms-flexbox;
@@ -307,7 +308,6 @@ ejs-calendar {
307
308
  -ms-flex-pack: end;
308
309
  justify-content: flex-end;
309
310
  padding: 8px;
310
- text-align: center;
311
311
  width: 100%;
312
312
  }
313
313
  .e-small.e-calendar,
@@ -1424,6 +1424,7 @@ ejs-calendar {
1424
1424
  .e-bigger.e-small .e-calendar .e-footer-container {
1425
1425
  background-color: transparent;
1426
1426
  border-top: 0 solid #edebe9;
1427
+ text-align: center;
1427
1428
  cursor: default;
1428
1429
  display: -webkit-box;
1429
1430
  display: -ms-flexbox;
@@ -1436,7 +1437,6 @@ ejs-calendar {
1436
1437
  -ms-flex-pack: end;
1437
1438
  justify-content: flex-end;
1438
1439
  padding: 8px;
1439
- text-align: center;
1440
1440
  width: 100%;
1441
1441
  }
1442
1442
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/fluent2.css CHANGED
@@ -5,6 +5,10 @@
5
5
 
6
6
 
7
7
  /*! calendar theme variables */
8
+ .e-small:not(.e-bigger) .e-calendar.e-week-number {
9
+ min-width: 230px;
10
+ }
11
+
8
12
  /*! component icons */
9
13
  .e-calendar .e-header .e-date-icon-prev::before {
10
14
  content: "\e7df";
@@ -234,7 +238,7 @@ ejs-calendar {
234
238
  min-width: 540px;
235
239
  }
236
240
  .e-calendar.e-week-number {
237
- min-width: 262px;
241
+ min-width: 280px;
238
242
  }
239
243
  .e-calendar.e-week {
240
244
  max-width: 294px;
@@ -305,6 +309,7 @@ ejs-calendar {
305
309
  .e-calendar .e-footer-container {
306
310
  background: var(--color-sf-content-bg-color-alt1);
307
311
  border-top: none;
312
+ text-align: center;
308
313
  cursor: default;
309
314
  display: -webkit-box;
310
315
  display: -ms-flexbox;
@@ -317,7 +322,6 @@ ejs-calendar {
317
322
  -ms-flex-pack: end;
318
323
  justify-content: flex-end;
319
324
  padding: 8px 8px;
320
- text-align: center;
321
325
  width: 100%;
322
326
  }
323
327
  .e-small.e-calendar,
@@ -740,8 +744,8 @@ ejs-calendar {
740
744
 
741
745
  .e-bigger.e-calendar,
742
746
  *.e-bigger .e-calendar {
743
- max-width: 280px;
744
- min-width: 280px;
747
+ max-width: 300px;
748
+ min-width: 300px;
745
749
  padding: 0;
746
750
  }
747
751
  .e-bigger.e-calendar.e-calendar-day-header-lg,
@@ -756,7 +760,7 @@ ejs-calendar {
756
760
  }
757
761
  .e-bigger.e-calendar.e-week-number,
758
762
  *.e-bigger .e-calendar.e-week-number {
759
- min-width: 300px;
763
+ min-width: 335px;
760
764
  }
761
765
  .e-bigger.e-calendar .e-header .e-title,
762
766
  *.e-bigger .e-calendar .e-header .e-title {
@@ -1316,7 +1320,7 @@ ejs-calendar {
1316
1320
  min-width: 540px;
1317
1321
  }
1318
1322
  .e-bigger.e-small .e-calendar.e-week-number {
1319
- min-width: 262px;
1323
+ min-width: 280px;
1320
1324
  }
1321
1325
  .e-bigger.e-small .e-calendar.e-week {
1322
1326
  max-width: 294px;
@@ -1387,6 +1391,7 @@ ejs-calendar {
1387
1391
  .e-bigger.e-small .e-calendar .e-footer-container {
1388
1392
  background: var(--color-sf-content-bg-color-alt1);
1389
1393
  border-top: none;
1394
+ text-align: center;
1390
1395
  cursor: default;
1391
1396
  display: -webkit-box;
1392
1397
  display: -ms-flexbox;
@@ -1399,7 +1404,6 @@ ejs-calendar {
1399
1404
  -ms-flex-pack: end;
1400
1405
  justify-content: flex-end;
1401
1406
  padding: 8px 8px;
1402
- text-align: center;
1403
1407
  width: 100%;
1404
1408
  }
1405
1409
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/highcontrast-light.css CHANGED
@@ -282,6 +282,7 @@ ejs-calendar {
282
282
  .e-calendar .e-footer-container {
283
283
  background-color: #fff;
284
284
  border-top: none;
285
+ text-align: center;
285
286
  cursor: default;
286
287
  display: -webkit-box;
287
288
  display: -ms-flexbox;
@@ -294,7 +295,6 @@ ejs-calendar {
294
295
  -ms-flex-pack: end;
295
296
  justify-content: flex-end;
296
297
  padding: 0 10px 10px 10px;
297
- text-align: center;
298
298
  width: 100%;
299
299
  }
300
300
  .e-small.e-calendar,
@@ -1163,6 +1163,7 @@ ejs-calendar {
1163
1163
  .e-bigger.e-small .e-calendar .e-footer-container {
1164
1164
  background-color: #fff;
1165
1165
  border-top: none;
1166
+ text-align: center;
1166
1167
  cursor: default;
1167
1168
  display: -webkit-box;
1168
1169
  display: -ms-flexbox;
@@ -1175,7 +1176,6 @@ ejs-calendar {
1175
1176
  -ms-flex-pack: end;
1176
1177
  justify-content: flex-end;
1177
1178
  padding: 0 10px 10px 10px;
1178
- text-align: center;
1179
1179
  width: 100%;
1180
1180
  }
1181
1181
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/highcontrast.css CHANGED
@@ -291,6 +291,7 @@ ejs-calendar {
291
291
  .e-calendar .e-footer-container {
292
292
  background-color: #000;
293
293
  border-top: none;
294
+ text-align: center;
294
295
  cursor: default;
295
296
  display: -webkit-box;
296
297
  display: -ms-flexbox;
@@ -303,7 +304,6 @@ ejs-calendar {
303
304
  -ms-flex-pack: end;
304
305
  justify-content: flex-end;
305
306
  padding: 0 10px 10px 10px;
306
- text-align: center;
307
307
  width: 100%;
308
308
  }
309
309
  .e-small.e-calendar,
@@ -1180,6 +1180,7 @@ ejs-calendar {
1180
1180
  .e-bigger.e-small .e-calendar .e-footer-container {
1181
1181
  background-color: #000;
1182
1182
  border-top: none;
1183
+ text-align: center;
1183
1184
  cursor: default;
1184
1185
  display: -webkit-box;
1185
1186
  display: -ms-flexbox;
@@ -1192,7 +1193,6 @@ ejs-calendar {
1192
1193
  -ms-flex-pack: end;
1193
1194
  justify-content: flex-end;
1194
1195
  padding: 0 10px 10px 10px;
1195
- text-align: center;
1196
1196
  width: 100%;
1197
1197
  }
1198
1198
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/icons/_tailwind3.scss ADDED
@@ -0,0 +1,13 @@
1
+ @include export-module('calendar-tailwind3-icons') {
2
+
3
+ /*! component icons */
4
+ .e-calendar .e-header {
5
+ #{if(&, '&', '*')} .e-date-icon-prev::before {
6
+ content: '\e776';
7
+ }
8
+
9
+ #{if(&, '&', '*')} .e-date-icon-next::before {
10
+ content: '\e729';
11
+ }
12
+ }
13
+ }
package/styles/calendar/material-dark.css CHANGED
@@ -290,6 +290,7 @@ ejs-calendar {
290
290
  .e-calendar .e-footer-container {
291
291
  background-color: #303030;
292
292
  border-top: none;
293
+ text-align: center;
293
294
  cursor: default;
294
295
  display: -webkit-box;
295
296
  display: -ms-flexbox;
@@ -302,7 +303,6 @@ ejs-calendar {
302
303
  -ms-flex-pack: end;
303
304
  justify-content: flex-end;
304
305
  padding: 10px 10px 10px 10px;
305
- text-align: center;
306
306
  width: 100%;
307
307
  }
308
308
  .e-small.e-calendar,
@@ -1179,6 +1179,7 @@ ejs-calendar {
1179
1179
  .e-bigger.e-small .e-calendar .e-footer-container {
1180
1180
  background-color: #303030;
1181
1181
  border-top: none;
1182
+ text-align: center;
1182
1183
  cursor: default;
1183
1184
  display: -webkit-box;
1184
1185
  display: -ms-flexbox;
@@ -1191,7 +1192,6 @@ ejs-calendar {
1191
1192
  -ms-flex-pack: end;
1192
1193
  justify-content: flex-end;
1193
1194
  padding: 10px 10px 10px 10px;
1194
- text-align: center;
1195
1195
  width: 100%;
1196
1196
  }
1197
1197
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/material.css CHANGED
@@ -291,6 +291,7 @@ ejs-calendar {
291
291
  .e-calendar .e-footer-container {
292
292
  background-color: #fff;
293
293
  border-top: none;
294
+ text-align: center;
294
295
  cursor: default;
295
296
  display: -webkit-box;
296
297
  display: -ms-flexbox;
@@ -303,7 +304,6 @@ ejs-calendar {
303
304
  -ms-flex-pack: end;
304
305
  justify-content: flex-end;
305
306
  padding: 0 10px 10px 10px;
306
- text-align: center;
307
307
  width: 100%;
308
308
  }
309
309
  .e-small.e-calendar,
@@ -1180,6 +1180,7 @@ ejs-calendar {
1180
1180
  .e-bigger.e-small .e-calendar .e-footer-container {
1181
1181
  background-color: #fff;
1182
1182
  border-top: none;
1183
+ text-align: center;
1183
1184
  cursor: default;
1184
1185
  display: -webkit-box;
1185
1186
  display: -ms-flexbox;
@@ -1192,7 +1193,6 @@ ejs-calendar {
1192
1193
  -ms-flex-pack: end;
1193
1194
  justify-content: flex-end;
1194
1195
  padding: 0 10px 10px 10px;
1195
- text-align: center;
1196
1196
  width: 100%;
1197
1197
  }
1198
1198
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/material3-dark.css CHANGED
@@ -294,6 +294,7 @@ ejs-calendar {
294
294
  .e-calendar .e-footer-container {
295
295
  background: transparent;
296
296
  border-top: none;
297
+ text-align: center;
297
298
  cursor: default;
298
299
  display: -webkit-box;
299
300
  display: -ms-flexbox;
@@ -306,7 +307,6 @@ ejs-calendar {
306
307
  -ms-flex-pack: end;
307
308
  justify-content: flex-end;
308
309
  padding: 8px 12px 8px 12px;
309
- text-align: center;
310
310
  width: 100%;
311
311
  }
312
312
  .e-small.e-calendar,
@@ -1193,6 +1193,7 @@ ejs-calendar {
1193
1193
  .e-bigger.e-small .e-calendar .e-footer-container {
1194
1194
  background: transparent;
1195
1195
  border-top: none;
1196
+ text-align: center;
1196
1197
  cursor: default;
1197
1198
  display: -webkit-box;
1198
1199
  display: -ms-flexbox;
@@ -1205,7 +1206,6 @@ ejs-calendar {
1205
1206
  -ms-flex-pack: end;
1206
1207
  justify-content: flex-end;
1207
1208
  padding: 8px 12px 8px 12px;
1208
- text-align: center;
1209
1209
  width: 100%;
1210
1210
  }
1211
1211
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/material3.css CHANGED
@@ -296,6 +296,7 @@ ejs-calendar {
296
296
  .e-calendar .e-footer-container {
297
297
  background: transparent;
298
298
  border-top: none;
299
+ text-align: center;
299
300
  cursor: default;
300
301
  display: -webkit-box;
301
302
  display: -ms-flexbox;
@@ -308,7 +309,6 @@ ejs-calendar {
308
309
  -ms-flex-pack: end;
309
310
  justify-content: flex-end;
310
311
  padding: 8px 12px 8px 12px;
311
- text-align: center;
312
312
  width: 100%;
313
313
  }
314
314
  .e-small.e-calendar,
@@ -1195,6 +1195,7 @@ ejs-calendar {
1195
1195
  .e-bigger.e-small .e-calendar .e-footer-container {
1196
1196
  background: transparent;
1197
1197
  border-top: none;
1198
+ text-align: center;
1198
1199
  cursor: default;
1199
1200
  display: -webkit-box;
1200
1201
  display: -ms-flexbox;
@@ -1207,7 +1208,6 @@ ejs-calendar {
1207
1208
  -ms-flex-pack: end;
1208
1209
  justify-content: flex-end;
1209
1210
  padding: 8px 12px 8px 12px;
1210
- text-align: center;
1211
1211
  width: 100%;
1212
1212
  }
1213
1213
  .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
package/styles/calendar/tailwind-dark.css CHANGED
@@ -286,6 +286,7 @@ ejs-calendar {
286
286
  .e-calendar .e-footer-container {
287
287
  background-color: #232e3e;
288
288
  border-top: none;
289
+ text-align: center;
289
290
  cursor: default;
290
291
  display: -webkit-box;
291
292
  display: -ms-flexbox;
@@ -298,7 +299,6 @@ ejs-calendar {
298
299
  -ms-flex-pack: end;
299
300
  justify-content: flex-end;
300
301
  padding: 8px 8px;
301
- text-align: center;
302
302
  width: 100%;
303
303
  }
304
304
  .e-small.e-calendar,
@@ -1235,6 +1235,7 @@ ejs-calendar {
1235
1235
  .e-bigger.e-small .e-calendar .e-footer-container {
1236
1236
  background-color: #232e3e;
1237
1237
  border-top: none;
1238
+ text-align: center;
1238
1239
  cursor: default;
1239
1240
  display: -webkit-box;
1240
1241
  display: -ms-flexbox;
@@ -1247,7 +1248,6 @@ ejs-calendar {
1247
1248
  -ms-flex-pack: end;
1248
1249
  justify-content: flex-end;
1249
1250
  padding: 8px 8px;
1250
- text-align: center;
1251
1251
  width: 100%;
1252
1252
  }
1253
1253
  .e-small.e-bigger.e-calendar,
package/styles/calendar/tailwind.css CHANGED
@@ -286,6 +286,7 @@ ejs-calendar {
286
286
  .e-calendar .e-footer-container {
287
287
  background-color: #f9fafb;
288
288
  border-top: none;
289
+ text-align: center;
289
290
  cursor: default;
290
291
  display: -webkit-box;
291
292
  display: -ms-flexbox;
@@ -298,7 +299,6 @@ ejs-calendar {
298
299
  -ms-flex-pack: end;
299
300
  justify-content: flex-end;
300
301
  padding: 8px 8px;
301
- text-align: center;
302
302
  width: 100%;
303
303
  }
304
304
  .e-small.e-calendar,
@@ -1235,6 +1235,7 @@ ejs-calendar {
1235
1235
  .e-bigger.e-small .e-calendar .e-footer-container {
1236
1236
  background-color: #f9fafb;
1237
1237
  border-top: none;
1238
+ text-align: center;
1238
1239
  cursor: default;
1239
1240
  display: -webkit-box;
1240
1241
  display: -ms-flexbox;
@@ -1247,7 +1248,6 @@ ejs-calendar {
1247
1248
  -ms-flex-pack: end;
1248
1249
  justify-content: flex-end;
1249
1250
  padding: 8px 8px;
1250
- text-align: center;
1251
1251
  width: 100%;
1252
1252
  }
1253
1253
  .e-small.e-bigger.e-calendar,