@syncfusion/ej2-js-es5 20.2.48 → 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.
@@ -17331,6 +17331,10 @@ body.e-colorpicker-overflow {
17331
17331
  top: 0 !important;
17332
17332
  left: 0 !important;
17333
17333
  }
17334
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17335
+ min-width: 100%;
17336
+ min-height: 100%;
17337
+ }
17334
17338
 
17335
17339
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17336
17340
  background-size: 250px 33px;
@@ -17343,6 +17347,40 @@ body.e-colorpicker-overflow {
17343
17347
  min-height: 40px;
17344
17348
  }
17345
17349
 
17350
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17351
+ height: 15%;
17352
+ }
17353
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17354
+ float: right;
17355
+ margin-right: 10px;
17356
+ padding: 5px;
17357
+ }
17358
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17359
+ content: "\e932";
17360
+ font-family: "e-icons";
17361
+ color: rgb(255, 255, 255);
17362
+ }
17363
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17364
+ min-width: 100%;
17365
+ min-height: 100%;
17366
+ height: 100%;
17367
+ }
17368
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17369
+ height: 10%;
17370
+ }
17371
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17372
+ height: 85%;
17373
+ }
17374
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17375
+ height: 10%;
17376
+ }
17377
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17378
+ height: 80%;
17379
+ }
17380
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17381
+ height: 100%;
17382
+ }
17383
+
17346
17384
  @media screen and (orientation: landscape) and (max-height: 360px) {
17347
17385
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17348
17386
  display: inline-block;
@@ -17350,6 +17388,47 @@ body.e-colorpicker-overflow {
17350
17388
  overflow: auto;
17351
17389
  }
17352
17390
  }
17391
+ @media screen and (orientation: landscape) {
17392
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17393
+ float: left;
17394
+ height: 100%;
17395
+ width: 30%;
17396
+ }
17397
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17398
+ float: left;
17399
+ padding: 5px;
17400
+ }
17401
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17402
+ font-size: 35px;
17403
+ margin-top: 35%;
17404
+ }
17405
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
17406
+ display: block;
17407
+ font-size: 40px;
17408
+ margin-top: 10%;
17409
+ }
17410
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17411
+ height: 10%;
17412
+ }
17413
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17414
+ height: 75%;
17415
+ }
17416
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17417
+ display: -ms-flexbox;
17418
+ display: flex;
17419
+ }
17420
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17421
+ float: right;
17422
+ height: 90%;
17423
+ width: 70%;
17424
+ }
17425
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17426
+ display: table-row-group;
17427
+ }
17428
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
17429
+ height: 100%;
17430
+ }
17431
+ }
17353
17432
  .e-lib.e-datepicker.e-popup-wrapper,
17354
17433
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
17355
17434
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
@@ -19651,6 +19730,12 @@ body.e-colorpicker-overflow {
19651
19730
  top: 0 !important;
19652
19731
  left: 0 !important;
19653
19732
  }
19733
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
19734
+ min-height: 100%;
19735
+ min-width: 100%;
19736
+ height: 100%;
19737
+ width: 100%;
19738
+ }
19654
19739
 
19655
19740
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19656
19741
  background-size: 250px 33px;
@@ -19663,6 +19748,111 @@ body.e-colorpicker-overflow {
19663
19748
  min-height: 40px;
19664
19749
  }
19665
19750
 
19751
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
19752
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19753
+ min-height: 100%;
19754
+ min-width: 100%;
19755
+ height: 100%;
19756
+ width: 100%;
19757
+ }
19758
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19759
+ height: 100%;
19760
+ }
19761
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
19762
+ height: 78%;
19763
+ }
19764
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19765
+ height: 90%;
19766
+ }
19767
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
19768
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
19769
+ height: 10%;
19770
+ }
19771
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
19772
+ margin: 0;
19773
+ }
19774
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19775
+ height: 90%;
19776
+ }
19777
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
19778
+ height: 100%;
19779
+ border-spacing: 0px 30px;
19780
+ }
19781
+
19782
+ @media screen and (orientation: landscape) {
19783
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
19784
+ float: left;
19785
+ height: 100%;
19786
+ border-right: 1.5px;
19787
+ border-color: black;
19788
+ width: 40%;
19789
+ margin: 0;
19790
+ display: block;
19791
+ background-color: #3f51b5;
19792
+ }
19793
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19794
+ height: 100%;
19795
+ width: 100%;
19796
+ }
19797
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
19798
+ display: block;
19799
+ width: 100%;
19800
+ text-align: -webkit-center;
19801
+ }
19802
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
19803
+ display: block;
19804
+ width: 100%;
19805
+ text-align: -webkit-center;
19806
+ margin-top: 20%;
19807
+ font-size: 20px;
19808
+ 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);
19809
+ }
19810
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
19811
+ font-size: 20px;
19812
+ margin-top: 60%;
19813
+ color: #fff;
19814
+ }
19815
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
19816
+ width: 100%;
19817
+ text-align: -webkit-center;
19818
+ margin-top: 20%;
19819
+ font-size: 20px;
19820
+ 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);
19821
+ }
19822
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
19823
+ height: 82%;
19824
+ }
19825
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19826
+ height: 80%;
19827
+ }
19828
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
19829
+ border-spacing: unset;
19830
+ }
19831
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
19832
+ height: 20%;
19833
+ }
19834
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19835
+ width: 100%;
19836
+ }
19837
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19838
+ display: -ms-flexbox;
19839
+ display: flex;
19840
+ }
19841
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
19842
+ border-radius: 0 40% 40% 0;
19843
+ }
19844
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
19845
+ border-radius: 0 40% 40% 0;
19846
+ }
19847
+ }
19848
+ .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 {
19849
+ width: calc(100% - 80px);
19850
+ }
19851
+
19852
+ .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 {
19853
+ width: calc(100% - 110px);
19854
+ }
19855
+
19666
19856
  /*! daterangepicker theme */
