@syncfusion/ej2-schedule 27.2.5 → 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 (143) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-schedule.min.js +3 -3
  3. package/dist/ej2-schedule.umd.min.js +3 -3
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +425 -46
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +454 -48
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +3 -3
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +16 -16
  13. package/src/schedule/actions/action-base.js +4 -3
  14. package/src/schedule/actions/drag.js +2 -2
  15. package/src/schedule/actions/keyboard.d.ts +16 -0
  16. package/src/schedule/actions/keyboard.js +254 -8
  17. package/src/schedule/actions/touch.js +7 -2
  18. package/src/schedule/base/constant.d.ts +4 -0
  19. package/src/schedule/base/constant.js +4 -0
  20. package/src/schedule/base/css-constant.d.ts +2 -0
  21. package/src/schedule/base/css-constant.js +2 -0
  22. package/src/schedule/base/interface.d.ts +14 -4
  23. package/src/schedule/base/schedule-model.d.ts +17 -1
  24. package/src/schedule/base/schedule.d.ts +67 -1
  25. package/src/schedule/base/schedule.js +131 -1
  26. package/src/schedule/base/type.d.ts +8 -0
  27. package/src/schedule/popups/event-tooltip.js +4 -0
  28. package/src/schedule/renderer/agenda.d.ts +2 -1
  29. package/src/schedule/renderer/agenda.js +1 -1
  30. package/src/schedule/renderer/header-renderer.js +4 -2
  31. package/src/schedule/renderer/month-agenda.d.ts +2 -1
  32. package/src/schedule/renderer/month-agenda.js +2 -2
  33. package/src/schedule/renderer/month.d.ts +4 -3
  34. package/src/schedule/renderer/month.js +16 -9
  35. package/src/schedule/renderer/view-base.d.ts +5 -4
  36. package/src/schedule/renderer/view-base.js +13 -10
  37. package/src/schedule/renderer/year.d.ts +3 -2
  38. package/src/schedule/renderer/year.js +10 -7
  39. package/styles/bds-lite.css +4400 -0
  40. package/styles/bds-lite.scss +18 -0
  41. package/styles/bds.css +5161 -0
  42. package/styles/bds.scss +20 -0
  43. package/styles/bootstrap-dark-lite.css +19 -6
  44. package/styles/bootstrap-dark.css +23 -10
  45. package/styles/bootstrap-lite.css +18 -5
  46. package/styles/bootstrap.css +22 -9
  47. package/styles/bootstrap4-lite.css +18 -5
  48. package/styles/bootstrap4.css +22 -9
  49. package/styles/bootstrap5-dark-lite.css +18 -5
  50. package/styles/bootstrap5-dark.css +23 -10
  51. package/styles/bootstrap5-lite.css +18 -5
  52. package/styles/bootstrap5.3-lite.css +18 -5
  53. package/styles/bootstrap5.3.css +23 -10
  54. package/styles/bootstrap5.css +23 -10
  55. package/styles/fabric-dark-lite.css +18 -5
  56. package/styles/fabric-dark.css +22 -9
  57. package/styles/fabric-lite.css +18 -5
  58. package/styles/fabric.css +22 -9
  59. package/styles/fluent-dark-lite.css +18 -5
  60. package/styles/fluent-dark.css +22 -9
  61. package/styles/fluent-lite.css +18 -5
  62. package/styles/fluent.css +22 -9
  63. package/styles/fluent2-lite.css +43 -6
  64. package/styles/fluent2.css +50 -13
  65. package/styles/highcontrast-light-lite.css +18 -5
  66. package/styles/highcontrast-light.css +22 -9
  67. package/styles/highcontrast-lite.css +19 -6
  68. package/styles/highcontrast.css +23 -10
  69. package/styles/material-dark-lite.css +18 -5
  70. package/styles/material-dark.css +22 -9
  71. package/styles/material-lite.css +18 -5
  72. package/styles/material.css +22 -9
  73. package/styles/material3-dark-lite.css +18 -5
  74. package/styles/material3-dark.css +23 -10
  75. package/styles/material3-lite.css +18 -5
  76. package/styles/material3.css +23 -10
  77. package/styles/recurrence-editor/_bigger.scss +2 -3
  78. package/styles/recurrence-editor/_fluent2-definition.scss +1 -1
  79. package/styles/recurrence-editor/_tailwind3-definition.scss +14 -0
  80. package/styles/recurrence-editor/bds.css +533 -0
  81. package/styles/recurrence-editor/bds.scss +9 -0
  82. package/styles/recurrence-editor/bootstrap-dark.css +2 -3
  83. package/styles/recurrence-editor/bootstrap.css +2 -3
  84. package/styles/recurrence-editor/bootstrap4.css +2 -3
  85. package/styles/recurrence-editor/bootstrap5-dark.css +2 -3
  86. package/styles/recurrence-editor/bootstrap5.3.css +2 -3
  87. package/styles/recurrence-editor/bootstrap5.css +2 -3
  88. package/styles/recurrence-editor/fabric-dark.css +2 -3
  89. package/styles/recurrence-editor/fabric.css +2 -3
  90. package/styles/recurrence-editor/fluent-dark.css +2 -3
  91. package/styles/recurrence-editor/fluent.css +2 -3
  92. package/styles/recurrence-editor/fluent2.css +3 -4
  93. package/styles/recurrence-editor/highcontrast-light.css +2 -3
  94. package/styles/recurrence-editor/highcontrast.css +3 -4
  95. package/styles/recurrence-editor/material-dark.css +2 -3
  96. package/styles/recurrence-editor/material.css +2 -3
  97. package/styles/recurrence-editor/material3-dark.css +2 -3
  98. package/styles/recurrence-editor/material3.css +2 -3
  99. package/styles/recurrence-editor/tailwind-dark.css +2 -3
  100. package/styles/recurrence-editor/tailwind.css +2 -3
  101. package/styles/recurrence-editor/tailwind3.css +500 -0
  102. package/styles/recurrence-editor/tailwind3.scss +9 -0
  103. package/styles/schedule/_bigger.scss +2 -1
  104. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  105. package/styles/schedule/_bootstrap5.3-definition.scss +1 -1
  106. package/styles/schedule/_fluent2-definition.scss +3 -3
  107. package/styles/schedule/_layout.scss +43 -2
  108. package/styles/schedule/_material3-definition.scss +1 -1
  109. package/styles/schedule/_tailwind-definition.scss +1 -1
  110. package/styles/schedule/_tailwind3-definition.scss +276 -0
  111. package/styles/schedule/_theme.scss +0 -4
  112. package/styles/schedule/bds.css +4760 -0
  113. package/styles/schedule/bds.scss +17 -0
  114. package/styles/schedule/bootstrap-dark.css +21 -7
  115. package/styles/schedule/bootstrap.css +20 -6
  116. package/styles/schedule/bootstrap4.css +20 -6
  117. package/styles/schedule/bootstrap5-dark.css +21 -7
  118. package/styles/schedule/bootstrap5.3.css +21 -7
  119. package/styles/schedule/bootstrap5.css +21 -7
  120. package/styles/schedule/fabric-dark.css +20 -6
  121. package/styles/schedule/fabric.css +20 -6
  122. package/styles/schedule/fluent-dark.css +20 -6
  123. package/styles/schedule/fluent.css +20 -6
  124. package/styles/schedule/fluent2.css +47 -9
  125. package/styles/schedule/highcontrast-light.css +20 -6
  126. package/styles/schedule/highcontrast.css +21 -7
  127. package/styles/schedule/icons/_tailwind3.scss +220 -0
  128. package/styles/schedule/material-dark.css +20 -6
  129. package/styles/schedule/material.css +20 -6
  130. package/styles/schedule/material3-dark.css +21 -7
  131. package/styles/schedule/material3.css +21 -7
  132. package/styles/schedule/tailwind-dark.css +21 -7
  133. package/styles/schedule/tailwind.css +21 -7
  134. package/styles/schedule/tailwind3.css +4599 -0
  135. package/styles/schedule/tailwind3.scss +17 -0
  136. package/styles/tailwind-dark-lite.css +18 -5
  137. package/styles/tailwind-dark.css +23 -10
  138. package/styles/tailwind-lite.css +18 -5
  139. package/styles/tailwind.css +23 -10
  140. package/styles/tailwind3-lite.css +4239 -0
  141. package/styles/tailwind3-lite.scss +18 -0
  142. package/styles/tailwind3.css +5000 -0
  143. package/styles/tailwind3.scss +20 -0
