@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.
@@ -17319,6 +17319,10 @@ body.e-colorpicker-overflow {
17319
17319
  top: 0 !important;
17320
17320
  left: 0 !important;
17321
17321
  }
17322
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17323
+ min-width: 100%;
17324
+ min-height: 100%;
17325
+ }
17322
17326
 
17323
17327
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17324
17328
  background-size: 250px 33px;
@@ -17331,6 +17335,40 @@ body.e-colorpicker-overflow {
17331
17335
  min-height: 40px;
17332
17336
  }
17333
17337
 
17338
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17339
+ height: 15%;
17340
+ }
17341
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17342
+ float: right;
17343
+ margin-right: 10px;
17344
+ padding: 5px;
17345
+ }
17346
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17347
+ content: "\e932";
17348
+ font-family: "e-icons";
17349
+ color: rgb(255, 255, 255);
17350
+ }
17351
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17352
+ min-width: 100%;
17353
+ min-height: 100%;
17354
+ height: 100%;
17355
+ }
17356
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17357
+ height: 10%;
17358
+ }
17359
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17360
+ height: 85%;
17361
+ }
17362
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17363
+ height: 10%;
17364
+ }
17365
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17366
+ height: 80%;
17367
+ }
17368
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17369
+ height: 100%;
17370
+ }
17371
+
17334
17372
  @media screen and (orientation: landscape) and (max-height: 360px) {
17335
17373
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17336
17374
  display: inline-block;
@@ -17338,6 +17376,47 @@ body.e-colorpicker-overflow {
17338
17376
  overflow: auto;
17339
17377
  }
17340
17378
  }
17379
+ @media screen and (orientation: landscape) {
17380
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17381
+ float: left;
17382
+ height: 100%;
17383
+ width: 30%;
17384
+ }
17385
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17386
+ float: left;
17387
+ padding: 5px;
17388
+ }
17389
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17390
+ font-size: 35px;
17391
+ margin-top: 35%;
17392
+ }
17393
+ .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 {
17394
+ display: block;
17395
+ font-size: 40px;
17396
+ margin-top: 10%;
17397
+ }
17398
+ .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 {
17399
+ height: 10%;
17400
+ }
17401
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17402
+ height: 75%;
17403
+ }
17404
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17405
+ display: -ms-flexbox;
17406
+ display: flex;
17407
+ }
17408
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17409
+ float: right;
17410
+ height: 90%;
17411
+ width: 70%;
17412
+ }
17413
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17414
+ display: table-row-group;
17415
+ }
17416
+ .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 {
17417
+ height: 100%;
17418
+ }
17419
+ }
17341
17420
  .e-datepicker.e-popup-wrapper,
17342
17421
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17343
17422
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -19886,6 +19965,12 @@ body.e-colorpicker-overflow {
19886
19965
  top: 0 !important;
19887
19966
  left: 0 !important;
19888
19967
  }
19968
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
19969
+ min-height: 100%;
19970
+ min-width: 100%;
19971
+ height: 100%;
19972
+ width: 100%;
19973
+ }
19889
19974
 
19890
19975
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19891
19976
  background-size: 250px 33px;
@@ -19898,6 +19983,111 @@ body.e-colorpicker-overflow {
19898
19983
  min-height: 40px;
19899
19984
  }
19900
19985
 
19986
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
19987
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19988
+ min-height: 100%;
19989
+ min-width: 100%;
19990
+ height: 100%;
19991
+ width: 100%;
19992
+ }
19993
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19994
+ height: 100%;
19995
+ }
19996
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
19997
+ height: 78%;
19998
+ }
19999
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20000
+ height: 90%;
20001
+ }
20002
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20003
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20004
+ height: 10%;
20005
+ }
20006
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20007
+ margin: 0;
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-content.e-month table {
20013
+ height: 100%;
20014
+ border-spacing: 0px 30px;
20015
+ }
20016
+
20017
+ @media screen and (orientation: landscape) {
20018
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20019
+ float: left;
20020
+ height: 100%;
20021
+ border-right: 1.5px;
20022
+ border-color: black;
20023
+ width: 40%;
20024
+ margin: 0;
20025
+ display: block;
20026
+ background-color: #3f51b5;
20027
+ }
20028
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20029
+ height: 100%;
20030
+ width: 100%;
20031
+ }
20032
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20033
+ display: block;
20034
+ width: 100%;
20035
+ text-align: -webkit-center;
20036
+ }
20037
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20038
+ display: block;
20039
+ width: 100%;
20040
+ text-align: -webkit-center;
20041
+ margin-top: 20%;
20042
+ font-size: 20px;
20043
+ 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);
20044
+ }
20045
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20046
+ font-size: 20px;
20047
+ margin-top: 60%;
20048
+ color: #fff;
20049
+ }
20050
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20051
+ width: 100%;
20052
+ text-align: -webkit-center;
20053
+ margin-top: 20%;
20054
+ font-size: 20px;
20055
+ 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);
20056
+ }
20057
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20058
+ height: 82%;
20059
+ }
20060
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20061
+ height: 80%;
20062
+ }
20063
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20064
+ border-spacing: unset;
20065
+ }
20066
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20067
+ height: 20%;
20068
+ }
20069
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20070
+ width: 100%;
20071
+ }
20072
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20073
+ display: -ms-flexbox;
20074
+ display: flex;
20075
+ }
20076
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20077
+ border-radius: 0 40% 40% 0;
20078
+ }
20079
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20080
+ border-radius: 0 40% 40% 0;
20081
+ }
20082
+ }
20083
+ .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 {
20084
+ width: calc(100% - 80px);
20085
+ }
20086
+
20087
+ .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 {
20088
+ width: calc(100% - 110px);
20089
+ }
20090
+
19901
20091
  /*! daterangepicker theme */
