@syncfusion/ej2-react-calendars 20.4.52 → 21.1.35

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 +0 -12
  2. package/README.md +92 -79
  3. package/dist/ej2-react-calendars.min.js +2 -2
  4. package/dist/ej2-react-calendars.umd.min.js +2 -2
  5. package/dist/ej2-react-calendars.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-calendars.es2015.js +5 -0
  7. package/dist/es6/ej2-react-calendars.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/calendar/calendar.component.d.ts +1 -0
  10. package/src/calendar/calendar.component.js +1 -0
  11. package/src/datepicker/datepicker.component.d.ts +1 -0
  12. package/src/datepicker/datepicker.component.js +1 -0
  13. package/src/daterangepicker/daterangepicker.component.d.ts +1 -0
  14. package/src/daterangepicker/daterangepicker.component.js +1 -0
  15. package/src/datetimepicker/datetimepicker.component.d.ts +1 -0
  16. package/src/datetimepicker/datetimepicker.component.js +1 -0
  17. package/src/timepicker/timepicker.component.d.ts +1 -0
  18. package/src/timepicker/timepicker.component.js +1 -0
  19. package/styles/bootstrap-dark.css +13 -12
  20. package/styles/bootstrap.css +13 -7
  21. package/styles/bootstrap4.css +7 -5
  22. package/styles/bootstrap5-dark.css +21 -19
  23. package/styles/bootstrap5.css +19 -17
  24. package/styles/calendar/bootstrap-dark.css +4 -3
  25. package/styles/calendar/bootstrap.css +3 -2
  26. package/styles/calendar/bootstrap4.css +3 -2
  27. package/styles/calendar/bootstrap5-dark.css +14 -13
  28. package/styles/calendar/bootstrap5.css +13 -12
  29. package/styles/calendar/fabric-dark.css +15 -5
  30. package/styles/calendar/fabric.css +12 -2
  31. package/styles/calendar/fluent-dark.css +51 -28
  32. package/styles/calendar/fluent.css +51 -28
  33. package/styles/calendar/highcontrast-light.css +3 -2
  34. package/styles/calendar/highcontrast.css +14 -4
  35. package/styles/calendar/material-dark.css +14 -4
  36. package/styles/calendar/material.css +12 -2
  37. package/styles/calendar/tailwind-dark.css +11 -10
  38. package/styles/calendar/tailwind.css +11 -10
  39. package/styles/datepicker/bootstrap-dark.css +1 -1
  40. package/styles/datepicker/bootstrap.css +1 -1
  41. package/styles/datepicker/bootstrap5-dark.css +2 -2
  42. package/styles/datepicker/bootstrap5.css +2 -2
  43. package/styles/datepicker/fabric-dark.css +1 -1
  44. package/styles/datepicker/fabric.css +1 -1
  45. package/styles/datepicker/fluent-dark.css +2 -2
  46. package/styles/datepicker/fluent.css +2 -2
  47. package/styles/datepicker/highcontrast-light.css +1 -1
  48. package/styles/datepicker/highcontrast.css +1 -1
  49. package/styles/datepicker/material-dark.css +1 -1
  50. package/styles/datepicker/material.css +1 -1
  51. package/styles/datepicker/tailwind-dark.css +2 -2
  52. package/styles/datepicker/tailwind.css +2 -2
  53. package/styles/daterangepicker/bootstrap-dark.css +6 -6
  54. package/styles/daterangepicker/bootstrap.css +7 -2
  55. package/styles/daterangepicker/bootstrap4.css +3 -2
  56. package/styles/daterangepicker/bootstrap5-dark.css +5 -4
  57. package/styles/daterangepicker/bootstrap5.css +4 -3
  58. package/styles/daterangepicker/fabric-dark.css +2 -2
  59. package/styles/daterangepicker/fabric.css +2 -2
  60. package/styles/daterangepicker/fluent-dark.css +33 -9
  61. package/styles/daterangepicker/fluent.css +33 -9
  62. package/styles/daterangepicker/highcontrast-light.css +2 -2
  63. package/styles/daterangepicker/highcontrast.css +2 -2
  64. package/styles/daterangepicker/material-dark.css +2 -2
  65. package/styles/daterangepicker/material.css +9 -3
  66. package/styles/daterangepicker/tailwind-dark.css +2 -2
  67. package/styles/daterangepicker/tailwind.css +2 -2
  68. package/styles/datetimepicker/bootstrap-dark.css +1 -1
  69. package/styles/datetimepicker/bootstrap.css +1 -1
  70. package/styles/datetimepicker/bootstrap4.css +1 -1
  71. package/styles/datetimepicker/fabric-dark.css +1 -1
  72. package/styles/datetimepicker/fabric.css +1 -1
  73. package/styles/datetimepicker/highcontrast-light.css +1 -1
  74. package/styles/datetimepicker/highcontrast.css +1 -1
  75. package/styles/datetimepicker/material-dark.css +1 -1
  76. package/styles/datetimepicker/material.css +1 -1
  77. package/styles/fabric-dark.css +20 -10
  78. package/styles/fabric.css +20 -8
  79. package/styles/fluent-dark.css +86 -39
  80. package/styles/fluent.css +86 -39
  81. package/styles/highcontrast-light.css +8 -7
  82. package/styles/highcontrast.css +19 -9
  83. package/styles/material-dark.css +19 -9
  84. package/styles/material.css +24 -8
  85. package/styles/tailwind-dark.css +15 -14
  86. package/styles/tailwind.css +15 -14
  87. package/styles/timepicker/bootstrap-dark.css +1 -1
  88. package/styles/timepicker/bootstrap.css +1 -1
  89. package/styles/timepicker/fabric-dark.css +1 -1
  90. package/styles/timepicker/fabric.css +1 -1
  91. package/styles/timepicker/highcontrast-light.css +1 -1
  92. package/styles/timepicker/highcontrast.css +1 -1
  93. package/styles/timepicker/material-dark.css +1 -1
  94. package/styles/timepicker/material.css +1 -1
