@syncfusion/ej2-angular-calendars 20.2.50-ngcc → 20.3.47-ngcc

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 (97) hide show
  1. package/CHANGELOG.md +0 -38
  2. package/dist/ej2-angular-calendars.umd.js +1 -1
  3. package/dist/ej2-angular-calendars.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +13 -184
  9. package/styles/bootstrap.css +13 -184
  10. package/styles/bootstrap4.css +13 -184
  11. package/styles/bootstrap5-dark.css +18 -186
  12. package/styles/bootstrap5.css +18 -186
  13. package/styles/calendar/bootstrap-dark.css +1 -0
  14. package/styles/calendar/bootstrap.css +1 -0
  15. package/styles/calendar/bootstrap4.css +1 -0
  16. package/styles/calendar/bootstrap5-dark.css +1 -0
  17. package/styles/calendar/bootstrap5.css +1 -0
  18. package/styles/calendar/fabric-dark.css +1 -0
  19. package/styles/calendar/fabric.css +1 -0
  20. package/styles/calendar/fluent-dark.css +1 -0
  21. package/styles/calendar/fluent.css +1 -0
  22. package/styles/calendar/highcontrast-light.css +1 -0
  23. package/styles/calendar/highcontrast.css +1 -0
  24. package/styles/calendar/material-dark.css +1 -0
  25. package/styles/calendar/material.css +1 -0
  26. package/styles/calendar/tailwind-dark.css +2 -0
  27. package/styles/calendar/tailwind.css +2 -0
  28. package/styles/datepicker/bootstrap-dark.css +3 -80
  29. package/styles/datepicker/bootstrap.css +3 -80
  30. package/styles/datepicker/bootstrap4.css +3 -80
  31. package/styles/datepicker/bootstrap5-dark.css +4 -81
  32. package/styles/datepicker/bootstrap5.css +4 -81
  33. package/styles/datepicker/fabric-dark.css +3 -80
  34. package/styles/datepicker/fabric.css +3 -80
  35. package/styles/datepicker/fluent-dark.css +4 -81
  36. package/styles/datepicker/fluent.css +4 -81
  37. package/styles/datepicker/highcontrast-light.css +3 -80
  38. package/styles/datepicker/highcontrast.css +3 -80
  39. package/styles/datepicker/material-dark.css +3 -80
  40. package/styles/datepicker/material.css +9 -3
  41. package/styles/datepicker/tailwind-dark.css +4 -81
  42. package/styles/datepicker/tailwind.css +4 -81
  43. package/styles/daterangepicker/bootstrap-dark.css +3 -104
  44. package/styles/daterangepicker/bootstrap.css +3 -104
  45. package/styles/daterangepicker/bootstrap4.css +3 -104
  46. package/styles/daterangepicker/bootstrap5-dark.css +5 -105
  47. package/styles/daterangepicker/bootstrap5.css +5 -105
  48. package/styles/daterangepicker/fabric-dark.css +3 -104
  49. package/styles/daterangepicker/fabric.css +3 -104
  50. package/styles/daterangepicker/fluent-dark.css +4 -105
  51. package/styles/daterangepicker/fluent.css +4 -105
  52. package/styles/daterangepicker/highcontrast-light.css +3 -104
  53. package/styles/daterangepicker/highcontrast.css +3 -104
  54. package/styles/daterangepicker/material-dark.css +5 -106
  55. package/styles/daterangepicker/material.css +12 -0
  56. package/styles/daterangepicker/tailwind-dark.css +5 -105
  57. package/styles/daterangepicker/tailwind.css +5 -105
  58. package/styles/datetimepicker/bootstrap-dark.css +2 -0
  59. package/styles/datetimepicker/bootstrap.css +2 -0
  60. package/styles/datetimepicker/bootstrap4.css +2 -0
  61. package/styles/datetimepicker/bootstrap5-dark.css +3 -0
  62. package/styles/datetimepicker/bootstrap5.css +3 -0
  63. package/styles/datetimepicker/fabric-dark.css +2 -0
  64. package/styles/datetimepicker/fabric.css +2 -0
  65. package/styles/datetimepicker/fluent-dark.css +3 -0
  66. package/styles/datetimepicker/fluent.css +3 -0
  67. package/styles/datetimepicker/highcontrast-light.css +2 -0
  68. package/styles/datetimepicker/highcontrast.css +2 -0
  69. package/styles/datetimepicker/material-dark.css +2 -0
  70. package/styles/datetimepicker/material.css +2 -0
  71. package/styles/datetimepicker/tailwind-dark.css +3 -0
  72. package/styles/datetimepicker/tailwind.css +3 -0
  73. package/styles/fabric-dark.css +13 -184
  74. package/styles/fabric.css +13 -186
  75. package/styles/fluent-dark.css +17 -186
  76. package/styles/fluent.css +17 -186
  77. package/styles/highcontrast-light.css +13 -184
  78. package/styles/highcontrast.css +13 -184
  79. package/styles/material-dark.css +15 -186
  80. package/styles/material.css +28 -3
  81. package/styles/tailwind-dark.css +19 -186
  82. package/styles/tailwind.css +19 -186
  83. package/styles/timepicker/bootstrap-dark.css +4 -0
  84. package/styles/timepicker/bootstrap.css +4 -0
  85. package/styles/timepicker/bootstrap4.css +4 -0
  86. package/styles/timepicker/bootstrap5-dark.css +5 -0
  87. package/styles/timepicker/bootstrap5.css +5 -0
  88. package/styles/timepicker/fabric-dark.css +4 -0
  89. package/styles/timepicker/fabric.css +4 -0
  90. package/styles/timepicker/fluent-dark.css +5 -0
  91. package/styles/timepicker/fluent.css +5 -0
  92. package/styles/timepicker/highcontrast-light.css +4 -0
  93. package/styles/timepicker/highcontrast.css +4 -0
  94. package/styles/timepicker/material-dark.css +4 -0
  95. package/styles/timepicker/material.css +4 -0
  96. package/styles/timepicker/tailwind-dark.css +5 -0
  97. package/styles/timepicker/tailwind.css +5 -0
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! calendar bootstrap theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-range-icon,
@@ -611,6 +612,7 @@
611
612
  line-height: 26px;
