@syncfusion/ej2-react-calendars 21.2.9 → 22.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/CHANGELOG.md +7 -31
  2. package/dist/ej2-react-calendars.min.js +1 -1
  3. package/dist/ej2-react-calendars.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +715 -19
  6. package/styles/bootstrap.css +711 -15
  7. package/styles/bootstrap4.css +711 -16
  8. package/styles/bootstrap5-dark.css +708 -12
  9. package/styles/bootstrap5.css +708 -12
  10. package/styles/calendar/bootstrap-dark.css +3 -2
  11. package/styles/calendar/bootstrap.css +2 -1
  12. package/styles/calendar/bootstrap4.css +3 -2
  13. package/styles/calendar/bootstrap5-dark.css +2 -1
  14. package/styles/calendar/bootstrap5.css +2 -1
  15. package/styles/calendar/fabric-dark.css +2 -1
  16. package/styles/calendar/fabric.css +2 -1
  17. package/styles/calendar/fluent-dark.css +2 -1
  18. package/styles/calendar/fluent.css +2 -1
  19. package/styles/calendar/highcontrast-light.css +2 -1
  20. package/styles/calendar/highcontrast.css +2 -1
  21. package/styles/calendar/material-dark.css +2 -1
  22. package/styles/calendar/material.css +3 -2
  23. package/styles/calendar/material3-dark.css +895 -0
  24. package/styles/calendar/material3-dark.scss +2 -0
  25. package/styles/calendar/material3.css +951 -0
  26. package/styles/calendar/material3.scss +2 -0
  27. package/styles/calendar/tailwind-dark.css +2 -1
  28. package/styles/calendar/tailwind.css +2 -1
  29. package/styles/datepicker/bootstrap-dark.css +262 -8
  30. package/styles/datepicker/bootstrap.css +262 -8
  31. package/styles/datepicker/bootstrap4.css +261 -8
  32. package/styles/datepicker/bootstrap5-dark.css +259 -5
  33. package/styles/datepicker/bootstrap5.css +259 -5
  34. package/styles/datepicker/fabric-dark.css +255 -8
  35. package/styles/datepicker/fabric.css +255 -8
  36. package/styles/datepicker/fluent-dark.css +258 -5
  37. package/styles/datepicker/fluent.css +258 -5
  38. package/styles/datepicker/highcontrast-light.css +260 -7
  39. package/styles/datepicker/highcontrast.css +260 -7
  40. package/styles/datepicker/material-dark.css +252 -5
  41. package/styles/datepicker/material.css +204 -40
  42. package/styles/datepicker/material3-dark.css +510 -0
  43. package/styles/datepicker/material3-dark.scss +2 -0
  44. package/styles/datepicker/material3.css +566 -0
  45. package/styles/datepicker/material3.scss +2 -0
  46. package/styles/datepicker/tailwind-dark.css +258 -5
  47. package/styles/datepicker/tailwind.css +258 -5
  48. package/styles/daterangepicker/bootstrap-dark.css +358 -7
  49. package/styles/daterangepicker/bootstrap.css +355 -4
  50. package/styles/daterangepicker/bootstrap4.css +355 -4
  51. package/styles/daterangepicker/bootstrap5-dark.css +355 -4
  52. package/styles/daterangepicker/bootstrap5.css +355 -4
  53. package/styles/daterangepicker/fabric-dark.css +355 -4
  54. package/styles/daterangepicker/fabric.css +355 -4
  55. package/styles/daterangepicker/fluent-dark.css +356 -5
  56. package/styles/daterangepicker/fluent.css +356 -5
  57. package/styles/daterangepicker/highcontrast-light.css +355 -4
  58. package/styles/daterangepicker/highcontrast.css +355 -4
  59. package/styles/daterangepicker/material-dark.css +355 -4
  60. package/styles/daterangepicker/material.css +309 -70
  61. package/styles/daterangepicker/material3-dark.css +1330 -0
  62. package/styles/daterangepicker/material3-dark.scss +2 -0
  63. package/styles/daterangepicker/material3.css +1386 -0
  64. package/styles/daterangepicker/material3.scss +2 -0
  65. package/styles/daterangepicker/tailwind-dark.css +355 -4
  66. package/styles/daterangepicker/tailwind.css +355 -4
  67. package/styles/datetimepicker/bootstrap-dark.css +8 -2
  68. package/styles/datetimepicker/bootstrap.css +8 -2
  69. package/styles/datetimepicker/bootstrap4.css +8 -2
  70. package/styles/datetimepicker/bootstrap5-dark.css +8 -2
  71. package/styles/datetimepicker/bootstrap5.css +8 -2
  72. package/styles/datetimepicker/fabric-dark.css +8 -2
  73. package/styles/datetimepicker/fabric.css +8 -2
  74. package/styles/datetimepicker/fluent-dark.css +8 -2
  75. package/styles/datetimepicker/fluent.css +8 -2
  76. package/styles/datetimepicker/highcontrast-light.css +8 -2
  77. package/styles/datetimepicker/highcontrast.css +8 -2
  78. package/styles/datetimepicker/material-dark.css +8 -2
  79. package/styles/datetimepicker/material.css +8 -2
  80. package/styles/datetimepicker/material3-dark.css +283 -0
  81. package/styles/datetimepicker/material3-dark.scss +2 -0
  82. package/styles/datetimepicker/material3.css +339 -0
  83. package/styles/datetimepicker/material3.scss +2 -0
  84. package/styles/datetimepicker/tailwind-dark.css +8 -2
  85. package/styles/datetimepicker/tailwind.css +8 -2
  86. package/styles/fabric-dark.css +704 -15
  87. package/styles/fabric.css +704 -15
  88. package/styles/fluent-dark.css +708 -13
  89. package/styles/fluent.css +708 -13
  90. package/styles/highcontrast-light.css +709 -14
  91. package/styles/highcontrast.css +709 -14
  92. package/styles/material-dark.css +701 -12
  93. package/styles/material.css +608 -114
  94. package/styles/material3-dark.css +3403 -0
  95. package/styles/material3-dark.scss +6 -0
  96. package/styles/material3.css +3679 -0
  97. package/styles/material3.scss +6 -0
  98. package/styles/tailwind-dark.css +707 -12
  99. package/styles/tailwind.css +707 -12
  100. package/styles/timepicker/bootstrap-dark.css +84 -0
  101. package/styles/timepicker/bootstrap.css +84 -0
  102. package/styles/timepicker/bootstrap4.css +84 -0
  103. package/styles/timepicker/bootstrap5-dark.css +84 -0
  104. package/styles/timepicker/bootstrap5.css +84 -0
  105. package/styles/timepicker/fabric-dark.css +84 -0
  106. package/styles/timepicker/fabric.css +84 -0
  107. package/styles/timepicker/fluent-dark.css +84 -0
  108. package/styles/timepicker/fluent.css +84 -0
  109. package/styles/timepicker/highcontrast-light.css +84 -0
  110. package/styles/timepicker/highcontrast.css +84 -0
  111. package/styles/timepicker/material-dark.css +84 -0
  112. package/styles/timepicker/material.css +84 -0
  113. package/styles/timepicker/material3-dark.css +382 -0
  114. package/styles/timepicker/material3-dark.scss +2 -0
  115. package/styles/timepicker/material3.css +438 -0
  116. package/styles/timepicker/material3.scss +2 -0
  117. package/styles/timepicker/tailwind-dark.css +84 -0
  118. package/styles/timepicker/tailwind.css +84 -0
package/styles/datetimepicker/tailwind-dark.css CHANGED
@@ -134,12 +134,10 @@
134
134
  *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
135
135
  font-size: 14px;
136
136
  }
137
-
138
137
  .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
139
138
  *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
140
139
  font-size: 16px;
141
140
  }
142
-
143
141
  .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
144
142
  background-size: 250px 33px;
145
143
  min-height: 33px;
@@ -151,6 +149,14 @@
151
149
  min-height: 40px;
152
150
  }
153
151
 
152
+ .e-datetimepicker.e-popup-expand.e-popup {
153
+ position: fixed;
154
+ }
155
+ .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
156
+ position: relative;
157
+ width: 100%;
158
+ }
159
+
154
160
  /*! datetimepicker theme */
155
161
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
156
162
  color: #fff;
package/styles/datetimepicker/tailwind.css CHANGED
@@ -134,12 +134,10 @@
134
134
  *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
135
135
  font-size: 14px;
136
136
  }
137
-
138
137
  .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
139
138
  *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
140
139
  font-size: 16px;
141
140
  }
142
-
143
141
  .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
144
142
  background-size: 250px 33px;
145
143
  min-height: 33px;
@@ -151,6 +149,14 @@
151
149
  min-height: 40px;
152
150
  }
153
151
 
152
+ .e-datetimepicker.e-popup-expand.e-popup {
153
+ position: fixed;
154
+ }
155
+ .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
156
+ position: relative;
157
+ width: 100%;
158
+ }
159
+
154
160
  /*! datetimepicker theme */
155
161
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
156
162
  color: #111827;