@@ -29,7 +29,7 @@
29
29
  .e-bigger .e-input-group-icon.e-date-icon,
30
30
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
31
31
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
32
- font-size: 20px;
32
+ font-size: 18px;
33
33
  margin: 5px 0 6px 0;
34
34
  min-height: 26px;
35
35
  min-width: 26px;
@@ -38,7 +38,7 @@
38
38
  .e-bigger .e-input-group-icon.e-date-icon,
39
39
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
40
40
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
41
- font-size: 20px;
41
+ font-size: 18px;
42
42
  margin: 5px 0 6px 0;
43
43
  min-height: 26px;
44
44
  min-width: 26px;
@@ -4,7 +4,7 @@
4
4
  /*! component icons */
5
5
  .e-input-group-icon.e-date-icon,
6
6
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
7
- font-size: 18px;
7
+ font-size: 16px;
8
8
  margin: 0;
9
9
  min-height: 18px;
10
10
  min-width: 20px;
@@ -24,7 +24,7 @@
24
24
  .e-bigger .e-input-group-icon.e-date-icon,
25
25
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
26
26
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
27
- font-size: 22px;
27
+ font-size: 18px;
28
28
  margin: 0;
29
29
  min-height: 18px;
30
30
  min-width: 20px;
@@ -4,7 +4,7 @@
4
4
  /*! component icons */
5
5
  .e-input-group-icon.e-date-icon,
6
6
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
7
- font-size: 18px;
7
+ font-size: 16px;
8
8
  margin: 0;
9
9
  min-height: 18px;
10
10
  min-width: 20px;
@@ -24,7 +24,7 @@
24
24
  .e-bigger .e-input-group-icon.e-date-icon,
25
25
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
26
26
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
27
- font-size: 22px;
27
+ font-size: 18px;
28
28
  margin: 0;
29
29
  min-height: 18px;
30
30
  min-width: 20px;
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
40
- font-size: 20px;
40
+ font-size: 18px;
41
41
  margin: 0;
42
42
  outline: none;
43
43
  }
@@ -129,8 +129,8 @@
129
129
  .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
130
130
  direction: ltr;
131
131
  font-size: 13px;
132
- height: 14px;
133
- margin: 0 0 13px 0;
132
+ height: 20px;
133
+ margin: 0;
134
134
  text-align: center;
135
135
  -webkit-user-select: none;
136
136
  -ms-user-select: none;
@@ -148,7 +148,7 @@
148
148
  .e-daterangepicker.e-popup .e-separator,
149
149
  .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
150
150
  height: 1px;
151
- margin: 0 16px;
151
+ margin: 0;
152
152
  }
153
153
  .e-daterangepicker.e-popup .e-calendar,
