@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.
@@ -25430,6 +25430,10 @@ body.e-colorpicker-overflow {
25430
25430
  top: 0 !important;
25431
25431
  left: 0 !important;
25432
25432
  }
25433
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
25434
+ min-width: 100%;
25435
+ min-height: 100%;
25436
+ }
25433
25437
 
25434
25438
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
25435
25439
  background-size: 250px 33px;
@@ -25442,6 +25446,40 @@ body.e-colorpicker-overflow {
25442
25446
  min-height: 40px;
25443
25447
  }
25444
25448
 
25449
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25450
+ height: 15%;
25451
+ }
25452
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25453
+ float: right;
25454
+ margin-right: 10px;
25455
+ padding: 5px;
25456
+ }
25457
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
25458
+ content: "\e932";
25459
+ font-family: "e-icons";
25460
+ color: rgb(255, 255, 255);
25461
+ }
25462
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25463
+ min-width: 100%;
25464
+ min-height: 100%;
25465
+ height: 100%;
25466
+ }
25467
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
25468
+ height: 10%;
25469
+ }
25470
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25471
+ height: 85%;
25472
+ }
25473
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
25474
+ height: 10%;
25475
+ }
25476
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25477
+ height: 80%;
25478
+ }
25479
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
25480
+ height: 100%;
25481
+ }
25482
+
25445
25483
  @media screen and (orientation: landscape) and (max-height: 360px) {
25446
25484
  .e-datepicker .e-calendar.e-device .e-month table tbody {
25447
25485
  display: inline-block;
@@ -25449,6 +25487,47 @@ body.e-colorpicker-overflow {
25449
25487
  overflow: auto;
25450
25488
  }
25451
25489
  }
25490
+ @media screen and (orientation: landscape) {
25491
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
25492
+ float: left;
25493
+ height: 100%;
25494
+ width: 30%;
25495
+ }
25496
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
25497
+ float: left;
25498
+ padding: 5px;
25499
+ }
25500
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
25501
+ font-size: 35px;
25502
+ margin-top: 35%;
25503
+ }
25504
+ .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 {
25505
+ display: block;
25506
+ font-size: 40px;
25507
+ margin-top: 10%;
25508
+ }
25509
+ .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 {
25510
+ height: 10%;
25511
+ }
25512
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
25513
+ height: 75%;
25514
+ }
25515
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
25516
+ display: -ms-flexbox;
25517
+ display: flex;
25518
+ }
25519
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
25520
+ float: right;
25521
+ height: 90%;
25522
+ width: 70%;
25523
+ }
25524
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
25525
+ display: table-row-group;
25526
+ }
25527
+ .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 {
25528
+ height: 100%;
25529
+ }
25530
+ }
25452
25531
  .e-lib.e-datepicker.e-popup-wrapper,
25453
25532
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
25454
25533
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
@@ -27725,6 +27804,12 @@ body.e-colorpicker-overflow {
27725
27804
  top: 0 !important;
27726
27805
  left: 0 !important;
27727
27806
  }
27807
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
27808
+ min-height: 100%;
27809
+ min-width: 100%;
27810
+ height: 100%;
27811
+ width: 100%;
27812
+ }
27728
27813
 
27729
27814
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
27730
27815
  background-size: 250px 33px;
@@ -27737,6 +27822,111 @@ body.e-colorpicker-overflow {
27737
27822
  min-height: 40px;
27738
27823
  }
27739
27824
 
27825
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
27826
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
27827
+ min-height: 100%;
27828
+ min-width: 100%;
27829
+ height: 100%;
27830
+ width: 100%;
27831
+ }
27832
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27833
+ height: 100%;
27834
+ }
27835
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
27836
+ height: 78%;
27837
+ }
27838
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27839
+ height: 90%;
27840
+ }
27841
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
27842
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
27843
+ height: 10%;
27844
+ }
27845
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
27846
+ margin: 0;
27847
+ }
27848
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27849
+ height: 90%;
27850
+ }
27851
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
27852
+ height: 100%;
27853
+ border-spacing: 0px 30px;
27854
+ }
27855
+
27856
+ @media screen and (orientation: landscape) {
27857
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
27858
+ float: left;
27859
+ height: 100%;
27860
+ border-right: 1.5px;
27861
+ border-color: black;
27862
+ width: 40%;
27863
+ margin: 0;
27864
+ display: block;
27865
+ background-color: #3f51b5;
27866
+ }
27867
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27868
+ height: 100%;
27869
+ width: 100%;
27870
+ }
27871
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
27872
+ display: block;
27873
+ width: 100%;
27874
+ text-align: -webkit-center;
27875
+ }
27876
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
27877
+ display: block;
27878
+ width: 100%;
27879
+ text-align: -webkit-center;
27880
+ margin-top: 20%;
27881
+ font-size: 20px;
27882
+ 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);
27883
+ }
27884
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
27885
+ font-size: 20px;
27886
+ margin-top: 60%;
27887
+ color: #fff;
27888
+ }
27889
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
27890
+ width: 100%;
27891
+ text-align: -webkit-center;
27892
+ margin-top: 20%;
27893
+ font-size: 20px;
27894
+ 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);
27895
+ }
27896
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
27897
+ height: 82%;
27898
+ }
27899
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
27900
+ height: 80%;
27901
+ }
27902
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
27903
+ border-spacing: unset;
27904
+ }
27905
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
27906
+ height: 20%;
27907
+ }
27908
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
27909
+ width: 100%;
27910
+ }
27911
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
27912
+ display: -ms-flexbox;
27913
+ display: flex;
27914
+ }
27915
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
27916
+ border-radius: 0 40% 40% 0;
27917
+ }
27918
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
27919
+ border-radius: 0 40% 40% 0;
27920
+ }
27921
+ }
27922
+ .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 {
27923
+ width: calc(100% - 80px);
27924
+ }
27925
+
27926
+ .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 {
27927
+ width: calc(100% - 110px);
27928
+ }
27929
+
27740
27930
  /*! daterangepicker theme */
27741
27931
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
27742
27932
  color: #e3165b;
@@ -63743,7 +63933,10 @@ input.e-pv-input-password::-ms-reveal {
63743
63933
  }
63744
63934
 
63745
63935
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
63746
- display: none;
63936
+ display: block;
63937
+ padding-left: 10px;
63938
+ padding-right: 10px;
63939
+ width: auto;
63747
63940
  }
63748
63941
 
63749
63942
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -17377,6 +17377,10 @@ body.e-colorpicker-overflow {
17377
17377
  top: 0 !important;
17378
17378
  left: 0 !important;
17379
17379
  }
17380
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17381
+ min-width: 100%;
17382
+ min-height: 100%;
17383
+ }
17380
17384
 
17381
17385
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17382
17386
  background-size: 250px 33px;
@@ -17389,6 +17393,40 @@ body.e-colorpicker-overflow {
17389
17393
  min-height: 40px;
17390
17394
  }
17391
17395
 
17396
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17397
+ height: 15%;
17398
+ }
17399
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17400
+ float: right;
17401
+ margin-right: 10px;
17402
+ padding: 5px;
17403
+ }
17404
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17405
+ content: "\e932";
17406
+ font-family: "e-icons";
17407
+ color: rgb(255, 255, 255);
17408
+ }
17409
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17410
+ min-width: 100%;
17411
+ min-height: 100%;
17412
+ height: 100%;
17413
+ }
17414
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17415
+ height: 10%;
17416
+ }
17417
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17418
+ height: 85%;
17419
+ }
17420
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17421
+ height: 10%;
17422
+ }
17423
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17424
+ height: 80%;
17425
+ }
17426
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17427
+ height: 100%;
17428
+ }
17429
+
17392
17430
  @media screen and (orientation: landscape) and (max-height: 360px) {
17393
17431
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17394
17432
  display: inline-block;
@@ -17396,6 +17434,47 @@ body.e-colorpicker-overflow {
17396
17434
  overflow: auto;
17397
17435
  }
17398
17436
  }
17437
+ @media screen and (orientation: landscape) {
17438
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17439
+ float: left;
17440
+ height: 100%;
17441
+ width: 30%;
17442
+ }
17443
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17444
+ float: left;
17445
+ padding: 5px;
17446
+ }
17447
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17448
+ font-size: 35px;
17449
+ margin-top: 35%;
17450
+ }
17451
+ .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 {
17452
+ display: block;
17453
+ font-size: 40px;
17454
+ margin-top: 10%;
17455
+ }
17456
+ .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 {
17457
+ height: 10%;
17458
+ }
17459
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17460
+ height: 75%;
17461
+ }
17462
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17463
+ display: -ms-flexbox;
17464
+ display: flex;
17465
+ }
17466
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17467
+ float: right;
17468
+ height: 90%;
17469
+ width: 70%;
17470
+ }
17471
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17472
+ display: table-row-group;
17473
+ }
17474
+ .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 {
17475
+ height: 100%;
17476
+ }
17477
+ }
17399
17478
  .e-datepicker.e-popup-wrapper,
17400
17479
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17401
17480
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -19896,6 +19975,12 @@ body.e-colorpicker-overflow {
19896
19975
  top: 0 !important;
19897
19976
  left: 0 !important;
19898
19977
  }
19978
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
19979
+ min-height: 100%;
19980
+ min-width: 100%;
19981
+ height: 100%;
19982
+ width: 100%;
19983
+ }
19899
19984
 