@@ -0,0 +1,14 @@
1
+ $recurrence-label-bottom: 7px !default;
2
+ $recurrence-month-label-bottom: 6px !default;
3
+ $recurrence-month-label-bottom-bgr: 0 !default;
4
+ $recurrence-week-label-bottom: 10px !default;
5
+ $recurrence-label-font-weight: $font-weight-medium !default;
6
+ $recurrence-label-font-nrml-size: 12px !default;
7
+ $recurrence-label-font-bgr-size: 16px !default;
8
+ $recurrence-left-padding: 0 8px 16px 0 !default;
9
+ $recurrence-week-position-bgr-min-width: 130px !default;
10
+ $recurrence-day-position-bgr-min-width: 190px !default;
11
+ $recurrence-day-position-bgr-padding-left: 54px !default;
12
+ $recurrence-end-bgr-padding-right: 16px !default;
13
+ $recurrence-week-position-min-width: 98px !default;
14
+ $recurrence-end-on-date-margin-top: 24px !default;
@@ -0,0 +1,533 @@
1
+
2
+
3
+
4
+
5
+ /* stylelint-disable */
6
+ .e-btn.e-primary:focus {
7
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
8
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
9
+ }
10
+
11
+ .e-btn.e-success:focus {
12
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
13
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
14
+ }
15
+
16
+ .e-btn.e-info:focus {
17
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
18
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
19
+ }
20
+
21
+ .e-btn.e-warning:focus {
22
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
23
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
24
+ }
25
+
26
+ .e-btn.e-danger:focus {
27
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
28
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
29
+ }
30
+
31
+ .e-btn.e-outline.e-info {
32
+ background: transparent !important;
33
+ border-color: var(--color-sf-utility-info-border-color) !important;
34
+ color: var(--color-sf-utility-info-text) !important;
35
+ }
36
+
37
+ .e-btn.e-outline.e-info:hover {
38
+ background: var(--color-sf-utility-info-bg-color-hover) !important;
39
+ border-color: var(--color-sf-utility-info-border-color) !important;
40
+ color: var(--color-sf-utility-info-text-hover) !important;
41
+ }
42
+
43
+ .e-btn.e-outline.e-info:active {
44
+ background: var(--color-sf-utility-info-bg-color-pressed) !important;
45
+ border-color: var(--color-sf-utility-info-border-color) !important;
46
+ color: var(--color-sf-utility-info-text-hover) !important;
47
+ }
48
+
49
+ .e-btn.e-flat.e-info {
50
+ color: var(--color-sf-utility-info-text) !important;
51
+ }
52
+
53
+ .e-bigger .e-btn,
54
+ .e-bigger .e-btn,
55
+ .e-bigger .e-css.e-btn,
56
+ .e-bigger.e-css.e-btn {
57
+ font-size: 14px;
58
+ line-height: 1.572em;
59
+ padding: 8px 15px;
60
+ border-radius: 8px !important;
61
+ font-weight: 600;
62
+ }
63
+
64
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
65
+ -webkit-transform: rotate(0deg);
66
+ transform: rotate(0deg);
67
+ -webkit-transition: -webkit-transform 300ms ease;
68
+ transition: -webkit-transform 300ms ease;
69
+ transition: transform 300ms ease;
70
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
71
+ }
72
+
73
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
74
+ -webkit-transform: rotate(180deg);
75
+ transform: rotate(180deg);
76
+ -webkit-transition: -webkit-transform 300ms ease;
77
+ transition: -webkit-transform 300ms ease;
78
+ transition: transform 300ms ease;
79
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
80
+ }
81
+
82
+ .e-dropdownbase .e-list-item.e-active.e-hover {
83
+ color: var(--color-sf-text-primary);
84
+ }
85
+
86
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
87
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
88
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
89
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
90
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
91
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
92
+ background: transparent;
93
+ }
94
+
95
+ .e-input-group .e-ddl-icon:not(:active)::after {
96
+ -webkit-animation: none;
97
+ animation: none;
98
+ }
99
+
100
+ .e-ddl.e-popup {
101
+ border: 0;
102
+ border-radius: 8px;
103
+ -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
104
+ box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
105
+ margin-top: 4px;
106
+ }
107
+
108
+ .e-small .e-ddl.e-popup,
109
+ .e-small.e-ddl.e-popup {
110
+ border-radius: 4px;
111
+ margin-top: 2px;
112
+ }
113
+
114
+ .e-popup.e-ddl .e-dropdownbase {
115
+ min-height: 26px;
116
+ padding: 4px 6px;
117
+ }
118
+
119
+ .e-input-group.e-ddl,
120
+ .e-input-group.e-ddl .e-input,
121
+ .e-input-group.e-ddl .e-ddl-icon {
122
+ background: var(--color-sf-bg-primary);
123
+ }
124
+
125
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
126
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
127
+ border-bottom-width: 0;
128
+ }
129
+
130
+ .e-ddl.e-popup.e-outline .e-filter-parent {
131
+ padding: 4px 8px;
132
+ }
133
+
134
+ .e-recurrenceeditor .e-editor {
135
+ display: -webkit-box;
136
+ display: -ms-flexbox;
137
+ display: flex;
138
+ -webkit-box-orient: horizontal;
139
+ -webkit-box-direction: normal;
140
+ -ms-flex-flow: row wrap;
141
+ flex-flow: row wrap;
142
+ margin: 0 auto;
143
+ max-width: 1240px;
144
+ }
145
+ .e-recurrenceeditor .e-recurrence-table {
146
+ table-layout: fixed;
147
+ width: 100%;
148
+ }
149
+ .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
150
+ width: 27%;
151
+ }
152
+ .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
153
+ width: 24%;
154
+ }
155
+ .e-recurrenceeditor .e-recurrence-table .e-repeat-content {
156
+ display: inline-block;
157
+ font-weight: normal;
158
+ padding: 18px 0 0 8px;
159
+ }
160
+ .e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
161
+ float: none;
162
+ width: 100%;
163
+ }
164
+ .e-recurrenceeditor .e-recurrence-table .e-week-position {
165
+ min-width: 94px;
166
+ position: relative;
167
+ right: 20px;
168
+ }
169
+ .e-recurrenceeditor .e-recurrence-table .e-day-position {
170
+ min-width: 120px;
171
+ }
172
+ .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
173
+ padding-left: 10px;
174
+ }
175
+ .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
176
+ padding: 0 8px 16px 0;
177
+ }
178
+ .e-recurrenceeditor .e-form-left {
179
+ padding: 0 8px 16px 0;
180
+ }
181
+ .e-recurrenceeditor .e-form-right,
182
+ .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
183
+ padding: 0 0 10px;
184
+ }
185
+ .e-recurrenceeditor .e-input-wrapper {
186
+ float: left;
187
+ width: 50%;
188
+ }
189
+ .e-recurrenceeditor .e-input-wrapper div {
190
+ margin-bottom: 2.5%;
191
+ }
192
+ .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
193
+ .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
194
+ padding-right: 0;
195
+ margin-top: 24px;
196
+ }
197
+ .e-recurrenceeditor.e-rtl .e-end-on > div,
198
+ .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
199
+ float: right;
200
+ }
201
+ .e-recurrenceeditor.e-rtl .e-form-left,
202
+ .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
203
+ padding: 0 0 10px 8px;
204
+ }
205
+ .e-recurrenceeditor.e-rtl .e-form-right,
206
+ .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
207
+ padding: 0 8px 10px 0;
208
+ }
209
+ .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
210
+ position: relative;
211
+ right: 10px;
212
+ }
213
+ .e-recurrenceeditor.e-rtl .e-week-position {
214
+ left: 20px;
215
+ right: 0;
216
+ }
217
+ .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
218
+ .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
219
+ padding-right: 0;
220
+ }
221
+ .e-recurrenceeditor.e-rtl .e-end-on-label {
222
+ margin-bottom: 5px;
223
+ }
224
+ .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
225
+ padding: 0 0 0 8px;
226
+ }
227
+ .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
228
+ .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
229
+ padding: 0 8px 0 0;
230
+ }
231
+ .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
232
+ width: 30px;
233
+ }
234
+ .e-recurrenceeditor .e-days .e-week-expander-label {
235
+ font-size: 12px;
236
+ font-weight: 500;
237
+ margin-bottom: 8px;
238
+ }
239
+ .e-recurrenceeditor .e-days button {
240
+ border-radius: 50%;
241
+ -webkit-box-orient: horizontal;
242
+ -webkit-box-direction: normal;
243
+ -ms-flex-flow: row wrap;
244
+ flex-flow: row wrap;
245
+ height: 35px;
246
+ margin: 0 8px 10px;
247
+ width: 35px;
248
+ }
249
+ .e-recurrenceeditor .e-hide-recurrence-element {
250
+ display: none;
251
+ }
252
+ .e-recurrenceeditor .e-half-space {
253
+ width: 20%;
254
+ }
255
+ .e-recurrenceeditor .e-year-expander {
256
+ margin-bottom: 11px;
257
+ }
258
+ .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
259
+ padding-bottom: 11px;
260
+ }
261
+ .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
262
+ padding-top: 3px;
263
+ }
264
+ .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
265
+ display: none;
266
+ }
267
+ .e-recurrenceeditor .e-input-wrapper-side {
268
+ float: left;
269
+ padding: 16px 20px 0;
270
+ width: 50%;
271
+ }
272
+ .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
273
+ padding-right: 16px;
274
+ }
275
+ .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper {
276
+ margin: 0;
277
+ }
278
+ .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
279
+ font-size: 12px;
280
+ font-weight: 500;
281
+ margin-bottom: 6px;
282
+ padding-right: 16px;
283
+ }
284
+ .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
285
+ padding-bottom: 6px;
286
+ }
287
+ .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
288
+ padding-bottom: 12px;
289
+ }
290
+ .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
291
+ margin-bottom: 11px;
292
+ }
293
+
294
+ .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
295
+ width: 25%;
296
+ }
297
+ .e-device .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
298
+ width: 20%;
299
+ }
300
+ .e-device .e-recurrenceeditor .e-week-expander-label {
301
+ margin-bottom: 6px;
302
+ }
303
+ .e-device .e-recurrenceeditor .e-month-expander-label {
304
+ font-size: 12px;
305
+ margin-bottom: 5px;
306
+ }
307
+ .e-device .e-recurrenceeditor .e-footer-content {
308
+ padding: 12px;
309
+ }
310
+ .e-device .e-recurrenceeditor .e-form-left,
311
+ .e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
312
+ padding: 0 3px 10px 0;
313
+ }
314
+ .e-device .e-recurrenceeditor .e-form-right,
315
+ .e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
316
+ padding: 0 0 10px 3px;
317
+ }
318
+ .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
319
+ .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
320
+ padding: 0 0 0 10px;
321
+ }
322
+ .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
323
+ padding-right: 10px;
324
+ }
325
+ .e-device .e-recurrenceeditor.e-end-on {
326
+ padding-right: 0;
327
+ }
328
+ .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
329
+ float: none;
330
+ font-size: 12px;
331
+ font-weight: 500;
332
+ margin-bottom: 7px;
333
+ }
334
+ .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
335
+ padding-right: 0;
336
+ }
337
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
338
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
339
+ padding-left: 20px;
340
+ }
341
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
342
+ margin-left: 20px;
343
+ }
344
+ .e-device .e-recurrenceeditor .e-week-position {
345
+ right: 0;
346
+ padding-right: 10px;
347
+ }
348
+ .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
349
+ padding-right: 0;
350
+ }
351
+ .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
352
+ .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
353
+ padding: 0 10px 0 0;
354
+ }
355
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
356
+ padding: 0 20px 0 0;
357
+ }
358
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
359
+ padding: 0 50px 0 0;
360
+ }
361
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
362
+ left: 0;
363
+ }
364
+ .e-device.e-recurrence-dialog .e-dlg-header-content {
365
+ background: none;
366
+ -webkit-box-shadow: none;
367
+ box-shadow: none;
368
+ padding-bottom: 10px;
369
+ }
370
+ .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
371
+ margin-bottom: 7px;
372
+ }
373
+ .e-device.e-recurrence-dialog .e-footer-content {
374
+ padding: 16px 8px;
375
+ }
376
+
377
+ @media (max-width: 1024px) {
378
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
379
+ width: 100%;
380
+ }
381
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
382
+ width: 65%;
383
+ }
384
+ }
385
+ @media (max-width: 580px) {
386
+ .e-recurrenceeditor {
387
+ margin-left: auto;
388
+ margin-right: auto;
389
+ width: 100%;
390
+ }
391
+ .e-recurrenceeditor .e-editor {
392
+ -webkit-box-orient: vertical;
393
+ -webkit-box-direction: normal;
394
+ -ms-flex-direction: column;
395
+ flex-direction: column;
396
+ }
397
+ .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
398
+ margin-top: 0;
399
+ }
400
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
401
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
402
+ margin-bottom: 6px;
403
+ }
404
+ .e-recurrenceeditor .e-editor > div {
405
+ margin-top: 20px;
406
+ }
407
+ .e-recurrenceeditor .e-editor > .e-input-wrapper {
408
+ width: 100%;
409
+ }
410
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
411
+ width: 100%;
412
+ }
413
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper {
414
+ width: 50%;
415
+ }
416
+ .e-recurrenceeditor .e-editor .e-form-left,
417
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
418
+ padding: 0 0 10px;
419
+ }
420
+ .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
421
+ .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
422
+ padding: 0 0 0 10px;
423
+ }
424
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
425
+ padding-right: 10px;
426
+ }
427
+ .e-recurrenceeditor .e-editor .e-form-right,
428
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
429
+ padding-left: 0;
430
+ }
431
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
432
+ width: 100%;
433
+ }
434
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
435
+ width: 65%;
436
+ }
437
+ .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
438
+ padding-left: 50px;
439
+ }
440
+ .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
441
+ padding-right: 0;
442
+ }
443
+ .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
444
+ .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
445
+ padding: 0 10px 0 0;
446
+ }
447
+ }
448
+ /*! Recurrence-Editor component theme */
449
+ .e-bigger .e-recurrenceeditor {
450
+ padding: 0;
451
+ }
452
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
453
+ padding: 0 12px 11px 0;
454
+ }
455
+ .e-bigger .e-recurrenceeditor .e-form-left {
456
+ padding: 0 12px 14px 0;
457
+ }
458
+ .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
459
+ padding-left: 50px;
460
+ }
461
+ .e-bigger .e-recurrenceeditor .e-week-position {
462
+ min-width: 130px;
463
+ right: 0;
464
+ }
465
+ .e-bigger .e-recurrenceeditor .e-day-position {
466
+ min-width: 197px;
467
+ padding-left: 54px;
468
+ }
469
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
470
+ font-size: 16px;
471
+ margin-bottom: 0;
472
+ font-weight: 500;
473
+ }
474
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
475
+ padding-right: 2px;
476
+ }
477
+ .e-bigger .e-recurrenceeditor .e-end-on-label {
478
+ margin-bottom: 0;
479
+ }
480
+ .e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
481
+ font-size: 16px;
482
+ margin-bottom: 8px;
483
+ }
484
+ .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
485
+ font-size: 16px;
486
+ margin-bottom: 1px;
487
+ }
488
+ .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
489
+ .e-bigger .e-recurrenceeditor .e-year-expander {
490
+ margin-bottom: 11px;
491
+ }
492
+ .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
493
+ width: 30px;
494
+ }
495
+ .e-bigger .e-recurrenceeditor .e-days button {
496
+ height: 40px;
497
+ width: 40px;
498
+ }
499
+ .e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
500
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
501
+ padding: 0 0 10px 12px;
502
+ }
503
+ .e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
504
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
505
+ padding: 0 12px 10px 0;
506
+ }
507
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
508
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
509
+ padding: 0 64px 0 0;
510
+ }
511
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
512
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
513
+ padding-right: 0;
514
+ }
515
+ .e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
516
+ margin-bottom: 5px;
517
+ }
518
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
519
+ padding: 0 0 0 12px;
520
+ }
521
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
522
+ .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
523
+ padding: 0 12px 0 0;
524
+ }
525
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
526
+ left: 0;
527
+ }
528
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
529
+ padding-left: 20px;
530
+ }
531
+ .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
532
+ padding: 0 20px 0 0;
533
+ }
@@ -0,0 +1,9 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
3
+ @import 'ej2-buttons/styles/button/bds-definition.scss';
4
+ @import 'ej2-buttons/styles/radio-button/bds-definition.scss';
5
+ @import 'ej2-calendars/styles/datepicker/bds-definition.scss';
6
+ @import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
7
+ @import 'bds-definition.scss';
8
+ @import 'all.scss';
9
+ @import 'bigger.scss';
@@ -381,7 +381,7 @@
381
381
  padding: 0 12px 14px 0;