612
613
  }
613
614
 
615
+ /* stylelint-disable */
614
616
  .e-range-overflow {
615
617
  overflow: hidden;
616
618
  }
@@ -637,13 +639,6 @@
637
639
  top: 0 !important;
638
640
  left: 0 !important;
639
641
  }
640
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
641
- min-height: 100%;
642
- min-width: 100%;
643
- height: 100%;
644
- width: 100%;
645
- }
646
-
647
642
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
648
643
  background-size: 250px 33px;
649
644
  min-height: 33px;
@@ -655,103 +650,6 @@
655
650
  min-height: 40px;
656
651
  }
657
652
 
658
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
659
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
660
- min-height: 100%;
661
- min-width: 100%;
662
- height: 100%;
663
- width: 100%;
664
- }
665
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
666
- height: 100%;
667
- }
668
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
669
- height: 78%;
670
- }
671
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
672
- height: 90%;
673
- }
674
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
675
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
676
- height: 10%;
677
- }
678
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
679
- margin: 0;
680
- }
681
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
682
- height: 90%;
683
- }
684
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
685
- height: 100%;
686
- border-spacing: 0px 30px;
687
- }
688
-
689
- @media screen and (orientation: landscape) {
690
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
691
- float: left;
692
- height: 100%;
693
- border-right: 1.5px;
694
- border-color: black;
695
- width: 40%;
696
- margin: 0;
697
- display: block;
698
- background-color: #3f51b5;
699
- }
700
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
701
- height: 100%;
702
- width: 100%;
703
- }
704
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
705
- display: block;
706
- width: 100%;
707
- text-align: -webkit-center;
708
- }
709
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
710
- display: block;
711
- width: 100%;
712
- text-align: -webkit-center;
713
- margin-top: 20%;
714
- font-size: 20px;
715
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
716
- }
717
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
718
- font-size: 20px;
719
- margin-top: 60%;
720
- color: #fff;
721
- }
722
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
723
- width: 100%;
724
- text-align: -webkit-center;
725
- margin-top: 20%;
726
- font-size: 20px;
727
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
728
- }
729
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
730
- height: 82%;
731
- }
732
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
733
- height: 80%;
734
- }
735
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
736
- border-spacing: unset;
737
- }
738
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
739
- height: 20%;
740
- }
741
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
742
- width: 100%;
743
- }
744
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
745
- display: -ms-flexbox;
746
- display: flex;
747
- }
748
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
749
- border-radius: 0 40% 40% 0;
750
- }
751
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
752
- border-radius: 0 40% 40% 0;
753
- }
754
- }
755
653
  .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
756
654
  width: calc(100% - 80px);