154
154
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -564,7 +564,7 @@
564
564
 
565
565
  .e-small .e-daterangepicker.e-popup .e-range-header,
566
566
  *.e-small.e-daterangepicker.e-popup .e-range-header {
567
- margin: 10px 10px 0 10px;
567
+ margin: 0;
568
568
  }
569
569
  .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label,
570
570
  *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label,
@@ -582,7 +582,7 @@
582
582
  .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span,
583
583
  *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span {
584
584
  font-size: 12px;
585
- margin: 0 0 10px 0;
585
+ margin: 0;
586
586
  }
587
587
  .e-small .e-daterangepicker.e-popup .e-range-header .e-separator,
588
588
  *.e-small.e-daterangepicker.e-popup .e-range-header .e-separator {
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
41
- font-size: 20px;
41
+ font-size: 18px;
42
42
  margin: 0;
43
43
  outline: none;
44
44
  }
@@ -149,7 +149,7 @@
149
149
  .e-daterangepicker.e-popup .e-separator,
150
150
  .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
151
151
  height: 1px;
152
- margin: 0 16px;
152
+ margin: 0;
153
153
  }
154
154
  .e-daterangepicker.e-popup .e-calendar,
155
155
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -354,6 +354,11 @@
354
354
  max-width: 262px;
355
355
  }
356
356
 
357
+ .e-bigger .e-daterangepicker.e-popup,
358
+ *.e-bigger.e-daterangepicker.e-popup,
359
+ *.e-device.e-daterangepicker.e-popup {
360
+ background-color: #fff;
361
+ }
357
362
  .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
358
363
  *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
359
364
  *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
@@ -567,13 +567,14 @@
567
567
  .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
568
568
  *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
569
569
  *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
570
- margin: 16px 16px 0 16px;
571
- padding: 0;
570
+ margin: 0;
571
+ padding: 16px;
572
572
  }
573
573
  .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
574
574
  *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
575
575
  *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
576
576
  margin: 10px 0;
577
+ margin-bottom: 0;
577
578
  }
578
579
 
579
580
  .e-small .e-daterangepicker.e-popup .e-range-header,
@@ -128,7 +128,7 @@
128
128
  }
129
129
  .e-daterangepicker.e-popup .e-range-header .e-change-icon,
130
130
  .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
131
- font-size: 15px;
131
+ font-size: 14px;
132
132
  font-weight: 500;
133
133
  text-align: center;
134
134
  width: 4%;
@@ -174,7 +174,7 @@
174
174
  line-height: 24px;
175
175
  width: auto;
176
176
  float: none;
177
- font-weight: normal;
177
+ font-weight: 400;
178
178
  margin-left: 0;
179
179
  }
180
180
  .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -290,7 +290,7 @@
290
290
  }
291
291
  .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
292
292
  .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
293
- font-size: 13px;
293
+ font-size: 12px;
294
294
  height: 36px;
295
295
  line-height: 36px;
296
296
  }
@@ -574,6 +574,7 @@
574
574
  *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
575
575
  *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
576
576
  margin: 10px 0;
577
+ margin-bottom: 0;
577
578
  }
578
579
 
579
580
  .e-small .e-daterangepicker.e-popup .e-range-header,
@@ -720,7 +721,7 @@
720
721
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
721
722
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
722
723
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
723
- background-color: #495057;
724
+ background-color: #6c757d;
724
725
  border: none;
725
726
  color: #e9ecef;
726
727
  }
@@ -128,7 +128,7 @@
128
128
  }
129
129
  .e-daterangepicker.e-popup .e-range-header .e-change-icon,
130
130
  .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
131
- font-size: 15px;
131
+ font-size: 14px;
132
132
  font-weight: 500;
133
133
  text-align: center;
134
134
  width: 4%;
@@ -174,7 +174,7 @@
174
174
  line-height: 24px;
175
175
  width: auto;
176
176
  float: none;
177
- font-weight: normal;
177
+ font-weight: 400;
178
178
  margin-left: 0;
179
179
  }
180
180
  .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -290,7 +290,7 @@
290
290
  }
291
291
  .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
292
292
  .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
293
- font-size: 13px;
293
+ font-size: 12px;
294
294
  height: 36px;
295
295
  line-height: 36px;
296
296
  }
@@ -574,6 +574,7 @@
574
574
  *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