382
382
  }
383
383
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
384
- padding-left: 70px;
384
+ padding-left: 50px;
385
385
  }
386
386
  .e-bigger .e-recurrenceeditor .e-week-position {
387
387
  min-width: 130px;
@@ -450,8 +450,7 @@
450
450
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
451
451
  left: 0;
452
452
  }
453
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
454
- .e-bigger .e-device .e-recurrence-table .e-day-position {
453
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
455
454
  padding-left: 20px;
456
455
  }
457
456
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -381,7 +381,7 @@
381
381
  padding: 0 12px 14px 0;
382
382
  }
383
383
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
384
- padding-left: 70px;
384
+ padding-left: 50px;
385
385
  }
386
386
  .e-bigger .e-recurrenceeditor .e-week-position {
387
387
  min-width: 130px;
@@ -450,8 +450,7 @@
450
450
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
451
451
  left: 0;
452
452
  }
453
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
454
- .e-bigger .e-device .e-recurrence-table .e-day-position {
453
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
455
454
  padding-left: 20px;
456
455
  }
457
456
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -409,7 +409,7 @@
409
409
  padding: 0 12px 14px 0;
410
410
  }
411
411
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
412
- padding-left: 70px;
412
+ padding-left: 50px;
413
413
  }
414
414
  .e-bigger .e-recurrenceeditor .e-week-position {
415
415
  min-width: 130px;
@@ -478,8 +478,7 @@
478
478
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
479
479
  left: 0;
480
480
  }
