@syncfusion/ej2-calendars 20.1.56 → 20.2.36

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 (134) hide show
  1. package/dist/ej2-calendars.umd.min.js +2 -2
  2. package/dist/ej2-calendars.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-calendars.es2015.js +115 -14
  4. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es5.js +117 -14
  6. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  7. package/dist/global/ej2-calendars.min.js +2 -2
  8. package/dist/global/ej2-calendars.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/helpers/e2e/calendarHelper.js +86 -70
  11. package/helpers/e2e/datepickerHelper.js +95 -79
  12. package/helpers/e2e/daterangepickerHelper.js +128 -112
  13. package/helpers/e2e/datetimepickerHelper.js +125 -109
  14. package/helpers/e2e/index.js +12 -10
  15. package/helpers/e2e/timepickerHelper.js +62 -46
  16. package/package.json +10 -10
  17. package/src/calendar/calendar.js +4 -0
  18. package/src/datepicker/datepicker.d.ts +1 -0
  19. package/src/datepicker/datepicker.js +2 -0
  20. package/src/daterangepicker/daterangepicker.d.ts +2 -0
  21. package/src/daterangepicker/daterangepicker.js +62 -8
  22. package/src/maskbase/interface.d.ts +1 -0
  23. package/src/maskbase/masked-date-time.d.ts +2 -0
  24. package/src/maskbase/masked-date-time.js +49 -6
  25. package/styles/bootstrap-dark.css +96 -491
  26. package/styles/bootstrap.css +96 -491
  27. package/styles/bootstrap4.css +96 -493
  28. package/styles/bootstrap5-dark.css +97 -499
  29. package/styles/bootstrap5.css +97 -499
  30. package/styles/calendar/_fusionnew-definition.scss +224 -0
  31. package/styles/calendar/_material3-definition.scss +224 -0
  32. package/styles/calendar/bootstrap-dark.css +50 -238
  33. package/styles/calendar/bootstrap.css +50 -238
  34. package/styles/calendar/bootstrap4.css +50 -238
  35. package/styles/calendar/bootstrap5-dark.css +51 -246
  36. package/styles/calendar/bootstrap5.css +51 -246
  37. package/styles/calendar/fabric-dark.css +50 -237
  38. package/styles/calendar/fabric.css +50 -238
  39. package/styles/calendar/fluent-dark.css +56 -270
  40. package/styles/calendar/fluent.css +56 -270
  41. package/styles/calendar/highcontrast-light.css +50 -238
  42. package/styles/calendar/highcontrast.css +50 -238
  43. package/styles/calendar/icons/_fusionnew.scss +12 -0
  44. package/styles/calendar/icons/_material3.scss +12 -0
  45. package/styles/calendar/material-dark.css +50 -238
  46. package/styles/calendar/material.css +50 -238
  47. package/styles/calendar/tailwind-dark.css +53 -261
  48. package/styles/calendar/tailwind.css +53 -261
  49. package/styles/datepicker/_fusionnew-definition.scss +42 -0
  50. package/styles/datepicker/_material3-definition.scss +42 -0
  51. package/styles/datepicker/bootstrap-dark.css +7 -20
  52. package/styles/datepicker/bootstrap.css +7 -20
  53. package/styles/datepicker/bootstrap4.css +7 -21
  54. package/styles/datepicker/bootstrap5-dark.css +7 -20
  55. package/styles/datepicker/bootstrap5.css +7 -20
  56. package/styles/datepicker/fabric-dark.css +7 -20
  57. package/styles/datepicker/fabric.css +7 -20
  58. package/styles/datepicker/fluent-dark.css +7 -21
  59. package/styles/datepicker/fluent.css +7 -21
  60. package/styles/datepicker/highcontrast-light.css +7 -21
  61. package/styles/datepicker/highcontrast.css +7 -21
  62. package/styles/datepicker/icons/_fusionnew.scss +55 -0
  63. package/styles/datepicker/icons/_material3.scss +55 -0
  64. package/styles/datepicker/material-dark.css +7 -22
  65. package/styles/datepicker/material.css +7 -23
  66. package/styles/datepicker/tailwind-dark.css +7 -21
  67. package/styles/datepicker/tailwind.css +7 -21
  68. package/styles/daterangepicker/_fusionnew-definition.scss +223 -0
  69. package/styles/daterangepicker/_material3-definition.scss +223 -0
  70. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  71. package/styles/daterangepicker/bootstrap.css +32 -184
  72. package/styles/daterangepicker/bootstrap4.css +32 -185
  73. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  74. package/styles/daterangepicker/bootstrap5.css +32 -185
  75. package/styles/daterangepicker/fabric-dark.css +32 -184
  76. package/styles/daterangepicker/fabric.css +32 -184
  77. package/styles/daterangepicker/fluent-dark.css +35 -188
  78. package/styles/daterangepicker/fluent.css +35 -188
  79. package/styles/daterangepicker/highcontrast-light.css +32 -184
  80. package/styles/daterangepicker/highcontrast.css +32 -184
  81. package/styles/daterangepicker/icons/_fusionnew.scss +67 -0
  82. package/styles/daterangepicker/icons/_material3.scss +67 -0
  83. package/styles/daterangepicker/material-dark.css +32 -185
  84. package/styles/daterangepicker/material.css +32 -186
  85. package/styles/daterangepicker/tailwind-dark.css +31 -178
  86. package/styles/daterangepicker/tailwind.css +31 -178
  87. package/styles/datetimepicker/_fusionnew-definition.scss +55 -0
  88. package/styles/datetimepicker/_material3-definition.scss +55 -0
  89. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  90. package/styles/datetimepicker/bootstrap.css +7 -30
  91. package/styles/datetimepicker/bootstrap4.css +7 -30
  92. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  93. package/styles/datetimepicker/bootstrap5.css +7 -30
  94. package/styles/datetimepicker/fabric-dark.css +7 -30
  95. package/styles/datetimepicker/fabric.css +7 -30
  96. package/styles/datetimepicker/fluent-dark.css +7 -30
  97. package/styles/datetimepicker/fluent.css +7 -30
  98. package/styles/datetimepicker/highcontrast-light.css +7 -30
  99. package/styles/datetimepicker/highcontrast.css +7 -30
  100. package/styles/datetimepicker/icons/_fusionnew.scss +11 -0
  101. package/styles/datetimepicker/icons/_material3.scss +11 -0
  102. package/styles/datetimepicker/material-dark.css +7 -31
  103. package/styles/datetimepicker/material.css +7 -32
  104. package/styles/datetimepicker/tailwind-dark.css +7 -30
  105. package/styles/datetimepicker/tailwind.css +7 -30
  106. package/styles/fabric-dark.css +96 -490
  107. package/styles/fabric.css +96 -491
  108. package/styles/fluent-dark.css +105 -527
  109. package/styles/fluent.css +105 -527
  110. package/styles/highcontrast-light.css +96 -492
  111. package/styles/highcontrast.css +96 -492
  112. package/styles/material-dark.css +96 -496
  113. package/styles/material.css +96 -500
  114. package/styles/tailwind-dark.css +98 -509
  115. package/styles/tailwind.css +98 -509
  116. package/styles/timepicker/_fusionnew-definition.scss +52 -0
  117. package/styles/timepicker/_material3-definition.scss +52 -0
  118. package/styles/timepicker/bootstrap-dark.css +4 -22
  119. package/styles/timepicker/bootstrap.css +4 -22
  120. package/styles/timepicker/bootstrap4.css +4 -22
  121. package/styles/timepicker/bootstrap5-dark.css +4 -22
  122. package/styles/timepicker/bootstrap5.css +4 -22
  123. package/styles/timepicker/fabric-dark.css +4 -22
  124. package/styles/timepicker/fabric.css +4 -22
  125. package/styles/timepicker/fluent-dark.css +4 -22
  126. package/styles/timepicker/fluent.css +4 -22
  127. package/styles/timepicker/highcontrast-light.css +4 -22
  128. package/styles/timepicker/highcontrast.css +4 -22
  129. package/styles/timepicker/icons/_fusionnew.scss +13 -0
  130. package/styles/timepicker/icons/_material3.scss +13 -0
  131. package/styles/timepicker/material-dark.css +4 -23
  132. package/styles/timepicker/material.css +4 -24
  133. package/styles/timepicker/tailwind-dark.css +4 -22
  134. package/styles/timepicker/tailwind.css +4 -22