575
575
  *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
576
576
  margin: 10px 0;
577
+ margin-bottom: 0;
577
578
  }
578
579
 
579
580
  .e-small .e-daterangepicker.e-popup .e-range-header,
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
40
- font-size: 20px;
40
+ font-size: 18px;
41
41
  margin: 0;
42
42
  outline: none;
43
43
  }
@@ -148,7 +148,7 @@
148
148
  .e-daterangepicker.e-popup .e-separator,
149
149
  .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
150
150
  height: 1px;
151
- margin: 0 16px;
151
+ margin: 0;
152
152
  }
153
153
  .e-daterangepicker.e-popup .e-calendar,
154
154
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
41
- font-size: 20px;
41
+ font-size: 18px;
42
42
  margin: 0;
43
43
  outline: none;
44
44
  }
@@ -149,7 +149,7 @@
149
149
  .e-daterangepicker.e-popup .e-separator,
150
150
  .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
151
151
  height: 1px;
152
- margin: 0 16px;
152
+ margin: 0;
153
153
  }
154
154
  .e-daterangepicker.e-popup .e-calendar,
155
155
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -128,7 +128,7 @@
128
128
  }
129
129
  .e-daterangepicker.e-popup .e-range-header .e-change-icon,
130
130
  .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
131
- font-size: 15px;
131
+ font-size: 16px;
132
132
  font-weight: 600;
133
133
  text-align: center;
134
134
  width: 4%;
@@ -395,7 +395,7 @@
395
395
  border: 1px solid #0078d4;
396
396
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
397
397
  font-size: 14px;
398
- font-weight: 500;
398
+ font-weight: 600;
399
399
  height: 36px;
400
400
  line-height: 34px;
401
401
  max-width: 116px;
@@ -472,6 +472,11 @@
472
472
  *.e-device.e-daterangepicker .e-calendar {
473
473
  max-width: 296px;
474
474
  }
475
+ .e-bigger .e-daterangepicker .e-calendar .e-header,
476
+ *.e-bigger.e-daterangepicker .e-calendar .e-header,
477
+ *.e-device.e-daterangepicker .e-calendar .e-header {
478
+ padding: 8px 16px;
479
+ }
475
480
  .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
476
481
  *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
477
482
  *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
@@ -541,12 +546,12 @@
541
546
  *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
542
547
  *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
543
548
  margin: 0;
544
- padding: 12px;
549
+ padding: 12px 0 12px 12px;
545
550
  }
546
551
  .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
547
552
  *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
548
553
  *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
549
- margin: 10px 0;
554
+ margin: 12px 0;
550
555
  }
551
556
 
552
557
  .e-small .e-daterangepicker.e-popup .e-range-header,
@@ -582,6 +587,25 @@
582
587
  line-height: 26px;
583
588
  }
584
589
 
590
+ .e-daterangepicker .e-calendar .e-month .e-selected span.e-day,
591
+ .e-daterangepicker.e-bigger.e-small .e-calendar .e-month .e-selected span.e-day {
592
+ height: 25px;
593
+ width: 25px;
594
+ line-height: 25px;
595
+ }
596
+
597
+ .e-daterangepicker.e-bigger .e-calendar .e-month .e-selected span.e-day {
598
+ height: 29px;
599
+ width: 29px;
600
+ line-height: 29px;
601
+ }
602
+
603
+ .e-daterangepicker.e-small .e-calendar .e-month .e-selected span.e-day {
604
+ height: 21px;
605
+ width: 21px;
606
+ line-height: 21px;
607
+ }
608
+
585
609
  /* stylelint-disable */
586
610
  .e-range-overflow {
587
611
  overflow: hidden;
@@ -921,23 +945,23 @@
921
945
 
922
946
  .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
923
947
  .e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
924
- line-height: 26px;
948
+ line-height: 23px;
925
949
  }
926
950
 
927
951
  .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
928
952
  .e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-other-month.e-range-hover span.e-day {
929
- line-height: 28px;
953
+ line-height: 25px;
930
954
  }
931
955
 
932
956
  .e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day,
933
957
  .e-small .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
934
- line-height: 24px;
958
+ line-height: 19px;
935
959
  }
936
960
 
937
961
  .e-bigger .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
938
- line-height: 30px;
962
+ line-height: 28px;
939
963
  }
940
964
 
941
965
  .e-bigger .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