757
655
  }
@@ -760,6 +658,7 @@
760
658
  width: calc(100% - 110px);
761
659
  }
762
660
 
661
+ /* stylelint-enable */
763
662
  /*! daterangepicker theme */
764
663
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
765
664
  background: #545b62;
@@ -1,4 +1,5 @@
1
- /*! calendar bootstrap5 theme variables */
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-range-icon,
4
5
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -611,6 +612,7 @@
611
612
  line-height: 26px;
612
613
  }
613
614
 
615
+ /* stylelint-disable */
614
616
  .e-range-overflow {
615
617
  overflow: hidden;
616
618
  }
@@ -637,13 +639,6 @@
637
639
  top: 0 !important;
638
640
  left: 0 !important;
639
641
  }
640
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
641
- min-height: 100%;
642
- min-width: 100%;
643
- height: 100%;
644
- width: 100%;
645
- }
646
-
647
642
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
648
643
  background-size: 250px 33px;
649
644
  min-height: 33px;
@@ -655,103 +650,6 @@
655
650
  min-height: 40px;
656
651
  }
657
652
 
658
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
659
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
660
- min-height: 100%;
661
- min-width: 100%;
662
- height: 100%;
663
- width: 100%;
664
- }
665
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
666
- height: 100%;
667
- }
668
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
669
- height: 78%;
670
- }
671
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
672
- height: 90%;
673
- }
674
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
675
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
676
- height: 10%;
677
- }
678
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
679
- margin: 0;
680
- }
681
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
682
- height: 90%;
683
- }
684
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
685
- height: 100%;
686
- border-spacing: 0px 30px;
687
- }
688
-
689
- @media screen and (orientation: landscape) {
690
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
691
- float: left;
692
- height: 100%;
693
- border-right: 1.5px;
694
- border-color: black;
695
- width: 40%;
696
- margin: 0;
697
- display: block;
698
- background-color: #3f51b5;
699
- }
700
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
701
- height: 100%;
702
- width: 100%;
703
- }
704
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
705
- display: block;
706
- width: 100%;
707
- text-align: -webkit-center;
708
- }
709
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
710
- display: block;
711
- width: 100%;
712
- text-align: -webkit-center;
713
- margin-top: 20%;
714
- font-size: 20px;
715
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
716
- }
717
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
718
- font-size: 20px;
719
- margin-top: 60%;
720
- color: #fff;
721
- }
722
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
723
- width: 100%;
724
- text-align: -webkit-center;
725
- margin-top: 20%;
726
- font-size: 20px;
727
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
728
- }
729
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
730
- height: 82%;
731
- }
732
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
733
- height: 80%;
734
- }
735
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
736
- border-spacing: unset;
737
- }
738
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
739
- height: 20%;
740
- }
741
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
742
- width: 100%;
743
- }
744
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
745
- display: -ms-flexbox;
746
- display: flex;
747
- }
748
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
749
- border-radius: 0 40% 40% 0;
750
- }
751
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
752
- border-radius: 0 40% 40% 0;
753
- }
754
- }
755
653
  .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
756
654
  width: calc(100% - 80px);
757
655
  }
@@ -760,6 +658,7 @@
760
658
  width: calc(100% - 110px);
761
659
  }
762
660
 
661
+ /* stylelint-enable */
763
662
  /*! daterangepicker theme */
764
663
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
765
664
  color: #fff;
@@ -940,6 +839,7 @@
940
839
  *.e-device.e-daterangepicker .e-start-btn,
941
840
  *.e-device.e-daterangepicker .e-end-btn {
942
841
  background: #343a40;
842
+ color: #0d6efd;
943
843
  }
944
844
  .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
945
845
  *.e-bigger.e-daterangepicker .e-start-btn.e-active,
@@ -1,4 +1,5 @@
1
- /*! calendar bootstrap5 theme variables */
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-range-icon,
4
5
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -611,6 +612,7 @@
611
612
  line-height: 26px;
612
613
  }
613
614
 
615
+ /* stylelint-disable */
614
616
  .e-range-overflow {
615
617
  overflow: hidden;
616
618
  }
@@ -637,13 +639,6 @@
637
639
  top: 0 !important;
638
640
  left: 0 !important;
639
641
  }
640
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
641
- min-height: 100%;
642
- min-width: 100%;
643
- height: 100%;
644
- width: 100%;
645
- }
646
-
647
642
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
648
643
  background-size: 250px 33px;
649
644
  min-height: 33px;