19902
20092
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19903
20093
  color: #fff;
@@ -53527,7 +53717,10 @@ input.e-pv-input-password::-ms-reveal {
53527
53717
  }
53528
53718
 
53529
53719
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
53530
- display: none;
53720
+ display: block;
53721
+ padding-left: 10px;
53722
+ padding-right: 10px;
53723
+ width: auto;
53531
53724
  }
53532
53725
 
53533
53726
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -17319,6 +17319,10 @@ body.e-colorpicker-overflow {
17319
17319
  top: 0 !important;
17320
17320
  left: 0 !important;
17321
17321
  }
17322
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17323
+ min-width: 100%;
17324
+ min-height: 100%;
17325
+ }
17322
17326
 
17323
17327
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17324
17328
  background-size: 250px 33px;
@@ -17331,6 +17335,40 @@ body.e-colorpicker-overflow {
17331
17335
  min-height: 40px;
17332
17336
  }
17333
17337
 
17338
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17339
+ height: 15%;
17340
+ }
17341
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17342
+ float: right;
17343
+ margin-right: 10px;
17344
+ padding: 5px;
17345
+ }
17346
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17347
+ content: "\e932";
17348
+ font-family: "e-icons";
17349
+ color: rgb(255, 255, 255);
17350
+ }
17351
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17352
+ min-width: 100%;
17353
+ min-height: 100%;
17354
+ height: 100%;
17355
+ }
17356
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17357
+ height: 10%;
17358
+ }
17359
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17360
+ height: 85%;
17361
+ }
17362
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17363
+ height: 10%;
17364
+ }
17365
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17366
+ height: 80%;
17367
+ }
17368
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17369
+ height: 100%;
17370
+ }
17371
+
17334
17372
  @media screen and (orientation: landscape) and (max-height: 360px) {
17335
17373
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17336
17374
  display: inline-block;
@@ -17338,6 +17376,47 @@ body.e-colorpicker-overflow {
17338
17376
  overflow: auto;
17339
17377
  }
17340
17378
  }
17379
+ @media screen and (orientation: landscape) {
17380
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17381
+ float: left;
17382
+ height: 100%;
17383
+ width: 30%;
17384
+ }
17385
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17386
+ float: left;
17387
+ padding: 5px;
17388
+ }
17389
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17390
+ font-size: 35px;
17391
+ margin-top: 35%;
17392
+ }
17393
+ .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 {
17394
+ display: block;
17395
+ font-size: 40px;
17396
+ margin-top: 10%;
17397
+ }
17398
+ .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 {
17399
+ height: 10%;
17400
+ }
17401
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17402
+ height: 75%;
17403
+ }
17404
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17405
+ display: -ms-flexbox;
17406
+ display: flex;
17407
+ }
17408
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17409
+ float: right;
17410
+ height: 90%;
17411
+ width: 70%;
17412
+ }
17413
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17414
+ display: table-row-group;
17415
+ }
17416
+ .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 {
17417
+ height: 100%;
17418
+ }
17419
+ }
17341
17420
  .e-datepicker.e-popup-wrapper,
17342
17421
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17343
17422
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -19886,6 +19965,12 @@ body.e-colorpicker-overflow {
19886
19965
  top: 0 !important;
19887
19966
  left: 0 !important;
19888
19967
  }
19968
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
19969
+ min-height: 100%;
19970
+ min-width: 100%;
19971
+ height: 100%;
19972
+ width: 100%;
19973
+ }
19889
19974
 
19890
19975
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19891
19976
  background-size: 250px 33px;
@@ -19898,6 +19983,111 @@ body.e-colorpicker-overflow {
19898
19983
  min-height: 40px;
19899
19984
  }