19667
19857
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19668
19858
  background: #545b62;
@@ -53252,7 +53442,10 @@ input.e-pv-input-password::-ms-reveal {
53252
53442
  }
53253
53443
 
53254
53444
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
53255
- display: none;
53445
+ display: block;
53446
+ padding-left: 10px;
53447
+ padding-right: 10px;
53448
+ width: auto;
53256
53449
  }
53257
53450
 
53258
53451
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -17328,6 +17328,10 @@ body.e-colorpicker-overflow {
17328
17328
  top: 0 !important;
17329
17329
  left: 0 !important;
17330
17330
  }
17331
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17332
+ min-width: 100%;
17333
+ min-height: 100%;
17334
+ }
17331
17335
 
17332
17336
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17333
17337
  background-size: 250px 33px;
@@ -17340,6 +17344,40 @@ body.e-colorpicker-overflow {
17340
17344
  min-height: 40px;
17341
17345
  }
17342
17346
 
17347
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17348
+ height: 15%;
17349
+ }
17350
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17351
+ float: right;
17352
+ margin-right: 10px;
17353
+ padding: 5px;
17354
+ }
17355
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17356
+ content: "\e932";
17357
+ font-family: "e-icons";
17358
+ color: rgb(255, 255, 255);
17359
+ }
17360
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17361
+ min-width: 100%;
17362
+ min-height: 100%;
17363
+ height: 100%;
17364
+ }
17365
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17366
+ height: 10%;
17367
+ }
17368
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17369
+ height: 85%;
17370
+ }
17371
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17372
+ height: 10%;
17373
+ }
17374
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17375
+ height: 80%;
17376
+ }
17377
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17378
+ height: 100%;
17379
+ }
17380
+
17343
17381
  @media screen and (orientation: landscape) and (max-height: 360px) {
17344
17382
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17345
17383
  display: inline-block;
@@ -17347,6 +17385,47 @@ body.e-colorpicker-overflow {
17347
17385
  overflow: auto;
17348
17386
  }
17349
17387
  }
17388
+ @media screen and (orientation: landscape) {
17389
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17390
+ float: left;
17391
+ height: 100%;
17392
+ width: 30%;
17393
+ }
17394
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17395
+ float: left;
17396
+ padding: 5px;
17397
+ }
17398
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17399
+ font-size: 35px;
17400
+ margin-top: 35%;
17401
+ }
17402
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
17403
+ display: block;
17404
+ font-size: 40px;
17405
+ margin-top: 10%;
17406
+ }
17407
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17408
+ height: 10%;
17409
+ }
17410
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17411
+ height: 75%;
17412
+ }
17413
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17414
+ display: -ms-flexbox;
17415
+ display: flex;
17416
+ }
17417
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17418
+ float: right;
17419
+ height: 90%;
17420
+ width: 70%;
17421
+ }
17422
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17423
+ display: table-row-group;
17424
+ }
17425
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
17426
+ height: 100%;
17427
+ }
17428
+ }
17350
17429
  .e-lib.e-datepicker.e-popup-wrapper,
17351
17430
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
17352
17431
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
@@ -19571,6 +19650,12 @@ body.e-colorpicker-overflow {
19571
19650
  top: 0 !important;
19572
19651
  left: 0 !important;
19573
19652
  }
19653
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
19654
+ min-height: 100%;
19655
+ min-width: 100%;
19656
+ height: 100%;
19657
+ width: 100%;
19658
+ }
19574
19659
 
19575
19660
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19576
19661
  background-size: 250px 33px;