942
- line-height: 32px;
966
+ line-height: 29px;
943
967
  }
@@ -128,7 +128,7 @@
128
128
  }
129
129
  .e-daterangepicker.e-popup .e-range-header .e-change-icon,
130
130
  .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
131
- font-size: 15px;
131
+ font-size: 16px;
132
132
  font-weight: 600;
133
133
  text-align: center;
134
134
  width: 4%;
@@ -395,7 +395,7 @@
395
395
  border: 1px solid #0078d4;
396
396
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
397
397
  font-size: 14px;
398
- font-weight: 500;
398
+ font-weight: 600;
399
399
  height: 36px;
400
400
  line-height: 34px;
401
401
  max-width: 116px;
@@ -472,6 +472,11 @@
472
472
  *.e-device.e-daterangepicker .e-calendar {
473
473
  max-width: 296px;
474
474
  }
475
+ .e-bigger .e-daterangepicker .e-calendar .e-header,
476
+ *.e-bigger.e-daterangepicker .e-calendar .e-header,
477
+ *.e-device.e-daterangepicker .e-calendar .e-header {
478
+ padding: 8px 16px;
479
+ }
475
480
  .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
476
481
  *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
477
482
  *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
@@ -541,12 +546,12 @@
541
546
  *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
542
547
  *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
543
548
  margin: 0;
544
- padding: 12px;
549
+ padding: 12px 0 12px 12px;
545
550
  }
546
551
  .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
547
552
  *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
548
553
  *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
549
- margin: 10px 0;
554
+ margin: 12px 0;
550
555
  }
551
556
 
552
557
  .e-small .e-daterangepicker.e-popup .e-range-header,
@@ -582,6 +587,25 @@
582
587
  line-height: 26px;
583
588
  }
584
589
 
590
+ .e-daterangepicker .e-calendar .e-month .e-selected span.e-day,
591
+ .e-daterangepicker.e-bigger.e-small .e-calendar .e-month .e-selected span.e-day {
592
+ height: 25px;
593
+ width: 25px;
594
+ line-height: 25px;
595
+ }
596
+
597
+ .e-daterangepicker.e-bigger .e-calendar .e-month .e-selected span.e-day {
598
+ height: 29px;
599
+ width: 29px;
600
+ line-height: 29px;
601
+ }
602
+
603
+ .e-daterangepicker.e-small .e-calendar .e-month .e-selected span.e-day {
604
+ height: 21px;
605
+ width: 21px;
606
+ line-height: 21px;
607
+ }
608
+
585
609
  /* stylelint-disable */
586
610
  .e-range-overflow {
587
611
  overflow: hidden;
@@ -921,23 +945,23 @@
921
945
 
922
946
  .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
923
947
  .e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
924
- line-height: 26px;
948
+ line-height: 23px;
925
949
  }
926
950
 
927
951
  .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
928
952
  .e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-other-month.e-range-hover span.e-day {
929
- line-height: 28px;
953
+ line-height: 25px;
930
954
  }
931
955
 
932
956
  .e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day,
933
957
  .e-small .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
934
- line-height: 24px;
958
+ line-height: 19px;
935
959
  }
936
960
 
937
961
  .e-bigger .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
938
- line-height: 30px;
962
+ line-height: 28px;
939
963
  }
940
964
 
941
965
  .e-bigger .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
942
- line-height: 32px;
966
+ line-height: 29px;
943
967
  }
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
40
- font-size: 20px;
40
+ font-size: 18px;
41
41
  margin: 0;
42
42
  outline: none;
43
43
  }
@@ -148,7 +148,7 @@
148
148
  .e-daterangepicker.e-popup .e-separator,
149
149
  .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
150
150
  height: 1px;
151
- margin: 0 16px;
151
+ margin: 0;
152
152
  }
153
153
  .e-daterangepicker.e-popup .e-calendar,
154
154
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
41
- font-size: 20px;
41
+ font-size: 18px;
42
42
  margin: 0;
43
43
  outline: none;
44
44
  }
@@ -149,7 +149,7 @@
149
149
  .e-daterangepicker.e-popup .e-separator,
150
150
  .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
151
151
  height: 1px;
152
- margin: 0 16px;
152
+ margin: 0;
153
153
  }
154
154
  .e-daterangepicker.e-popup .e-calendar,
155
155
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -46,7 +46,7 @@
46
46
  }