19900
19985
 
19986
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
19987
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19988
+ min-height: 100%;
19989
+ min-width: 100%;
19990
+ height: 100%;
19991
+ width: 100%;
19992
+ }
19993
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19994
+ height: 100%;
19995
+ }
19996
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
19997
+ height: 78%;
19998
+ }
19999
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20000
+ height: 90%;
20001
+ }
20002
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20003
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20004
+ height: 10%;
20005
+ }
20006
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20007
+ margin: 0;
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-content.e-month table {
20013
+ height: 100%;
20014
+ border-spacing: 0px 30px;
20015
+ }
20016
+
20017
+ @media screen and (orientation: landscape) {
20018
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20019
+ float: left;
20020
+ height: 100%;
20021
+ border-right: 1.5px;
20022
+ border-color: black;
20023
+ width: 40%;
20024
+ margin: 0;
20025
+ display: block;
20026
+ background-color: #3f51b5;
20027
+ }
20028
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20029
+ height: 100%;
20030
+ width: 100%;
20031
+ }
20032
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20033
+ display: block;
20034
+ width: 100%;
20035
+ text-align: -webkit-center;
20036
+ }
20037
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20038
+ display: block;
20039
+ width: 100%;
20040
+ text-align: -webkit-center;
20041
+ margin-top: 20%;
20042
+ font-size: 20px;
20043
+ 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);
20044
+ }
20045
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20046
+ font-size: 20px;
20047
+ margin-top: 60%;
20048
+ color: #fff;
20049
+ }
20050
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20051
+ width: 100%;
20052
+ text-align: -webkit-center;
20053
+ margin-top: 20%;
20054
+ font-size: 20px;
20055
+ 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);
20056
+ }
20057
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20058
+ height: 82%;
20059
+ }
20060
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20061
+ height: 80%;
20062
+ }
20063
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20064
+ border-spacing: unset;
20065
+ }
20066
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20067
+ height: 20%;
20068
+ }
20069
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20070
+ width: 100%;
20071
+ }
20072
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20073
+ display: -ms-flexbox;
20074
+ display: flex;
20075
+ }
20076
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20077
+ border-radius: 0 40% 40% 0;
20078
+ }
20079
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20080
+ border-radius: 0 40% 40% 0;
20081
+ }
20082
+ }
20083
+ .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 {
20084
+ width: calc(100% - 80px);
20085
+ }
20086
+
20087
+ .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 {
20088
+ width: calc(100% - 110px);
20089
+ }
20090
+
19901
20091
  /*! daterangepicker theme */
19902
20092
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19903
20093
  color: #212529;
@@ -53527,7 +53717,10 @@ input.e-pv-input-password::-ms-reveal {
53527
53717
  }
53528
53718
 
53529
53719
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
53530
- display: none;
53720
+ display: block;
53721
+ padding-left: 10px;
53722
+ padding-right: 10px;
53723
+ width: auto;
53531
53724
  }
53532
53725
 
53533
53726
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -17450,6 +17450,10 @@ body.e-colorpicker-overflow {
17450
17450
  top: 0 !important;
17451
17451
  left: 0 !important;
17452
17452
  }
17453
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17454
+ min-width: 100%;
17455
+ min-height: 100%;
17456
+ }
17453
17457
 
17454
17458
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17455
17459
  background-size: 250px 33px;
@@ -17462,6 +17466,40 @@ body.e-colorpicker-overflow {
17462
17466
  min-height: 40px;
17463
17467
  }
17464
17468
 
17469
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17470
+ height: 15%;
17471
+ }
17472
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17473
+ float: right;
17474
+ margin-right: 10px;
17475
+ padding: 5px;
17476
+ }
17477
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17478
+ content: "\e932";
17479
+ font-family: "e-icons";
17480
+ color: rgb(255, 255, 255);
17481
+ }
17482
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17483
+ min-width: 100%;
17484
+ min-height: 100%;
17485
+ height: 100%;
17486
+ }
17487
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17488
+ height: 10%;
17489
+ }
17490
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17491
+ height: 85%;
17492
+ }
17493
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17494
+ height: 10%;
17495
+ }
17496
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17497
+ height: 80%;
17498
+ }
17499
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17500
+ height: 100%;
17501
+ }
17502
+
17465
17503
  @media screen and (orientation: landscape) and (max-height: 360px) {
17466
17504
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17467
17505
  display: inline-block;
@@ -17469,6 +17507,47 @@ body.e-colorpicker-overflow {
17469
17507
  overflow: auto;
17470
17508
  }
17471
17509
  }