19900
19985
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19901
19986
  background-size: 250px 33px;
@@ -19908,6 +19993,111 @@ body.e-colorpicker-overflow {
19908
19993
  min-height: 40px;
19909
19994
  }
19910
19995
 
19996
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
19997
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19998
+ min-height: 100%;
19999
+ min-width: 100%;
20000
+ height: 100%;
20001
+ width: 100%;
20002
+ }
20003
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20004
+ height: 100%;
20005
+ }
20006
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20007
+ height: 78%;
20008
+ }
20009
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20010
+ height: 90%;
20011
+ }
20012
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20013
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20014
+ height: 10%;
20015
+ }
20016
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20017
+ margin: 0;
20018
+ }
20019
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20020
+ height: 90%;
20021
+ }
20022
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20023
+ height: 100%;
20024
+ border-spacing: 0px 30px;
20025
+ }
20026
+
20027
+ @media screen and (orientation: landscape) {
20028
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20029
+ float: left;
20030
+ height: 100%;
20031
+ border-right: 1.5px;
20032
+ border-color: black;
20033
+ width: 40%;
20034
+ margin: 0;
20035
+ display: block;
20036
+ background-color: #3f51b5;
20037
+ }
20038
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20039
+ height: 100%;
20040
+ width: 100%;
20041
+ }
20042
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20043
+ display: block;
20044
+ width: 100%;
20045
+ text-align: -webkit-center;
20046
+ }
20047
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20048
+ display: block;
20049
+ width: 100%;
20050
+ text-align: -webkit-center;
20051
+ margin-top: 20%;
20052
+ font-size: 20px;
20053
+ 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);
20054
+ }
20055
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20056
+ font-size: 20px;
20057
+ margin-top: 60%;
20058
+ color: #fff;
20059
+ }
20060
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20061
+ width: 100%;
20062
+ text-align: -webkit-center;
20063
+ margin-top: 20%;
20064
+ font-size: 20px;
20065
+ 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);
20066
+ }
20067
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20068
+ height: 82%;
20069
+ }
20070
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20071
+ height: 80%;
20072
+ }
20073
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20074
+ border-spacing: unset;
20075
+ }
20076
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20077
+ height: 20%;
20078
+ }
20079
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20080
+ width: 100%;
20081
+ }
20082
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20083
+ display: -ms-flexbox;
20084
+ display: flex;
20085
+ }
20086
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20087
+ border-radius: 0 40% 40% 0;
20088
+ }
20089
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20090
+ border-radius: 0 40% 40% 0;
20091
+ }
20092
+ }
20093
+ .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 {
20094
+ width: calc(100% - 80px);
20095
+ }
20096
+
20097
+ .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 {
20098
+ width: calc(100% - 110px);
20099
+ }
20100
+
19911
20101
  /*! daterangepicker theme */
19912
20102
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19913
20103
  color: #fff;
@@ -52462,7 +52652,10 @@ input.e-pv-input-password::-ms-reveal {
52462
52652
  }
52463
52653
 
52464
52654
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
52465
- display: none;
52655
+ display: block;
52656
+ padding-left: 10px;
52657
+ padding-right: 10px;
52658
+ width: auto;
52466
52659
  }
52467
52660
 
52468
52661
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
package/styles/fabric.css CHANGED
@@ -17374,6 +17374,10 @@ body.e-colorpicker-overflow {
17374
17374
  top: 0 !important;
17375
17375
  left: 0 !important;
17376
17376
  }
17377
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17378
+ min-width: 100%;
17379
+ min-height: 100%;
17380
+ }
17377
17381
 
17378
17382
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17379
17383
  background-size: 250px 33px;
@@ -17386,6 +17390,40 @@ body.e-colorpicker-overflow {
17386
17390
  min-height: 40px;
17387
17391
  }
17388
17392
 
17393
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17394
+ height: 15%;
17395
+ }
17396
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17397
+ float: right;
17398
+ margin-right: 10px;
17399
+ padding: 5px;
17400
+ }
17401
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17402
+ content: "\e932";
17403
+ font-family: "e-icons";
17404
+ color: rgb(255, 255, 255);
17405
+ }
17406
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17407
+ min-width: 100%;
17408
+ min-height: 100%;
17409
+ height: 100%;
17410
+ }
17411
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17412
+ height: 10%;
17413
+ }
17414
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17415
+ height: 85%;
17416
+ }
17417
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17418
+ height: 10%;
17419
+ }
17420
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17421
+ height: 80%;
17422
+ }
17423
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17424
+ height: 100%;
17425
+ }
17426
+
17389
17427
  @media screen and (orientation: landscape) and (max-height: 360px) {
17390
17428
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17391
17429
  display: inline-block;
@@ -17393,6 +17431,47 @@ body.e-colorpicker-overflow {
17393
17431
  overflow: auto;
17394
17432
  }
17395
17433
  }