package/styles/datetimepicker/tailwind-dark.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
2
  /*! component icons */
3
3
  .e-datetime-wrapper .e-time-icon.e-icons::before {
4
- content: '\e705';
5
- font-family: 'e-icons';
4
+ content: "\e705";
5
+ font-family: "e-icons";
6
6
  }
7
7
 
8
8
  .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,35 +14,26 @@
14
14
  .e-datetime-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-datetime-wrapper .e-time-icon.e-icons::before {
19
18
  font-size: 16px;
20
19
  }
21
-
22
20
  .e-datetime-wrapper.e-control-wrapper {
23
21
  box-sizing: border-box;
24
22
  }
25
-
26
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
27
- .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
23
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
28
24
  pointer-events: none;
29
25
  }
30
-
31
26
  .e-datetime-wrapper .e-clear-icon {
32
27
  box-sizing: content-box;
33
28
  }
34
-
35
29
  .e-datetime-wrapper span {
36
30
  cursor: pointer;
37
31
  }
38
-
39
- .e-datetime-wrapper .e-input-group-icon.e-date-icon,
40
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
32
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
41
33
  font-size: 16px;
42
34
  margin: 0;
43
35
  outline: none;
44
36
  }
45
-
46
37
  .e-datetime-wrapper .e-input-group-icon.e-time-icon {
47
38
  border: 0;
48
39
  border-style: none;
@@ -57,7 +48,7 @@
57
48
  background-color: #374151;
58
49
  height: 100%;
59
50
  left: 0;
60
- opacity: .5;
51
+ opacity: 0.5;
61
52
  pointer-events: auto;
62
53
  position: fixed;
63
54
  top: 0;
@@ -70,16 +61,13 @@
70
61
  border-width: 1px;
71
62
  overflow: auto;
72
63
  }
