@syncfusion/ej2-vue-calendars 20.1.55 → 20.1.58

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 (95) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-vue-calendars.umd.min.js +2 -29
  3. package/dist/ej2-vue-calendars.umd.min.js.map +1 -1
  4. package/dist/global/ej2-vue-calendars.min.js +2 -2
  5. package/package.json +8 -8
  6. package/styles/bootstrap-dark.css +96 -491
  7. package/styles/bootstrap.css +96 -491
  8. package/styles/bootstrap4.css +96 -493
  9. package/styles/bootstrap5-dark.css +97 -499
  10. package/styles/bootstrap5.css +97 -499
  11. package/styles/calendar/bootstrap-dark.css +50 -238
  12. package/styles/calendar/bootstrap.css +50 -238
  13. package/styles/calendar/bootstrap4.css +50 -238
  14. package/styles/calendar/bootstrap5-dark.css +51 -246
  15. package/styles/calendar/bootstrap5.css +51 -246
  16. package/styles/calendar/fabric-dark.css +50 -237
  17. package/styles/calendar/fabric.css +50 -238
  18. package/styles/calendar/fluent-dark.css +56 -270
  19. package/styles/calendar/fluent.css +56 -270
  20. package/styles/calendar/highcontrast-light.css +50 -238
  21. package/styles/calendar/highcontrast.css +50 -238
  22. package/styles/calendar/material-dark.css +50 -238
  23. package/styles/calendar/material.css +50 -238
  24. package/styles/calendar/tailwind-dark.css +53 -261
  25. package/styles/calendar/tailwind.css +53 -261
  26. package/styles/datepicker/bootstrap-dark.css +7 -20
  27. package/styles/datepicker/bootstrap.css +7 -20
  28. package/styles/datepicker/bootstrap4.css +7 -21
  29. package/styles/datepicker/bootstrap5-dark.css +7 -20
  30. package/styles/datepicker/bootstrap5.css +7 -20
  31. package/styles/datepicker/fabric-dark.css +7 -20
  32. package/styles/datepicker/fabric.css +7 -20
  33. package/styles/datepicker/fluent-dark.css +7 -21
  34. package/styles/datepicker/fluent.css +7 -21
  35. package/styles/datepicker/highcontrast-light.css +7 -21
  36. package/styles/datepicker/highcontrast.css +7 -21
  37. package/styles/datepicker/material-dark.css +7 -22
  38. package/styles/datepicker/material.css +7 -23
  39. package/styles/datepicker/tailwind-dark.css +7 -21
  40. package/styles/datepicker/tailwind.css +7 -21
  41. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  42. package/styles/daterangepicker/bootstrap.css +32 -184
  43. package/styles/daterangepicker/bootstrap4.css +32 -185
  44. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  45. package/styles/daterangepicker/bootstrap5.css +32 -185
  46. package/styles/daterangepicker/fabric-dark.css +32 -184
  47. package/styles/daterangepicker/fabric.css +32 -184
  48. package/styles/daterangepicker/fluent-dark.css +35 -188
  49. package/styles/daterangepicker/fluent.css +35 -188
  50. package/styles/daterangepicker/highcontrast-light.css +32 -184
  51. package/styles/daterangepicker/highcontrast.css +32 -184
  52. package/styles/daterangepicker/material-dark.css +32 -185
  53. package/styles/daterangepicker/material.css +32 -186
  54. package/styles/daterangepicker/tailwind-dark.css +31 -178
  55. package/styles/daterangepicker/tailwind.css +31 -178
  56. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  57. package/styles/datetimepicker/bootstrap.css +7 -30
  58. package/styles/datetimepicker/bootstrap4.css +7 -30
  59. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  60. package/styles/datetimepicker/bootstrap5.css +7 -30
  61. package/styles/datetimepicker/fabric-dark.css +7 -30
  62. package/styles/datetimepicker/fabric.css +7 -30
  63. package/styles/datetimepicker/fluent-dark.css +7 -30
  64. package/styles/datetimepicker/fluent.css +7 -30
  65. package/styles/datetimepicker/highcontrast-light.css +7 -30
  66. package/styles/datetimepicker/highcontrast.css +7 -30
  67. package/styles/datetimepicker/material-dark.css +7 -31
  68. package/styles/datetimepicker/material.css +7 -32
  69. package/styles/datetimepicker/tailwind-dark.css +7 -30
  70. package/styles/datetimepicker/tailwind.css +7 -30
  71. package/styles/fabric-dark.css +96 -490
  72. package/styles/fabric.css +96 -491
  73. package/styles/fluent-dark.css +105 -527
  74. package/styles/fluent.css +105 -527
  75. package/styles/highcontrast-light.css +96 -492
  76. package/styles/highcontrast.css +96 -492
  77. package/styles/material-dark.css +96 -496
  78. package/styles/material.css +96 -500
  79. package/styles/tailwind-dark.css +98 -509
  80. package/styles/tailwind.css +98 -509
  81. package/styles/timepicker/bootstrap-dark.css +4 -22
  82. package/styles/timepicker/bootstrap.css +4 -22
  83. package/styles/timepicker/bootstrap4.css +4 -22
  84. package/styles/timepicker/bootstrap5-dark.css +4 -22
  85. package/styles/timepicker/bootstrap5.css +4 -22
  86. package/styles/timepicker/fabric-dark.css +4 -22
  87. package/styles/timepicker/fabric.css +4 -22
  88. package/styles/timepicker/fluent-dark.css +4 -22
  89. package/styles/timepicker/fluent.css +4 -22
  90. package/styles/timepicker/highcontrast-light.css +4 -22
  91. package/styles/timepicker/highcontrast.css +4 -22
  92. package/styles/timepicker/material-dark.css +4 -23
  93. package/styles/timepicker/material.css +4 -24
  94. package/styles/timepicker/tailwind-dark.css +4 -22
  95. package/styles/timepicker/tailwind.css +4 -22
package/styles/datepicker/bootstrap-dark.css CHANGED
@@ -5,13 +5,11 @@
5
5
  margin: 0;
6
6
  outline: none;
7
7
  }
8
-
9
8
  .e-input-group-icon.e-date-icon::before,
10
9
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
11
- content: '\e960';
12
- font-family: 'e-icons';
10
+ content: "\e960";
11
+ font-family: "e-icons";
13
12
  }
14
-
15
13
  .e-input-group-icon.e-date-icon:focus,
16
14
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
17
15
  background: #959595;
@@ -24,14 +22,12 @@
24
22
  font-size: 20px;
25
23
  margin: 0;
26
24
  }
27
-
28
25
  .e-bigger .e-input-group-icon.e-date-icon::before,
29
26
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
30
27
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
31
- content: '\e960';
32
- font-family: 'e-icons';
28
+ content: "\e960";
29
+ font-family: "e-icons";
33
30
  }
34
-
35
31
  .e-bigger .e-input-group-icon.e-date-icon:focus,
36
32
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
37
33
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -60,25 +56,22 @@
60
56
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
61
57
  display: table-row;
62
58
  }
63
-
64
59
  .e-datepicker.e-popup-wrapper {
65
60
  border-radius: 4px;
66
61
  overflow-y: hidden;
67
62
  pointer-events: auto;
68
63
  }
69
-
70
64
  .e-datepicker.e-date-modal {
71
65
  background-color: rgba(26, 26, 26, 0.6);
72
66
  height: 100%;
73
67
  left: 0;
74
- opacity: .5;
68
+ opacity: 0.5;
75
69
  pointer-events: auto;
76
70
  position: fixed;
77
71
  top: 0;
78
72
  width: 100%;
79
73
  z-index: 999;
80
74
  }
81
-
82
75
  .e-datepicker .e-model-header {
83
76
  background-color: transparent;
84
77
  color: transparent;
@@ -86,16 +79,13 @@
86
79
  display: none;
87
80
  padding: 10px 10px 10px 15px;
88
81
  }
89
-
90
82
  .e-datepicker .e-model-header .e-model-year {
91
83
  font-size: 14px;
92
84
  font-weight: 500;
93
85
  line-height: 32px;
94
86
  margin: 0;
95
87
  }
96
-
97
- .e-datepicker .e-model-month,
98
- .e-datepicker .e-model-day {
88
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
99
89
  font-size: 20px;
100
90
  font-weight: 500;
101
91
  line-height: 32px;
@@ -123,7 +113,6 @@
123
113
  width: 100%;
124
114
  z-index: 1002;
125
115
  }
126
-
127
116
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
128
117
  position: relative;
129
118
  top: 0 !important;
@@ -148,7 +137,6 @@
148
137
  overflow: auto;
149
138
  }
150
139
  }
151
-
152
140
  .e-datepicker.e-popup-wrapper,