47
47
 
48
48
  .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
49
- font-size: 20px;
49
+ font-size: 18px;
50
50
  margin: 0 0 2px 0;
51
51
  min-height: 24px;
52
52
  min-width: 24px;
@@ -187,7 +187,7 @@
187
187
  .e-daterangepicker.e-popup .e-separator,
188
188
  .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
189
189
  height: 1px;
190
- margin: 0 16px;
190
+ margin: 0;
191
191
  }
192
192
  .e-daterangepicker.e-popup .e-calendar,
193
193
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -55,7 +55,7 @@
55
55
  }
56
56
 
57
57
  .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
58
- font-size: 20px;
58
+ font-size: 18px;
59
59
  margin: 0 0 2px 0;
60
60
  min-height: 24px;
61
61
  min-width: 24px;
@@ -196,7 +196,7 @@
196
196
  .e-daterangepicker.e-popup .e-separator,
197
197
  .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
198
198
  height: 1px;
199
- margin: 0 16px;
199
+ margin: 0;
200
200
  }
201
201
  .e-daterangepicker.e-popup .e-calendar,
202
202
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
@@ -401,6 +401,11 @@
401
401
  max-width: 246px;
402
402
  }
403
403
 
404
+ .e-bigger .e-daterangepicker.e-popup,
405
+ *.e-bigger.e-daterangepicker.e-popup,
406
+ *.e-device.e-daterangepicker.e-popup {
407
+ background-color: #fff;
408
+ }
404
409
  .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
405
410
  *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
406
411
  *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
@@ -775,6 +780,7 @@
775
780
  height: 80%;
776
781
  }
777
782
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
783
+ display: table;
778
784
  border-spacing: unset;
779
785
  }
780
786
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
@@ -978,7 +984,7 @@
978
984
  .e-bigger .e-daterangepicker,
979
985
  *.e-bigger.e-daterangepicker,
980
986
  *.e-device.e-daterangepicker {
981
- background-color: #fff;
987
+ background-color: initial;
982
988
  padding: 0;
983
989
  }
984
990
  .e-bigger .e-daterangepicker .e-calendar th,
@@ -176,7 +176,7 @@
176
176
  line-height: 24px;
177
177
  width: auto;
178
178
  float: none;
179
- font-weight: normal;
179
+ font-weight: 400;
180
180
  margin-left: 0;
181
181
  }
182
182
  .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -294,7 +294,7 @@
294
294
  }
295
295
  .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
296
296
  .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
297
- font-size: 13px;
297
+ font-size: 12px;
298
298
  height: 36px;
299
299
  line-height: 36px;
300
300
  }
@@ -176,7 +176,7 @@
176
176
  line-height: 24px;
177
177
  width: auto;
178
178
  float: none;
179
- font-weight: normal;
179
+ font-weight: 400;
180
180
  margin-left: 0;
181
181
  }
182
182
  .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -294,7 +294,7 @@
294
294
  }
295
295
  .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
296
296
  .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
297
- font-size: 13px;
297
+ font-size: 12px;
298
298
  height: 36px;
299
299
  line-height: 36px;
300
300
  }
@@ -91,7 +91,7 @@
91
91
 
92
92
  .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
93
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 20px;
94
+ font-size: 18px;
95
95
  }
96
96
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
97
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
@@ -91,7 +91,7 @@
91
91
 
92
92
  .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
93
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 20px;
94
+ font-size: 18px;
95
95
  }
96
96
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
97
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
@@ -91,7 +91,7 @@
91
91
 
92
92
  .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
93
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 20px;
94
+ font-size: 18px;
95
95
  }
96
96
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
97
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
@@ -91,7 +91,7 @@
91
91
 
92
92
  .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
93
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 20px;
94
+ font-size: 18px;
95
95
  }
96
96
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
97
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
@@ -91,7 +91,7 @@
91
91
 
92
92
  .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
93
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 20px;
94
+ font-size: 18px;
95
95
  }
96
96
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
97
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
@@ -91,7 +91,7 @@
91
91
 
92
92
  .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
93
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 20px;
94
+ font-size: 18px;
95
95
  }
96
96
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
97
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
@@ -91,7 +91,7 @@
91
91
 
92
92
  .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
93
93
  *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
94
- font-size: 20px;
94
+ font-size: 18px;
95
95
  }
96
96
  .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
97
97
  *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {