@syncfusion/ej2-react-calendars 20.1.56 → 20.1.57

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 (94) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/ej2-react-calendars.umd.min.js +1 -1
  3. package/package.json +7 -7
  4. package/src/daterangepicker/presets-directive.d.ts +3 -1
  5. package/styles/bootstrap-dark.css +96 -491
  6. package/styles/bootstrap.css +96 -491
  7. package/styles/bootstrap4.css +96 -493
  8. package/styles/bootstrap5-dark.css +97 -499
  9. package/styles/bootstrap5.css +97 -499
  10. package/styles/calendar/bootstrap-dark.css +50 -238
  11. package/styles/calendar/bootstrap.css +50 -238
  12. package/styles/calendar/bootstrap4.css +50 -238
  13. package/styles/calendar/bootstrap5-dark.css +51 -246
  14. package/styles/calendar/bootstrap5.css +51 -246
  15. package/styles/calendar/fabric-dark.css +50 -237
  16. package/styles/calendar/fabric.css +50 -238
  17. package/styles/calendar/fluent-dark.css +56 -270
  18. package/styles/calendar/fluent.css +56 -270
  19. package/styles/calendar/highcontrast-light.css +50 -238
  20. package/styles/calendar/highcontrast.css +50 -238
  21. package/styles/calendar/material-dark.css +50 -238
  22. package/styles/calendar/material.css +50 -238
  23. package/styles/calendar/tailwind-dark.css +53 -261
  24. package/styles/calendar/tailwind.css +53 -261
  25. package/styles/datepicker/bootstrap-dark.css +7 -20
  26. package/styles/datepicker/bootstrap.css +7 -20
  27. package/styles/datepicker/bootstrap4.css +7 -21
  28. package/styles/datepicker/bootstrap5-dark.css +7 -20
  29. package/styles/datepicker/bootstrap5.css +7 -20
  30. package/styles/datepicker/fabric-dark.css +7 -20
  31. package/styles/datepicker/fabric.css +7 -20
  32. package/styles/datepicker/fluent-dark.css +7 -21
  33. package/styles/datepicker/fluent.css +7 -21
  34. package/styles/datepicker/highcontrast-light.css +7 -21
  35. package/styles/datepicker/highcontrast.css +7 -21
  36. package/styles/datepicker/material-dark.css +7 -22
  37. package/styles/datepicker/material.css +7 -23
  38. package/styles/datepicker/tailwind-dark.css +7 -21
  39. package/styles/datepicker/tailwind.css +7 -21
  40. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  41. package/styles/daterangepicker/bootstrap.css +32 -184
  42. package/styles/daterangepicker/bootstrap4.css +32 -185
  43. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  44. package/styles/daterangepicker/bootstrap5.css +32 -185
  45. package/styles/daterangepicker/fabric-dark.css +32 -184
  46. package/styles/daterangepicker/fabric.css +32 -184
  47. package/styles/daterangepicker/fluent-dark.css +35 -188
  48. package/styles/daterangepicker/fluent.css +35 -188
  49. package/styles/daterangepicker/highcontrast-light.css +32 -184
  50. package/styles/daterangepicker/highcontrast.css +32 -184
  51. package/styles/daterangepicker/material-dark.css +32 -185
  52. package/styles/daterangepicker/material.css +32 -186
  53. package/styles/daterangepicker/tailwind-dark.css +31 -178
  54. package/styles/daterangepicker/tailwind.css +31 -178
  55. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  56. package/styles/datetimepicker/bootstrap.css +7 -30
  57. package/styles/datetimepicker/bootstrap4.css +7 -30
  58. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  59. package/styles/datetimepicker/bootstrap5.css +7 -30
  60. package/styles/datetimepicker/fabric-dark.css +7 -30
  61. package/styles/datetimepicker/fabric.css +7 -30
  62. package/styles/datetimepicker/fluent-dark.css +7 -30
  63. package/styles/datetimepicker/fluent.css +7 -30
  64. package/styles/datetimepicker/highcontrast-light.css +7 -30
  65. package/styles/datetimepicker/highcontrast.css +7 -30
  66. package/styles/datetimepicker/material-dark.css +7 -31
  67. package/styles/datetimepicker/material.css +7 -32
  68. package/styles/datetimepicker/tailwind-dark.css +7 -30
  69. package/styles/datetimepicker/tailwind.css +7 -30
  70. package/styles/fabric-dark.css +96 -490
  71. package/styles/fabric.css +96 -491
  72. package/styles/fluent-dark.css +105 -527
  73. package/styles/fluent.css +105 -527
  74. package/styles/highcontrast-light.css +96 -492
  75. package/styles/highcontrast.css +96 -492
  76. package/styles/material-dark.css +96 -496
  77. package/styles/material.css +96 -500
  78. package/styles/tailwind-dark.css +98 -509
  79. package/styles/tailwind.css +98 -509
  80. package/styles/timepicker/bootstrap-dark.css +4 -22
  81. package/styles/timepicker/bootstrap.css +4 -22
  82. package/styles/timepicker/bootstrap4.css +4 -22
  83. package/styles/timepicker/bootstrap5-dark.css +4 -22
  84. package/styles/timepicker/bootstrap5.css +4 -22
  85. package/styles/timepicker/fabric-dark.css +4 -22
  86. package/styles/timepicker/fabric.css +4 -22
  87. package/styles/timepicker/fluent-dark.css +4 -22
  88. package/styles/timepicker/fluent.css +4 -22
  89. package/styles/timepicker/highcontrast-light.css +4 -22
  90. package/styles/timepicker/highcontrast.css +4 -22
  91. package/styles/timepicker/material-dark.css +4 -23
  92. package/styles/timepicker/material.css +4 -24
  93. package/styles/timepicker/tailwind-dark.css +4 -22
  94. package/styles/timepicker/tailwind.css +4 -22
@@ -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
+ }
@@ -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
+ }
@@ -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
+ }
@@ -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
+ }
@@ -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
+ }
@@ -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
+ }