153
141
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
154
142
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -159,7 +147,6 @@
159
147
  border: 1px solid #414141;
160
148
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
161
149
  }
162
-
163
150
  .e-datepicker .e-calendar,
164
151
  .e-bigger.e-small .e-datepicker .e-calendar,
165
152
  .e-bigger .e-datepicker .e-calendar,
@@ -173,4 +160,4 @@
173
160
 
174
161
  *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
175
162
  border: none;
176
- }
163
+ }
package/styles/datepicker/bootstrap.css CHANGED
@@ -6,13 +6,11 @@
6
6
  margin: 0;
7
7
  outline: none;
8
8
  }
9
-
10
9
  .e-input-group-icon.e-date-icon::before,
11
10
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
12
- content: '\e960';
13
- font-family: 'e-icons';
11
+ content: "\e960";
12
+ font-family: "e-icons";
14
13
  }
15
-
16
14
  .e-input-group-icon.e-date-icon:focus,
17
15
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
18
16
  background: #e6e6e6;
@@ -25,14 +23,12 @@
25
23
  font-size: 20px;
26
24
  margin: 0;
27
25
  }
28
-
29
26
  .e-bigger .e-input-group-icon.e-date-icon::before,
30
27
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
31
28
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
32
- content: '\e960';
33
- font-family: 'e-icons';
29
+ content: "\e960";
30
+ font-family: "e-icons";
34
31
  }
35
-
36
32
  .e-bigger .e-input-group-icon.e-date-icon:focus,
37
33
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
38
34
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -61,25 +57,22 @@
61
57
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
62
58
  display: table-row;
63
59
  }
64
-
65
60
  .e-datepicker.e-popup-wrapper {
66
61
  border-radius: 4px;
67
62
  overflow-y: hidden;
68
63
  pointer-events: auto;
69
64
  }
70
-
71
65
  .e-datepicker.e-date-modal {
72
66
  background-color: rgba(0, 0, 0, 0.6);
73
67
  height: 100%;
74
68
  left: 0;
75
- opacity: .5;
69
+ opacity: 0.5;
76
70
  pointer-events: auto;
77
71
  position: fixed;
78
72
  top: 0;
79
73
  width: 100%;
80
74
  z-index: 999;
81
75
  }
82
-
83
76
  .e-datepicker .e-model-header {
84
77
  background-color: transparent;
85
78
  color: transparent;
@@ -87,16 +80,13 @@
87
80
  display: none;
88
81
  padding: 10px 10px 10px 15px;
89
82
  }
90
-
91
83
  .e-datepicker .e-model-header .e-model-year {
92
84
  font-size: 14px;
93
85
  font-weight: 500;
94
86
  line-height: 32px;
95
87
  margin: 0;
96
88
  }
97
-
98
- .e-datepicker .e-model-month,
99
- .e-datepicker .e-model-day {
89
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
100
90
  font-size: 20px;
101
91
  font-weight: 500;
102
92
  line-height: 32px;
@@ -124,7 +114,6 @@
124
114
  width: 100%;
125
115
  z-index: 1002;
126
116
  }
127
-
128
117
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
129
118
  position: relative;
130
119
  top: 0 !important;
@@ -149,7 +138,6 @@
149
138
  overflow: auto;
150
139
  }
151
140
  }
152
-
153
141
  .e-datepicker.e-popup-wrapper,
154
142
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
155
143
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -160,7 +148,6 @@
160
148
  border: 1px solid #ccc;
161
149
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
162
150
  }
163
-
164
151
  .e-datepicker .e-calendar,
165
152
  .e-bigger.e-small .e-datepicker .e-calendar,
166
153
  .e-bigger .e-datepicker .e-calendar,
@@ -174,4 +161,4 @@
174
161
 
175
162
  *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
176
163
  border: none;
177
- }
164
+ }
package/styles/datepicker/bootstrap4.css CHANGED
@@ -8,13 +8,11 @@
8
8
  min-width: 24px;
9
9
  outline: none;
10
10
  }
11
-
12
11
  .e-input-group-icon.e-date-icon::before,
13
12
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
14
- content: '\e7be';
15
- font-family: 'e-icons';
13
+ content: "\e7be";
14
+ font-family: "e-icons";
16
15
  }
17
-
18
16
  .e-input-group-icon.e-date-icon:focus,
19
17
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
20
18
  background: #212529;
@@ -29,14 +27,12 @@
29
27
  min-height: 36px;