@@ -655,103 +650,6 @@
655
650
  min-height: 40px;
656
651
  }
657
652
 
658
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
659
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
660
- min-height: 100%;
661
- min-width: 100%;
662
- height: 100%;
663
- width: 100%;
664
- }
665
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
666
- height: 100%;
667
- }
668
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
669
- height: 78%;
670
- }
671
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
672
- height: 90%;
673
- }
674
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
675
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
676
- height: 10%;
677
- }
678
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
679
- margin: 0;
680
- }
681
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
682
- height: 90%;
683
- }
684
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
685
- height: 100%;
686
- border-spacing: 0px 30px;
687
- }
688
-
689
- @media screen and (orientation: landscape) {
690
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
691
- float: left;
692
- height: 100%;
693
- border-right: 1.5px;
694
- border-color: black;
695
- width: 40%;
696
- margin: 0;
697
- display: block;
698
- background-color: #3f51b5;
699
- }
700
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
701
- height: 100%;
702
- width: 100%;
703
- }
704
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
705
- display: block;
706
- width: 100%;
707
- text-align: -webkit-center;
708
- }
709
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
710
- display: block;
711
- width: 100%;
712
- text-align: -webkit-center;
713
- margin-top: 20%;
714
- font-size: 20px;
715
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
716
- }
717
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
718
- font-size: 20px;
719
- margin-top: 60%;
720
- color: #fff;
721
- }
722
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
723
- width: 100%;
724
- text-align: -webkit-center;
725
- margin-top: 20%;
726
- font-size: 20px;
727
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
728
- }
729
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
730
- height: 82%;
731
- }
732
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
733
- height: 80%;
734
- }
735
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
736
- border-spacing: unset;
737
- }
738
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
739
- height: 20%;
740
- }
741
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
742
- width: 100%;
743
- }
744
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
745
- display: -ms-flexbox;
746
- display: flex;
747
- }
748
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
749
- border-radius: 0 40% 40% 0;
750
- }
751
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
752
- border-radius: 0 40% 40% 0;
753
- }
754
- }
755
653
  .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
756
654
  width: calc(100% - 80px);
757
655
  }
@@ -760,6 +658,7 @@
760
658
  width: calc(100% - 110px);
761
659
  }
762
660
 
661
+ /* stylelint-enable */
763
662
  /*! daterangepicker theme */
764
663
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
765
664
  color: #212529;
@@ -940,6 +839,7 @@
940
839
  *.e-device.e-daterangepicker .e-start-btn,
941
840
  *.e-device.e-daterangepicker .e-end-btn {
942
841
  background: #fff;
842
+ color: #0d6efd;
943
843
  }
944
844
  .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
945
845
  *.e-bigger.e-daterangepicker .e-start-btn.e-active,
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! component icons */
2
3
  .e-input-group-icon.e-range-icon,
3
4
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -597,6 +598,7 @@
597
598
  line-height: 26px;
598
599
  }
599
600
 
601
+ /* stylelint-disable */
600
602
  .e-range-overflow {
601
603
  overflow: hidden;
602
604
  }
@@ -623,13 +625,6 @@
623
625
  top: 0 !important;
624
626
  left: 0 !important;
625
627
  }
626
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
627
- min-height: 100%;
628
- min-width: 100%;
629
- height: 100%;
630
- width: 100%;
631
- }
632
-
633
628
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
634
629
  background-size: 250px 33px;
635
630
  min-height: 33px;
@@ -641,103 +636,6 @@
641
636
  min-height: 40px;
642
637
  }
643
638
 