481
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
482
- .e-bigger .e-device .e-recurrence-table .e-day-position {
481
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
483
482
  padding-left: 20px;
484
483
  }
485
484
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -419,7 +419,7 @@
419
419
  padding: 0 12px 14px 0;
420
420
  }
421
421
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
422
- padding-left: 70px;
422
+ padding-left: 50px;
423
423
  }
424
424
  .e-bigger .e-recurrenceeditor .e-week-position {
425
425
  min-width: 130px;
@@ -488,8 +488,7 @@
488
488
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
489
489
  left: 0;
490
490
  }
491
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
492
- .e-bigger .e-device .e-recurrence-table .e-day-position {
491
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
493
492
  padding-left: 20px;
494
493
  }
495
494
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -423,7 +423,7 @@
423
423
  padding: 0 12px 14px 0;
424
424
  }
425
425
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
426
- padding-left: 70px;
426
+ padding-left: 50px;
427
427
  }
428
428
  .e-bigger .e-recurrenceeditor .e-week-position {
429
429
  min-width: 130px;
@@ -492,8 +492,7 @@
492
492
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
493
493
  left: 0;
494
494
  }
495
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
496
- .e-bigger .e-device .e-recurrence-table .e-day-position {
495
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
497
496
  padding-left: 20px;
498
497
  }
499
498
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -419,7 +419,7 @@
419
419
  padding: 0 12px 14px 0;
420
420
  }
421
421
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
422
- padding-left: 70px;
422
+ padding-left: 50px;
423
423
  }
424
424
  .e-bigger .e-recurrenceeditor .e-week-position {
425
425
  min-width: 130px;
@@ -488,8 +488,7 @@
488
488
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
489
489
  left: 0;
490
490
  }
491
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
492
- .e-bigger .e-device .e-recurrence-table .e-day-position {
491
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
493
492
  padding-left: 20px;
494
493
  }
495
494
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -357,7 +357,7 @@
357
357
  padding: 0 12px 14px 0;
358
358
  }
359
359
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
360
- padding-left: 70px;
360
+ padding-left: 50px;
361
361
  }
362
362
  .e-bigger .e-recurrenceeditor .e-week-position {
363
363
  min-width: 130px;
@@ -426,8 +426,7 @@
426
426
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
427
427
  left: 0;
428
428
  }
429
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
430
- .e-bigger .e-device .e-recurrence-table .e-day-position {
429
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
431
430
  padding-left: 20px;
432
431
  }
433
432
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {