@syncfusion/ej2-calendars 24.1.44 → 24.2.3

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 (64) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-calendars.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js +2 -2
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +2 -2
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +2 -2
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/dist/global/ej2-calendars.min.js +2 -2
  10. package/dist/global/ej2-calendars.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +10 -10
  13. package/src/datepicker/datepicker.js +1 -1
  14. package/src/daterangepicker/daterangepicker.js +1 -1
  15. package/styles/bootstrap-dark.css +26 -1
  16. package/styles/bootstrap.css +26 -1
  17. package/styles/bootstrap4.css +26 -1
  18. package/styles/bootstrap5-dark.css +26 -1
  19. package/styles/bootstrap5.css +26 -1
  20. package/styles/calendar/_bootstrap-dark-definition.scss +10 -0
  21. package/styles/calendar/_bootstrap-definition.scss +10 -0
  22. package/styles/calendar/_bootstrap4-definition.scss +10 -0
  23. package/styles/calendar/_bootstrap5-definition.scss +9 -1
  24. package/styles/calendar/_fabric-dark-definition.scss +10 -0
  25. package/styles/calendar/_fabric-definition.scss +11 -1
  26. package/styles/calendar/_fluent-definition.scss +11 -1
  27. package/styles/calendar/_fusionnew-definition.scss +10 -0
  28. package/styles/calendar/_highcontrast-definition.scss +11 -1
  29. package/styles/calendar/_highcontrast-light-definition.scss +10 -0
  30. package/styles/calendar/_layout.scss +3 -0
  31. package/styles/calendar/_material-dark-definition.scss +11 -1
  32. package/styles/calendar/_material-definition.scss +11 -1
  33. package/styles/calendar/_material3-definition.scss +12 -2
  34. package/styles/calendar/_tailwind-definition.scss +10 -1
  35. package/styles/calendar/_theme.scss +24 -3
  36. package/styles/calendar/bootstrap-dark.css +25 -1
  37. package/styles/calendar/bootstrap.css +25 -1
  38. package/styles/calendar/bootstrap4.css +25 -1
  39. package/styles/calendar/bootstrap5-dark.css +26 -1
  40. package/styles/calendar/bootstrap5.css +26 -1
  41. package/styles/calendar/fabric-dark.css +25 -1
  42. package/styles/calendar/fabric.css +27 -3
  43. package/styles/calendar/fluent-dark.css +35 -10
  44. package/styles/calendar/fluent.css +35 -10
  45. package/styles/calendar/highcontrast-light.css +25 -1
  46. package/styles/calendar/highcontrast.css +27 -3
  47. package/styles/calendar/material-dark.css +33 -9
  48. package/styles/calendar/material.css +33 -9
  49. package/styles/calendar/material3-dark.css +36 -12
  50. package/styles/calendar/material3.css +36 -12
  51. package/styles/calendar/tailwind-dark.css +25 -1
  52. package/styles/calendar/tailwind.css +25 -1
  53. package/styles/fabric-dark.css +26 -1
  54. package/styles/fabric.css +28 -3
  55. package/styles/fluent-dark.css +35 -10
  56. package/styles/fluent.css +35 -10
  57. package/styles/highcontrast-light.css +26 -1
  58. package/styles/highcontrast.css +28 -3
  59. package/styles/material-dark.css +34 -9
  60. package/styles/material.css +34 -9
  61. package/styles/material3-dark.css +37 -12
  62. package/styles/material3.css +37 -12
  63. package/styles/tailwind-dark.css +26 -1
  64. package/styles/tailwind.css +26 -1
@@ -205,6 +205,9 @@ ejs-calendar {
205
205
  font-size: 16px;
206
206
  font-weight: 500;
207
207
  text-align: left;
208
+ padding: 0 5px;
209
+ border: none;
210
+ border-radius: 4px;
208
211
  }
209
212
  .e-calendar .e-header .e-title,