73
-
74
64
  .e-datetimepicker.e-popup .e-content {
75
65
  position: relative;
76
66
  }
77
-
78
67
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
79
68
  margin: 0;
80
69
  padding: 8px 0;
81
70
  }
82
-
83
71
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
84
72
  color: #fff;
85
73
  cursor: default;
@@ -91,7 +79,6 @@
91
79
  white-space: nowrap;
92
80
  width: 100%;
93
81
  }
94
-
95
82
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
96
83
  cursor: pointer;
97
84
  }
@@ -105,7 +92,6 @@
105
92
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
106
93
  font-size: 18px;
107
94
  }
108
-
109
95
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
110
96
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
111
97
  margin: 0;
@@ -120,7 +106,6 @@
120
106
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
121
107
  padding: 8px 0;
122
108
  }
123
-
124
109
  .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
125
110
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
126
111
  font-size: 16px;
@@ -167,7 +152,6 @@
167
152
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
168
153
  color: #fff;
169
154
  }
170
-
171
155
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
156
  color: #9ca3af;
173
157
  }
@@ -177,30 +161,23 @@
177
161
  border-radius: 6px;
178
162
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
179
163
  }
180
-
181
164
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
182
165
  background-color: #1f2937;
183
166
  }
184
-
185
167
  .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
186
168
  border: none;
187
169
  color: #fff;
188
170
  }
189
-
190
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
191
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
192
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
171
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
193
172
  background-color: #4b5563;
194
173
  border: none;
195
174
  color: #fff;
196
175
  }