644
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
645
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
646
- min-height: 100%;
647
- min-width: 100%;
648
- height: 100%;
649
- width: 100%;
650
- }
651
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
652
- height: 100%;
653
- }
654
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
655
- height: 78%;
656
- }
657
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
658
- height: 90%;
659
- }
660
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
661
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
662
- height: 10%;
663
- }
664
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
665
- margin: 0;
666
- }
667
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
668
- height: 90%;
669
- }
670
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
671
- height: 100%;
672
- border-spacing: 0px 30px;
673
- }
674
-
675
- @media screen and (orientation: landscape) {
676
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
677
- float: left;
678
- height: 100%;
679
- border-right: 1.5px;
680
- border-color: black;
681
- width: 40%;
682
- margin: 0;
683
- display: block;
684
- background-color: #3f51b5;
685
- }
686
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
687
- height: 100%;
688
- width: 100%;
689
- }
690
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
691
- display: block;
692
- width: 100%;
693
- text-align: -webkit-center;
694
- }
695
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
696
- display: block;
697
- width: 100%;
698
- text-align: -webkit-center;
699
- margin-top: 20%;
700
- font-size: 20px;
701
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
702
- }
703
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
704
- font-size: 20px;
705
- margin-top: 60%;
706
- color: #fff;
707
- }
708
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
709
- width: 100%;
710
- text-align: -webkit-center;
711
- margin-top: 20%;
712
- font-size: 20px;
713
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
714
- }
715
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
716
- height: 82%;
717
- }
718
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
719
- height: 80%;
720
- }
721
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
722
- border-spacing: unset;
723
- }
724
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
725
- height: 20%;
726
- }
727
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
728
- width: 100%;
729
- }
730
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
731
- display: -ms-flexbox;
732
- display: flex;
733
- }
734
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
735
- border-radius: 0 40% 40% 0;
736
- }
737
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
738
- border-radius: 0 40% 40% 0;
739
- }
740
- }
741
639
  .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
742
640
  width: calc(100% - 80px);
743
641
  }
@@ -746,6 +644,7 @@
746
644
  width: calc(100% - 110px);
747
645
  }
748
646
 
647
+ /* stylelint-enable */
749
648
  /*! daterangepicker theme */
750
649
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
751
650
  color: #fff;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  /*! calendar fabric theme variables */
2
3
  /*! component icons */
3
4
  .e-input-group-icon.e-range-icon,
@@ -598,6 +599,7 @@
598
599
  line-height: 26px;
599
600
  }
600
601
 
602
+ /* stylelint-disable */
601
603
  .e-range-overflow {
602
604
  overflow: hidden;
603
605
  }
@@ -624,13 +626,6 @@
624
626
  top: 0 !important;
625
627
  left: 0 !important;
626
628
  }
627
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
628
- min-height: 100%;
629
- min-width: 100%;
630
- height: 100%;
631
- width: 100%;
632
- }
633
-
634
629
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
635
630
  background-size: 250px 33px;
636
631
  min-height: 33px;
@@ -642,103 +637,6 @@
642
637
  min-height: 40px;
643
638
  }
644
639
 
645
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
646
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
647
- min-height: 100%;
648
- min-width: 100%;
649
- height: 100%;
650
- width: 100%;
651
- }
652
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
653
- height: 100%;
654
- }
655
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
656
- height: 78%;
657
- }
658
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
659
- height: 90%;
660
- }
661
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
662
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
663
- height: 10%;
664
- }
665
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
666
- margin: 0;
667
- }
668
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
669
- height: 90%;
670
- }
671
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
672
- height: 100%;
673
- border-spacing: 0px 30px;
674
- }
675
-
676
- @media screen and (orientation: landscape) {
677
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
678
- float: left;
679
- height: 100%;
680
- border-right: 1.5px;
681
- border-color: black;
682
- width: 40%;
683
- margin: 0;
684
- display: block;
685
- background-color: #3f51b5;
686
- }
687
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
688
- height: 100%;
689
- width: 100%;
690
- }
691
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
692
- display: block;
693
- width: 100%;
694
- text-align: -webkit-center;
695
- }
696
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
697
- display: block;
698
- width: 100%;
699
- text-align: -webkit-center;
700
- margin-top: 20%;
701
- font-size: 20px;
702
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
703
- }
704
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
705
- font-size: 20px;
706
- margin-top: 60%;
707
- color: #fff;
708
- }
709
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
710
- width: 100%;
711
- text-align: -webkit-center;
712
- margin-top: 20%;
713
- font-size: 20px;
714
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
715
- }
716
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
717
- height: 82%;
718
- }
719
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
720
- height: 80%;
721
- }
722
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
723
- border-spacing: unset;
724
- }
725
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
726
- height: 20%;
727
- }
728
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
729
- width: 100%;
730
- }
731
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
732
- display: -ms-flexbox;
733
- display: flex;
734
- }
735
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
736
- border-radius: 0 40% 40% 0;
737
- }
738
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
739
- border-radius: 0 40% 40% 0;
740
- }
741
- }
742
640
  .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
743
641
  width: calc(100% - 80px);
744
642
  }
@@ -747,6 +645,7 @@
747
645
  width: calc(100% - 110px);
748
646
  }
749
647
 
648
+ /* stylelint-enable */
750
649
  /*! daterangepicker theme */
751
650
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
752
651
  color: #333;