210
213
  .e-bigger.e-small .e-calendar .e-header .e-title {
@@ -667,10 +670,22 @@ ejs-calendar {
667
670
  }
668
671
  .e-calendar .e-header .e-title:hover,
669
672
  .e-bigger.e-small .e-calendar .e-header .e-title:hover {
670
- color: #fff;
673
+ background: none;
671
674
  cursor: pointer;
672
675
  text-decoration: none;
673
676
  }
677
+ .e-calendar .e-header .e-title:focus,
678
+ .e-bigger.e-small .e-calendar .e-header .e-title:focus {
679
+ box-shadow: 0 0 0 1px #8b919e;
680
+ background: none;
681
+ text-decoration: none;
682
+ }
683
+ .e-calendar .e-header .e-title:active,
684
+ .e-bigger.e-small .e-calendar .e-header .e-title:active {
685
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
686
+ background: none;
687
+ text-decoration: none;
688
+ }
674
689
  .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span,
675
690
  .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
676
691
  .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
@@ -683,6 +698,11 @@ ejs-calendar {
683
698
  .e-bigger.e-small .e-calendar .e-header .e-next:hover {
684
699
  background: transparent;
685
700
  }
701
+ .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
702
+ .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
703
+ .e-bigger.e-small .e-calendar .e-header .e-next:focus {
704
+ box-shadow: 0 0 0 1px #8b919e;
705
+ }
686
706
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
687
707
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
688
708
  .e-bigger.e-small .e-calendar .e-header .e-next:active {
@@ -925,6 +945,11 @@ ejs-calendar {
925
945
  transform: scale(1);
926
946
  }
927
947
  }
948
+ .e-calendar .e-cell.e-focused-cell {
949
+ box-shadow: 0 0 0 1px #8b919e;
950
+ border-radius: 4px;
951
+ }
952
+
928
953
  /* stylelint-disable property-no-vendor-prefix */
929
954
  /* stylelint-disable-line no-empty-source */
930
955
  /*! component icons */
@@ -205,6 +205,9 @@ ejs-calendar {
205
205
  font-size: 16px;
206
206
  font-weight: 500;
207
207
  text-align: left;
208
+ padding: 0 5px;
209
+ border: none;
210
+ border-radius: 4px;
208
211
  }
209
212
  .e-calendar .e-header .e-title,
210
213
  .e-bigger.e-small .e-calendar .e-header .e-title {
@@ -667,10 +670,22 @@ ejs-calendar {
667
670
  }
668
671
  .e-calendar .e-header .e-title:hover,
669
672
  .e-bigger.e-small .e-calendar .e-header .e-title:hover {
670
- color: #111827;
673
+ background: none;
671
674
  cursor: pointer;
672
675
  text-decoration: none;
673
676
  }
677
+ .e-calendar .e-header .e-title:focus,
678
+ .e-bigger.e-small .e-calendar .e-header .e-title:focus {
679
+ box-shadow: 0 0 0 1px #9ca3af;
680
+ background: none;
681
+ text-decoration: none;
682
+ }
683
+ .e-calendar .e-header .e-title:active,
684
+ .e-bigger.e-small .e-calendar .e-header .e-title:active {
685
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
686
+ background: none;
687
+ text-decoration: none;
688
+ }
674
689
  .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span,
675
690
  .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
676
691
  .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
@@ -683,6 +698,11 @@ ejs-calendar {
683
698
  .e-bigger.e-small .e-calendar .e-header .e-next:hover {
684
699
  background: transparent;
685
700
  }
701
+ .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
702
+ .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
703
+ .e-bigger.e-small .e-calendar .e-header .e-next:focus {
704
+ box-shadow: 0 0 0 1px #9ca3af;
705
+ }
686
706
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
687
707
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
688
708
  .e-bigger.e-small .e-calendar .e-header .e-next:active {
@@ -925,6 +945,11 @@ ejs-calendar {
925
945
  transform: scale(1);
926
946
  }
927
947
  }
948
+ .e-calendar .e-cell.e-focused-cell {
949
+ box-shadow: 0 0 0 1px #9ca3af;
950
+ border-radius: 4px;
951
+ }
952
+
928
953
  /* stylelint-disable property-no-vendor-prefix */
929
954
  /* stylelint-disable-line no-empty-source */
930
955
  /*! component icons */