@syncfusion/ej2-calendars 20.2.45 → 20.2.50

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 (64) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/ej2-calendars.umd.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-calendars.es2015.js +81 -12
  5. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  6. package/dist/es6/ej2-calendars.es5.js +81 -12
  7. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  8. package/dist/global/ej2-calendars.min.js +2 -2
  9. package/dist/global/ej2-calendars.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +10 -10
  12. package/src/calendar/calendar.d.ts +3 -2
  13. package/src/calendar/calendar.js +34 -8
  14. package/src/datepicker/datepicker.js +12 -1
  15. package/src/daterangepicker/daterangepicker.js +12 -1
  16. package/src/datetimepicker/datetimepicker.js +12 -1
  17. package/src/timepicker/timepicker.js +11 -1
  18. package/styles/bootstrap-dark.css +190 -0
  19. package/styles/bootstrap.css +190 -0
  20. package/styles/bootstrap4.css +190 -0
  21. package/styles/bootstrap5-dark.css +190 -0
  22. package/styles/bootstrap5.css +190 -0
  23. package/styles/datepicker/_layout.scss +123 -0
  24. package/styles/datepicker/bootstrap-dark.css +79 -0
  25. package/styles/datepicker/bootstrap.css +79 -0
  26. package/styles/datepicker/bootstrap4.css +79 -0
  27. package/styles/datepicker/bootstrap5-dark.css +79 -0
  28. package/styles/datepicker/bootstrap5.css +79 -0
  29. package/styles/datepicker/fabric-dark.css +79 -0
  30. package/styles/datepicker/fabric.css +79 -0
  31. package/styles/datepicker/fluent-dark.css +79 -0
  32. package/styles/datepicker/fluent.css +79 -0
  33. package/styles/datepicker/highcontrast-light.css +79 -0
  34. package/styles/datepicker/highcontrast.css +79 -0
  35. package/styles/datepicker/material-dark.css +79 -0
  36. package/styles/datepicker/material.css +79 -0
  37. package/styles/datepicker/tailwind-dark.css +79 -0
  38. package/styles/datepicker/tailwind.css +79 -0
  39. package/styles/daterangepicker/_layout.scss +151 -0
  40. package/styles/daterangepicker/bootstrap-dark.css +111 -0
  41. package/styles/daterangepicker/bootstrap.css +111 -0
  42. package/styles/daterangepicker/bootstrap4.css +111 -0
  43. package/styles/daterangepicker/bootstrap5-dark.css +111 -0
  44. package/styles/daterangepicker/bootstrap5.css +111 -0
  45. package/styles/daterangepicker/fabric-dark.css +111 -0
  46. package/styles/daterangepicker/fabric.css +111 -0
  47. package/styles/daterangepicker/fluent-dark.css +111 -0
  48. package/styles/daterangepicker/fluent.css +111 -0
  49. package/styles/daterangepicker/highcontrast-light.css +111 -0
  50. package/styles/daterangepicker/highcontrast.css +111 -0
  51. package/styles/daterangepicker/material-dark.css +111 -0
  52. package/styles/daterangepicker/material.css +111 -0
  53. package/styles/daterangepicker/tailwind-dark.css +111 -0
  54. package/styles/daterangepicker/tailwind.css +111 -0
  55. package/styles/fabric-dark.css +190 -0
  56. package/styles/fabric.css +190 -0
  57. package/styles/fluent-dark.css +190 -0
  58. package/styles/fluent.css +190 -0
  59. package/styles/highcontrast-light.css +190 -0
  60. package/styles/highcontrast.css +190 -0
  61. package/styles/material-dark.css +190 -0
  62. package/styles/material.css +190 -0
  63. package/styles/tailwind-dark.css +190 -0
  64. package/styles/tailwind.css +190 -0
package/styles/daterangepicker/bootstrap-dark.css CHANGED
@@ -623,6 +623,12 @@
623
623
  top: 0 !important;
624
624
  left: 0 !important;
625
625
  }
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
+ }
626
632
 
627
633
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
628
634
  background-size: 250px 33px;
@@ -635,6 +641,111 @@
635
641
  min-height: 40px;
636
642
  }
637
643
 
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
+ .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
+ width: calc(100% - 80px);
743
+ }
744
+
745
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
746
+ width: calc(100% - 110px);
747
+ }
748
+
638
749
  /*! daterangepicker theme */
639
750
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
640
751
  color: #f0f0f0;
package/styles/daterangepicker/bootstrap.css CHANGED
@@ -624,6 +624,12 @@
624
624
  top: 0 !important;
625
625
  left: 0 !important;
626
626
  }
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
+ }
627
633
 
628
634
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
629
635
  background-size: 250px 33px;
@@ -636,6 +642,111 @@
636
642
  min-height: 40px;
637
643
  }
638
644
 
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
+ .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
+ width: calc(100% - 80px);
744
+ }
745
+
746
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
747
+ width: calc(100% - 110px);
748
+ }
749
+
639
750
  /*! daterangepicker theme */
640
751
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
641
752
  color: #333;
package/styles/daterangepicker/bootstrap4.css CHANGED
@@ -637,6 +637,12 @@
637
637
  top: 0 !important;
638
638
  left: 0 !important;
639
639
  }
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
+ }
640
646
 
641
647
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
642
648
  background-size: 250px 33px;
@@ -649,6 +655,111 @@
649
655
  min-height: 40px;
650
656
  }
651
657
 
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
+ .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
+ width: calc(100% - 80px);
757
+ }
758
+
759
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
760
+ width: calc(100% - 110px);
761
+ }
762
+
652
763
  /*! daterangepicker theme */
653
764
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
654
765
  background: #545b62;
package/styles/daterangepicker/bootstrap5-dark.css CHANGED
@@ -637,6 +637,12 @@
637
637
  top: 0 !important;
638
638
  left: 0 !important;
639
639
  }
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
+ }
640
646
 
641
647
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
642
648
  background-size: 250px 33px;
@@ -649,6 +655,111 @@
649
655
  min-height: 40px;
650
656
  }
651
657
 
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
+ .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
+ width: calc(100% - 80px);
757
+ }
758
+
759
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
760
+ width: calc(100% - 110px);
761
+ }
762
+
652
763
  /*! daterangepicker theme */
653
764
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
654
765
  color: #fff;
package/styles/daterangepicker/bootstrap5.css CHANGED
@@ -637,6 +637,12 @@
637
637
  top: 0 !important;
638
638
  left: 0 !important;
639
639
  }
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
+ }
640
646
 
641
647
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
642
648
  background-size: 250px 33px;
@@ -649,6 +655,111 @@
649
655
  min-height: 40px;
650
656
  }
651
657
 
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
+ .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
+ width: calc(100% - 80px);
757
+ }
758
+
759
+ .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
760
+ width: calc(100% - 110px);
761
+ }
762
+
652
763
  /*! daterangepicker theme */
653
764
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
654
765
  color: #212529;