17510
+ @media screen and (orientation: landscape) {
17511
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17512
+ float: left;
17513
+ height: 100%;
17514
+ width: 30%;
17515
+ }
17516
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17517
+ float: left;
17518
+ padding: 5px;
17519
+ }
17520
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17521
+ font-size: 35px;
17522
+ margin-top: 35%;
17523
+ }
17524
+ .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 {
17525
+ display: block;
17526
+ font-size: 40px;
17527
+ margin-top: 10%;
17528
+ }
17529
+ .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 {
17530
+ height: 10%;
17531
+ }
17532
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17533
+ height: 75%;
17534
+ }
17535
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17536
+ display: -ms-flexbox;
17537
+ display: flex;
17538
+ }
17539
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17540
+ float: right;
17541
+ height: 90%;
17542
+ width: 70%;
17543
+ }
17544
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17545
+ display: table-row-group;
17546
+ }
17547
+ .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 {
17548
+ height: 100%;
17549
+ }
17550
+ }
17472
17551
  .e-lib.e-datepicker.e-popup-wrapper,
17473
17552
  .e-bigger.e-small .e-lib.e-datepicker.e-popup-wrapper,
17474
17553
  .e-bigger .e-lib.e-datepicker.e-popup-wrapper,
@@ -19693,6 +19772,12 @@ body.e-colorpicker-overflow {
19693
19772
  top: 0 !important;
19694
19773
  left: 0 !important;
19695
19774
  }
19775
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
19776
+ min-height: 100%;
19777
+ min-width: 100%;
19778
+ height: 100%;
19779
+ width: 100%;
19780
+ }
19696
19781
 
19697
19782
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19698
19783
  background-size: 250px 33px;
@@ -19705,6 +19790,111 @@ body.e-colorpicker-overflow {
19705
19790
  min-height: 40px;
19706
19791
  }
19707
19792
 
19793
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
19794
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19795
+ min-height: 100%;
19796
+ min-width: 100%;
19797
+ height: 100%;
19798
+ width: 100%;
19799
+ }
19800
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19801
+ height: 100%;
19802
+ }
19803
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
19804
+ height: 78%;
19805
+ }
19806
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19807
+ height: 90%;
19808
+ }
19809
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
19810
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
19811
+ height: 10%;
19812
+ }
19813
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
19814
+ margin: 0;
19815
+ }
19816
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19817
+ height: 90%;
19818
+ }
19819
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
19820
+ height: 100%;
19821
+ border-spacing: 0px 30px;
19822
+ }
19823
+
19824
+ @media screen and (orientation: landscape) {
19825
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
19826
+ float: left;
19827
+ height: 100%;
19828
+ border-right: 1.5px;
19829
+ border-color: black;
19830
+ width: 40%;
19831
+ margin: 0;
19832
+ display: block;
19833
+ background-color: #3f51b5;
19834
+ }
19835
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19836
+ height: 100%;
19837
+ width: 100%;
19838
+ }
19839
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
19840
+ display: block;
19841
+ width: 100%;
19842
+ text-align: -webkit-center;
19843
+ }
19844
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
19845
+ display: block;
19846
+ width: 100%;
19847
+ text-align: -webkit-center;
19848
+ margin-top: 20%;
19849
+ font-size: 20px;
19850
+ 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);
19851
+ }
19852
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
19853
+ font-size: 20px;
19854
+ margin-top: 60%;
19855
+ color: #fff;
19856
+ }
19857
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
19858
+ width: 100%;
19859
+ text-align: -webkit-center;
19860
+ margin-top: 20%;
19861
+ font-size: 20px;
19862
+ 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);
19863
+ }
19864
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
19865
+ height: 82%;
19866
+ }
19867
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
19868
+ height: 80%;
19869
+ }
19870
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
19871
+ border-spacing: unset;
19872
+ }
19873
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
19874
+ height: 20%;
19875
+ }
19876
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
19877
+ width: 100%;
19878
+ }
19879
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
19880
+ display: -ms-flexbox;
19881
+ display: flex;
19882
+ }
19883
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
19884
+ border-radius: 0 40% 40% 0;
19885
+ }
19886
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
19887
+ border-radius: 0 40% 40% 0;
19888
+ }
19889
+ }
19890
+ .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 {
19891
+ width: calc(100% - 80px);
19892
+ }
19893
+
19894
+ .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 {
19895
+ width: calc(100% - 110px);
19896
+ }
19897
+
19708
19898
  /*! daterangepicker theme */
19709
19899
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19710
19900
  color: #333;
@@ -54281,7 +54471,10 @@ input.e-pv-input-password::-ms-reveal {
54281
54471
  }
54282
54472
 
54283
54473
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
54284
- display: none;
54474
+ display: block;
54475
+ padding-left: 10px;
54476
+ padding-right: 10px;
54477
+ width: auto;
54285
54478
  }
54286
54479
 
54287
54480
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,