@@ -19583,6 +19668,111 @@ body.e-colorpicker-overflow {
19583
19668
  min-height: 40px;
19584
19669
  }
19585
19670
 
19671
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
19672
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19673
+ min-height: 100%;
19674
+ min-width: 100%;
19675
+ height: 100%;
19676
+ width: 100%;
19677
+ }
19678
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19679
+ height: 100%;
19680
+ }
19681
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
19682
+ height: 78%;
19683
+ }
19684
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19685
+ height: 90%;
19686
+ }
19687
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
19688
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
19689
+ height: 10%;
19690
+ }
19691
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
19692
+ margin: 0;
19693
+ }
19694
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19695
+ height: 90%;
19696
+ }
19697
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
19698
+ height: 100%;
19699
+ border-spacing: 0px 30px;
19700
+ }
19701
+
19702
+ @media screen and (orientation: landscape) {
19703
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
19704
+ float: left;
19705
+ height: 100%;
19706
+ border-right: 1.5px;
19707
+ border-color: black;
19708
+ width: 40%;
19709
+ margin: 0;
19710
+ display: block;
19711
+ background-color: #3f51b5;
19712
+ }
19713
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19714
+ height: 100%;
19715
+ width: 100%;
19716
+ }
19717
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
19718
+ display: block;
19719
+ width: 100%;
19720
+ text-align: -webkit-center;
19721
+ }
19722
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
19723
+ display: block;
19724
+ width: 100%;
19725
+ text-align: -webkit-center;
19726
+ margin-top: 20%;
19727
+ font-size: 20px;
19728
+ 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);
19729
+ }
19730
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
19731
+ font-size: 20px;
19732
+ margin-top: 60%;
19733
+ color: #fff;
19734
+ }
19735
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
19736
+ width: 100%;
19737
+ text-align: -webkit-center;
19738
+ margin-top: 20%;
19739
+ font-size: 20px;
19740
+ 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);
19741
+ }
19742
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
19743
+ height: 82%;
19744
+ }
19745
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19746
+ height: 80%;
19747
+ }
19748
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
19749
+ border-spacing: unset;
19750
+ }
19751
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
19752
+ height: 20%;
19753
+ }
19754
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19755
+ width: 100%;
19756
+ }
19757
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19758
+ display: -ms-flexbox;
19759
+ display: flex;
19760
+ }
19761
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
19762
+ border-radius: 0 40% 40% 0;
19763
+ }
19764
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
19765
+ border-radius: 0 40% 40% 0;
19766
+ }
19767
+ }
19768
+ .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 {
19769
+ width: calc(100% - 80px);
19770
+ }
19771
+
19772
+ .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 {
19773
+ width: calc(100% - 110px);
19774
+ }
19775
+
19586
19776
  /*! daterangepicker theme */
19587
19777
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19588
19778
  color: #333;
@@ -54055,7 +54245,10 @@ input.e-pv-input-password::-ms-reveal {
54055
54245
  }
54056
54246
 
54057
54247
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
54058
- display: none;
54248
+ display: block;
54249
+ padding-left: 10px;
54250
+ padding-right: 10px;
54251
+ width: auto;
54059
54252
  }
54060
54253
 
54061
54254
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -17765,6 +17765,10 @@ body.e-colorpicker-overflow {
17765
17765
  top: 0 !important;
17766
17766
  left: 0 !important;
17767
17767
  }
17768
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17769
+ min-width: 100%;
17770
+ min-height: 100%;
17771
+ }
17768
17772
 
17769
17773
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17770
17774
  background-size: 250px 33px;
@@ -17777,6 +17781,40 @@ body.e-colorpicker-overflow {
17777
17781
  min-height: 40px;
17778
17782
  }
17779
17783
 
17784
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17785
+ height: 15%;
17786
+ }
17787
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17788
+ float: right;
17789
+ margin-right: 10px;
17790
+ padding: 5px;
17791
+ }
17792
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17793
+ content: "\e932";
17794
+ font-family: "e-icons";
17795
+ color: rgb(255, 255, 255);
17796
+ }
17797
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17798
+ min-width: 100%;
17799
+ min-height: 100%;
17800
+ height: 100%;
17801
+ }
17802
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17803
+ height: 10%;
17804
+ }
17805
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17806
+ height: 85%;
17807
+ }
17808
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17809
+ height: 10%;
17810
+ }
17811
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17812
+ height: 80%;
17813
+ }
17814
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17815
+ height: 100%;
17816
+ }
17817
+
17780
17818
  @media screen and (orientation: landscape) and (max-height: 360px) {
17781
17819
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17782
17820
  display: inline-block;
@@ -17784,6 +17822,47 @@ body.e-colorpicker-overflow {
17784
17822
  overflow: auto;
17785
17823
  }
17786
17824
  }