17434
+ @media screen and (orientation: landscape) {
17435
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17436
+ float: left;
17437
+ height: 100%;
17438
+ width: 30%;
17439
+ }
17440
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17441
+ float: left;
17442
+ padding: 5px;
17443
+ }
17444
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17445
+ font-size: 35px;
17446
+ margin-top: 35%;
17447
+ }
17448
+ .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 {
17449
+ display: block;
17450
+ font-size: 40px;
17451
+ margin-top: 10%;
17452
+ }
17453
+ .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 {
17454
+ height: 10%;
17455
+ }
17456
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17457
+ height: 75%;
17458
+ }
17459
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17460
+ display: -ms-flexbox;
17461
+ display: flex;
17462
+ }
17463
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17464
+ float: right;
17465
+ height: 90%;
17466
+ width: 70%;
17467
+ }
17468
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17469
+ display: table-row-group;
17470
+ }
17471
+ .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 {
17472
+ height: 100%;
17473
+ }
17474
+ }
17396
17475
  .e-datepicker.e-popup-wrapper,
17397
17476
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17398
17477
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -19895,6 +19974,12 @@ body.e-colorpicker-overflow {
19895
19974
  top: 0 !important;
19896
19975
  left: 0 !important;
19897
19976
  }
19977
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
19978
+ min-height: 100%;
19979
+ min-width: 100%;
19980
+ height: 100%;
19981
+ width: 100%;
19982
+ }
19898
19983
 
19899
19984
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19900
19985
  background-size: 250px 33px;
@@ -19907,6 +19992,111 @@ body.e-colorpicker-overflow {
19907
19992
  min-height: 40px;
19908
19993
  }
19909
19994
 
19995
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
19996
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19997
+ min-height: 100%;
19998
+ min-width: 100%;
19999
+ height: 100%;
20000
+ width: 100%;
20001
+ }
20002
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20003
+ height: 100%;
20004
+ }
20005
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20006
+ height: 78%;
20007
+ }
20008
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20009
+ height: 90%;
20010
+ }
20011
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20012
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20013
+ height: 10%;
20014
+ }
20015
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20016
+ margin: 0;
20017
+ }
20018
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20019
+ height: 90%;
20020
+ }
20021
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20022
+ height: 100%;
20023
+ border-spacing: 0px 30px;
20024
+ }
20025
+
20026
+ @media screen and (orientation: landscape) {
20027
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20028
+ float: left;
20029
+ height: 100%;
20030
+ border-right: 1.5px;
20031
+ border-color: black;
20032
+ width: 40%;
20033
+ margin: 0;
20034
+ display: block;
20035
+ background-color: #3f51b5;
20036
+ }
20037
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20038
+ height: 100%;
20039
+ width: 100%;
20040
+ }
20041
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20042
+ display: block;
20043
+ width: 100%;
20044
+ text-align: -webkit-center;
20045
+ }
20046
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20047
+ display: block;
20048
+ width: 100%;
20049
+ text-align: -webkit-center;
20050
+ margin-top: 20%;
20051
+ font-size: 20px;
20052
+ 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);
20053
+ }
20054
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20055
+ font-size: 20px;
20056
+ margin-top: 60%;
20057
+ color: #fff;
20058
+ }
20059
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20060
+ width: 100%;
20061
+ text-align: -webkit-center;
20062
+ margin-top: 20%;
20063
+ font-size: 20px;
20064
+ 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);
20065
+ }
20066
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20067
+ height: 82%;
20068
+ }
20069
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20070
+ height: 80%;
20071
+ }
20072
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20073
+ border-spacing: unset;
20074
+ }
20075
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20076
+ height: 20%;
20077
+ }
20078
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20079
+ width: 100%;
20080
+ }
20081
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20082
+ display: -ms-flexbox;
20083
+ display: flex;
20084
+ }
20085
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20086
+ border-radius: 0 40% 40% 0;
20087
+ }
20088
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20089
+ border-radius: 0 40% 40% 0;
20090
+ }
20091
+ }
20092
+ .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 {
20093
+ width: calc(100% - 80px);
20094
+ }
20095
+
20096
+ .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 {
20097
+ width: calc(100% - 110px);
20098
+ }
20099
+
19910
20100
  /*! daterangepicker theme */
19911
20101
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19912
20102
  color: #333;
@@ -54479,7 +54669,10 @@ input.e-pv-input-password::-ms-reveal {
54479
54669
  }
54480
54670
 
54481
54671
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
54482
- display: none;
54672
+ display: block;
54673
+ padding-left: 10px;
54674
+ padding-right: 10px;
54675
+ width: auto;
54483
54676
  }
54484
54677
 
54485
54678
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,