30
28
  min-width: 34px;
31
29
  }
32
-
33
30
  .e-bigger .e-input-group-icon.e-date-icon::before,
34
31
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
35
32
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
36
- content: '\e7be';
37
- font-family: 'e-icons';
33
+ content: "\e7be";
34
+ font-family: "e-icons";
38
35
  }
39
-
40
36
  .e-bigger .e-input-group-icon.e-date-icon:focus,
41
37
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
42
38
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -65,25 +61,22 @@
65
61
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
66
62
  display: table-row;
67
63
  }
68
-
69
64
  .e-datepicker.e-popup-wrapper {
70
65
  border-radius: 4px;
71
66
  overflow-y: hidden;
72
67
  pointer-events: auto;
73
68
  }
74
-
75
69
  .e-datepicker.e-date-modal {
76
70
  background-color: rgba(0, 0, 0, 0.5);
77
71
  height: 100%;
78
72
  left: 0;
79
- opacity: .5;
73
+ opacity: 0.5;
80
74
  pointer-events: auto;
81
75
  position: fixed;
82
76
  top: 0;
83
77
  width: 100%;
84
78
  z-index: 999;
85
79
  }
86
-
87
80
  .e-datepicker .e-model-header {
88
81
  background-color: transparent;
89
82
  color: transparent;
@@ -91,16 +84,13 @@
91
84
  display: none;
92
85
  padding: 10px 10px 10px 15px;
93
86
  }
94
-
95
87
  .e-datepicker .e-model-header .e-model-year {
96
88
  font-size: 14px;
97
89
  font-weight: 500;
98
90
  line-height: 32px;
99
91
  margin: 0;
100
92
  }
101
-
102
- .e-datepicker .e-model-month,
103
- .e-datepicker .e-model-day {
93
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
104
94
  font-size: 20px;
105
95
  font-weight: 500;
106
96
  line-height: 32px;
@@ -128,7 +118,6 @@
128
118
  width: 100%;
129
119
  z-index: 1002;
130
120
  }
131
-
132
121
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
133
122
  position: relative;
134
123
  top: 0 !important;
@@ -153,7 +142,6 @@
153
142
  overflow: auto;
154
143
  }
155
144
  }
156
-
157
145
  .e-datepicker.e-popup-wrapper,
158
146
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
159
147
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -164,7 +152,6 @@
164
152
  border: 1px solid rgba(0, 0, 0, 0.15);
165
153
  box-shadow: none;
166
154
  }
167
-
168
155
  .e-datepicker .e-calendar,
169
156
  .e-bigger.e-small .e-datepicker .e-calendar,
170
157
  .e-bigger .e-datepicker .e-calendar,
@@ -183,9 +170,8 @@
183
170
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
184
171
  color: #fff;
185
172
  }
186
-
187
173
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
188
174
  background: #545b62;
189
175
  border-color: #545b62;
190
176
  color: #fff;
191
- }
177
+ }
package/styles/datepicker/bootstrap5-dark.css CHANGED
@@ -8,13 +8,11 @@
8
8
  min-width: 30px;
9
9
  outline: none;
10
10
  }
11
-
12
11
  .e-input-group-icon.e-date-icon::before,
13
12
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
14
- content: '\e75e';
15
- font-family: 'e-icons';
13
+ content: "\e75e";
14
+ font-family: "e-icons";
16
15
  }
17
-
18
16
  .e-input-group-icon.e-date-icon:focus,
19
17
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
20
18
  background: #fff;
@@ -29,14 +27,12 @@
29
27
  min-height: 18px;
30
28
  min-width: 36px;
31
29
  }
32
-
33
30
  .e-bigger .e-input-group-icon.e-date-icon::before,
34
31
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
35
32
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
36
- content: '\e75e';
37
- font-family: 'e-icons';
33
+ content: "\e75e";
34
+ font-family: "e-icons";
38
35
  }
39
-
40
36
  .e-bigger .e-input-group-icon.e-date-icon:focus,
41
37
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
42
38
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -65,25 +61,22 @@
65
61
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
66
62
  display: none;
67
63
  }
68
-
69
64
  .e-datepicker.e-popup-wrapper {
70
65
  border-radius: 6px;
71
66
  overflow-y: hidden;
72
67
  pointer-events: auto;
73
68
  }