197
-
198
176
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
199
177
  background-color: #6b7280;
200
178
  color: #fff;
201
179
  }
202
-
203
180
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
204
181
  background-color: #4b5563;
205
182
  color: #fff;
206
- }
183
+ }
package/styles/datetimepicker/tailwind.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
2
  /*! component icons */
3
3
  .e-datetime-wrapper .e-time-icon.e-icons::before {
4
- content: '\e705';
5
- font-family: 'e-icons';
4
+ content: "\e705";
5
+ font-family: "e-icons";
6
6
  }
7
7
 
8
8
  .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,35 +14,26 @@
14
14
  .e-datetime-wrapper {
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  }
17
-
18
17
  .e-datetime-wrapper .e-time-icon.e-icons::before {
19
18
  font-size: 16px;
20
19
  }
21
-
22
20
  .e-datetime-wrapper.e-control-wrapper {
23
21
  box-sizing: border-box;
24
22
  }
25
-
26
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
27
- .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
23
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
28
24
  pointer-events: none;
29
25
  }
30
-
31
26
  .e-datetime-wrapper .e-clear-icon {
32
27
  box-sizing: content-box;
33
28
  }
34
-
35
29
  .e-datetime-wrapper span {
36
30
  cursor: pointer;
37
31
  }
38
-
39
- .e-datetime-wrapper .e-input-group-icon.e-date-icon,
40
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
32
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
41
33
  font-size: 16px;
42
34
  margin: 0;
43
35
  outline: none;
44
36
  }
45
-
46
37
  .e-datetime-wrapper .e-input-group-icon.e-time-icon {
47
38
  border: 0;
48
39
  border-style: none;
@@ -57,7 +48,7 @@
57
48
  background-color: #f3f4f6;
58
49
  height: 100%;
59
50
  left: 0;
60
- opacity: .5;
51
+ opacity: 0.5;
61
52
  pointer-events: auto;
62
53
  position: fixed;
63
54
  top: 0;
@@ -70,16 +61,13 @@
70
61
  border-width: 1px;
71
62
  overflow: auto;
72
63
  }
73
-
74
64
  .e-datetimepicker.e-popup .e-content {
75
65
  position: relative;
76
66
  }
77
-
78
67
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
79
68
  margin: 0;
80
69
  padding: 8px 0;
81
70
  }
82
-
83
71
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
84
72
  color: #111827;
85
73
  cursor: default;
@@ -91,7 +79,6 @@
91
79
  white-space: nowrap;
92
80
  width: 100%;
93
81
  }
94
-
95
82
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
96
83
  cursor: pointer;
97
84
  }
@@ -105,7 +92,6 @@
105
92
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
106
93
  font-size: 18px;
107
94
  }
108
-
109
95
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
110
96
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
111
97
  margin: 0;
@@ -120,7 +106,6 @@
120
106
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
121
107
  padding: 8px 0;
122
108
  }
123
-
124
109
  .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
125
110
  *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
126
111
  font-size: 16px;
@@ -167,7 +152,6 @@
167
152
  .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
168
153
  color: #111827;
169
154
  }
170
-
171
155
  .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
172
156
  color: #6b7280;
173
157
  }
@@ -177,30 +161,23 @@
177
161
  border-radius: 6px;
178
162
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
179
163
  }
180
-
181
164
  .e-datetimepicker.e-popup .e-list-parent.e-ul {
182
165
  background-color: #fff;
183
166
  }
184
-
185
167
  .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
186
168
  border: none;
187
169
  color: #111827;
188
170
  }
189
-
190
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
191
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
192
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
171
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
193
172
  background-color: #f3f4f6;
194
173
  border: none;
195
174
  color: #111827;
196
175
  }
197
-
198
176
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
199
177
  background-color: #e5e7eb;
200
178
  color: #111827;
201
179
  }
202
-
203
180
  .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
204
181
  background-color: #f3f4f6;
205
182
  color: #111827;
206
- }
183
+ }