17825
+ @media screen and (orientation: landscape) {
17826
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17827
+ float: left;
17828
+ height: 100%;
17829
+ width: 30%;
17830
+ }
17831
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17832
+ float: left;
17833
+ padding: 5px;
17834
+ }
17835
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17836
+ font-size: 35px;
17837
+ margin-top: 35%;
17838
+ }
17839
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
17840
+ display: block;
17841
+ font-size: 40px;
17842
+ margin-top: 10%;
17843
+ }
17844
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17845
+ height: 10%;
17846
+ }
17847
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17848
+ height: 75%;
17849
+ }
17850
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17851
+ display: -ms-flexbox;
17852
+ display: flex;
17853
+ }
17854
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17855
+ float: right;
17856
+ height: 90%;
17857
+ width: 70%;
17858
+ }
17859
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17860
+ display: table-row-group;
17861
+ }
17862
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
17863
+ height: 100%;
17864
+ }
17865
+ }
17787
17866
  .e-lib.e-datepicker.e-popup-wrapper,
17788
17867
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
17789
17868
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
@@ -20015,6 +20094,12 @@ body.e-colorpicker-overflow {
20015
20094
  top: 0 !important;
20016
20095
  left: 0 !important;
20017
20096
  }
20097
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
20098
+ min-height: 100%;
20099
+ min-width: 100%;
20100
+ height: 100%;
20101
+ width: 100%;
20102
+ }
20018
20103
 
20019
20104
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
20020
20105
  background-size: 250px 33px;
@@ -20027,6 +20112,111 @@ body.e-colorpicker-overflow {
20027
20112
  min-height: 40px;
20028
20113
  }
20029
20114
 
20115
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
20116
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20117
+ min-height: 100%;
20118
+ min-width: 100%;
20119
+ height: 100%;
20120
+ width: 100%;
20121
+ }
20122
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20123
+ height: 100%;
20124
+ }
20125
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20126
+ height: 78%;
20127
+ }
20128
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20129
+ height: 90%;
20130
+ }
20131
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20132
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20133
+ height: 10%;
20134
+ }
20135
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20136
+ margin: 0;
20137
+ }
20138
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20139
+ height: 90%;
20140
+ }
20141
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20142
+ height: 100%;
20143
+ border-spacing: 0px 30px;
20144
+ }
20145
+
20146
+ @media screen and (orientation: landscape) {
20147
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20148
+ float: left;
20149
+ height: 100%;
20150
+ border-right: 1.5px;
20151
+ border-color: black;
20152
+ width: 40%;
20153
+ margin: 0;
20154
+ display: block;
20155
+ background-color: #3f51b5;
20156
+ }
20157
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20158
+ height: 100%;
20159
+ width: 100%;
20160
+ }
20161
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20162
+ display: block;
20163
+ width: 100%;
20164
+ text-align: -webkit-center;
20165
+ }
20166
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20167
+ display: block;
20168
+ width: 100%;
20169
+ text-align: -webkit-center;
20170
+ margin-top: 20%;
20171
+ font-size: 20px;
20172
+ 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);
20173
+ }
20174
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20175
+ font-size: 20px;
20176
+ margin-top: 60%;
20177
+ color: #fff;
20178
+ }
20179
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20180
+ width: 100%;
20181
+ text-align: -webkit-center;
20182
+ margin-top: 20%;
20183
+ font-size: 20px;
20184
+ 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);
20185
+ }
20186
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20187
+ height: 82%;
20188
+ }
20189
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20190
+ height: 80%;
20191
+ }
20192
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20193
+ border-spacing: unset;
20194
+ }
20195
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20196
+ height: 20%;
20197
+ }
20198
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20199
+ width: 100%;
20200
+ }
20201
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20202
+ display: -ms-flexbox;
20203
+ display: flex;
20204
+ }
20205
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20206
+ border-radius: 0 40% 40% 0;
20207
+ }
20208
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20209
+ border-radius: 0 40% 40% 0;
20210
+ }
20211
+ }
20212
+ .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 {
20213
+ width: calc(100% - 80px);
20214
+ }
20215
+
20216
+ .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 {
20217
+ width: calc(100% - 110px);
20218
+ }
20219
+
20030
20220
  /*! daterangepicker theme */
20031
20221
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
20032
20222
  color: #fff;
@@ -54840,7 +55030,10 @@ input.e-pv-input-password::-ms-reveal {
54840
55030
  }
54841
55031
 
54842
55032
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
54843
- display: none;
55033
+ display: block;
55034
+ padding-left: 10px;
55035
+ padding-right: 10px;
55036
+ width: auto;
54844
55037
  }
54845
55038
 
54846
55039
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,