74
-
75
69
  .e-datepicker.e-date-modal {
76
70
  background-color: rgba(0, 0, 0, 0.5);
77
71
  height: 100%;
78
72
  left: 0;
79
- opacity: .5;
73
+ opacity: 0.5;
80
74
  pointer-events: auto;
81
75
  position: fixed;
82
76
  top: 0;
83
77
  width: 100%;
84
78
  z-index: 999;
85
79
  }
86
-
87
80
  .e-datepicker .e-model-header {
88
81
  background-color: #adb5bd;
89
82
  color: #343a40;
@@ -91,16 +84,13 @@
91
84
  display: block;
92
85
  padding: 10px 10px 10px 15px;
93
86
  }
94
-
95
87
  .e-datepicker .e-model-header .e-model-year {
96
88
  font-size: 14px;
97
89
  font-weight: 500;
98
90
  line-height: 32px;
99
91
  margin: 0;
100
92
  }
101
-
102
- .e-datepicker .e-model-month,
103
- .e-datepicker .e-model-day {
93
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
104
94
  font-size: 20px;
105
95
  font-weight: 500;
106
96
  line-height: 32px;
@@ -128,7 +118,6 @@
128
118
  width: 100%;
129
119
  z-index: 1002;
130
120
  }
131
-
132
121
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
133
122
  position: relative;
134
123
  top: 0 !important;
@@ -153,7 +142,6 @@
153
142
  overflow: auto;
154
143
  }
155
144
  }
156
-
157
145
  .e-datepicker.e-popup-wrapper,
158
146
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
159
147
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -164,7 +152,6 @@
164
152
  border: 1px solid #444c54;
165
153
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
166
154
  }
167
-
168
155
  .e-datepicker .e-calendar,
169
156
  .e-bigger.e-small .e-datepicker .e-calendar,
170
157
  .e-bigger .e-datepicker .e-calendar,
@@ -184,4 +171,4 @@
184
171
  background: #565e64;
185
172
  border-color: #6c757d;
186
173
  color: #fff;
187
- }
174
+ }
package/styles/datepicker/bootstrap5.css CHANGED
@@ -8,13 +8,11 @@
8
8
  min-width: 30px;
9
9
  outline: none;
10
10
  }
11
-
12
11
  .e-input-group-icon.e-date-icon::before,
13
12
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
14
- content: '\e75e';
15
- font-family: 'e-icons';
13
+ content: "\e75e";
14
+ font-family: "e-icons";
16
15
  }
17
-
18
16
  .e-input-group-icon.e-date-icon:focus,
19
17
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
20
18
  background: #fff;
@@ -29,14 +27,12 @@
29
27
  min-height: 18px;
30
28
  min-width: 36px;
31
29
  }
32
-
33
30
  .e-bigger .e-input-group-icon.e-date-icon::before,
34
31
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
35
32
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
36
- content: '\e75e';
37
- font-family: 'e-icons';
33
+ content: "\e75e";
34
+ font-family: "e-icons";
38
35
  }
39
-
40
36
  .e-bigger .e-input-group-icon.e-date-icon:focus,
41
37
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
42
38
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -65,25 +61,22 @@
65
61
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
66
62
  display: none;
67
63
  }
68
-
69
64
  .e-datepicker.e-popup-wrapper {
70
65
  border-radius: 6px;
71
66
  overflow-y: hidden;
72
67
  pointer-events: auto;
73
68
  }
74
-
75
69
  .e-datepicker.e-date-modal {
76
70
  background-color: rgba(0, 0, 0, 0.5);
77
71
  height: 100%;
78
72
  left: 0;
79
- opacity: .5;
73
+ opacity: 0.5;
80
74
  pointer-events: auto;
81
75
  position: fixed;
82
76
  top: 0;
83
77
  width: 100%;
84
78
  z-index: 999;
85
79
  }
86
-
87
80
  .e-datepicker .e-model-header {
88
81
  background-color: #6c757d;
89
82
  color: #e9ecef;
@@ -91,16 +84,13 @@
91
84
  display: block;
92
85
  padding: 10px 10px 10px 15px;
93
86
  }
94
-
95
87
  .e-datepicker .e-model-header .e-model-year {
96
88
  font-size: 14px;
97
89
  font-weight: 500;
98
90
  line-height: 32px;
99
91
  margin: 0;
100
92
  }
101
-
102
- .e-datepicker .e-model-month,
103
- .e-datepicker .e-model-day {
93
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
104
94
  font-size: 20px;
105
95
  font-weight: 500;
106
96
  line-height: 32px;
@@ -128,7 +118,6 @@
128
118
  width: 100%;
129
119
  z-index: 1002;
130
120
  }
131
-
132
121
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
133
122
  position: relative;
134
123
  top: 0 !important;
@@ -153,7 +142,6 @@
153
142
  overflow: auto;
154
143
  }
155
144
  }
156
-
157
145
  .e-datepicker.e-popup-wrapper,
158
146
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
159
147
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -164,7 +152,6 @@
164
152
  border: 1px solid #dee2e6;
165
153
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
166
154
  }
167
-
168
155
  .e-datepicker .e-calendar,
169
156
  .e-bigger.e-small .e-datepicker .e-calendar,
170
157
  .e-bigger .e-datepicker .e-calendar,
@@ -184,4 +171,4 @@
184
171
  background: #565e64;
185
172
  border-color: #ced4da;
186
173
  color: #fff;
187
- }
174
+ }
package/styles/datepicker/fabric-dark.css CHANGED
@@ -5,13 +5,11 @@
5
5
  margin: 0;
6
6
  outline: none;
7
7
  }
8
-
9
8
  .e-input-group-icon.e-date-icon::before,
10
9
  *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
11
- content: '\e93a';
12
- font-family: 'e-icons';
10
+ content: "\e93a";
11
+ font-family: "e-icons";
13
12
  }
14
-
15
13
  .e-input-group-icon.e-date-icon:focus,
16
14
  *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
17
15
  background: #414040;
@@ -24,14 +22,12 @@
24
22
  font-size: 20px;
25
23
  margin: 0;
26
24
  }
27
-
28
25
  .e-bigger .e-input-group-icon.e-date-icon::before,
29
26
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
30
27
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
31
- content: '\e93a';
32
- font-family: 'e-icons';
28
+ content: "\e93a";
29
+ font-family: "e-icons";
33
30
  }
34
-
35
31
  .e-bigger .e-input-group-icon.e-date-icon:focus,
36
32
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
37
33
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
@@ -60,25 +56,22 @@
60
56
  .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
61
57
  display: table-row;
62
58
  }
63
-
64
59
  .e-datepicker.e-popup-wrapper {
65
60
  border-radius: 0;
66
61
  overflow-y: hidden;
67
62
  pointer-events: auto;
68
63
  }
69
-
70
64
  .e-datepicker.e-date-modal {
71
65
  background-color: rgba(248, 248, 248, 0.6);
72
66
  height: 100%;
73
67
  left: 0;
74
- opacity: .5;
68
+ opacity: 0.5;
75
69
  pointer-events: auto;
76
70
  position: fixed;
77
71
  top: 0;
78
72
  width: 100%;
79
73
  z-index: 999;
80
74
  }
81
-
82
75
  .e-datepicker .e-model-header {
83
76
  background-color: #0074cc;
84
77
  color: #201f1f;
@@ -86,16 +79,13 @@
86
79
  display: none;
87
80
  padding: 10px 10px 10px 15px;
88
81
  }
89
-
90
82
  .e-datepicker .e-model-header .e-model-year {
91
83
  font-size: 14px;
92
84
  font-weight: 500;
93
85
  line-height: 32px;
94
86
  margin: 0;
95
87
  }
96
-
97
- .e-datepicker .e-model-month,
98
- .e-datepicker .e-model-day {
88
+ .e-datepicker .e-model-month, .e-datepicker .e-model-day {
99
89
  font-size: 20px;
100
90
  font-weight: 500;
101
91
  line-height: 32px;
@@ -123,7 +113,6 @@
123
113
  width: 100%;
124
114
  z-index: 1002;
125
115
  }
126
-
127
116
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
128
117
  position: relative;
129
118
  top: 0 !important;
@@ -148,7 +137,6 @@
148
137
  overflow: auto;
149
138
  }
150
139
  }
151
-
152
140
  .e-datepicker.e-popup-wrapper,
153
141
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
154
142
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -159,7 +147,6 @@
159
147
  border: 1px solid #414040;
160
148
  box-shadow: none;
161
149
  }
162
-
163
150
  .e-datepicker .e-calendar,
164
151
  .e-bigger.e-small .e-datepicker .e-calendar,
165
152
  .e-bigger .e-datepicker .e-calendar,
@@ -173,4 +160,4 @@
173
160
 
174
161
  *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
175
162
  border: 1px solid #0074cc;
176
- }
163
+ }