@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.
@@ -17313,6 +17313,10 @@ body.e-colorpicker-overflow {
17313
17313
  top: 0 !important;
17314
17314
  left: 0 !important;
17315
17315
  }
17316
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17317
+ min-width: 100%;
17318
+ min-height: 100%;
17319
+ }
17316
17320
 
17317
17321
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17318
17322
  background-size: 250px 33px;
@@ -17325,6 +17329,40 @@ body.e-colorpicker-overflow {
17325
17329
  min-height: 40px;
17326
17330
  }
17327
17331
 
17332
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17333
+ height: 15%;
17334
+ }
17335
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17336
+ float: right;
17337
+ margin-right: 10px;
17338
+ padding: 5px;
17339
+ }
17340
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17341
+ content: "\e932";
17342
+ font-family: "e-icons";
17343
+ color: rgb(255, 255, 255);
17344
+ }
17345
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17346
+ min-width: 100%;
17347
+ min-height: 100%;
17348
+ height: 100%;
17349
+ }
17350
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17351
+ height: 10%;
17352
+ }
17353
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17354
+ height: 85%;
17355
+ }
17356
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17357
+ height: 10%;
17358
+ }
17359
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17360
+ height: 80%;
17361
+ }
17362
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17363
+ height: 100%;
17364
+ }
17365
+
17328
17366
  @media screen and (orientation: landscape) and (max-height: 360px) {
17329
17367
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17330
17368
  display: inline-block;
@@ -17332,6 +17370,47 @@ body.e-colorpicker-overflow {
17332
17370
  overflow: auto;
17333
17371
  }
17334
17372
  }
17373
+ @media screen and (orientation: landscape) {
17374
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17375
+ float: left;
17376
+ height: 100%;
17377
+ width: 30%;
17378
+ }
17379
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17380
+ float: left;
17381
+ padding: 5px;
17382
+ }
17383
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17384
+ font-size: 35px;
17385
+ margin-top: 35%;
17386
+ }
17387
+ .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 {
17388
+ display: block;
17389
+ font-size: 40px;
17390
+ margin-top: 10%;
17391
+ }
17392
+ .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 {
17393
+ height: 10%;
17394
+ }
17395
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17396
+ height: 75%;
17397
+ }
17398
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17399
+ display: -ms-flexbox;
17400
+ display: flex;
17401
+ }
17402
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17403
+ float: right;
17404
+ height: 90%;
17405
+ width: 70%;
17406
+ }
17407
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17408
+ display: table-row-group;
17409
+ }
17410
+ .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 {
17411
+ height: 100%;
17412
+ }
17413
+ }
17335
17414
  .e-datepicker.e-popup-wrapper,
17336
17415
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17337
17416
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -19951,6 +20030,12 @@ body.e-colorpicker-overflow {
19951
20030
  top: 0 !important;
19952
20031
  left: 0 !important;
19953
20032
  }
20033
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
20034
+ min-height: 100%;
20035
+ min-width: 100%;
20036
+ height: 100%;
20037
+ width: 100%;
20038
+ }
19954
20039
 
19955
20040
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19956
20041
  background-size: 250px 33px;
@@ -19963,6 +20048,111 @@ body.e-colorpicker-overflow {
19963
20048
  min-height: 40px;
19964
20049
  }
19965
20050
 
20051
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
20052
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20053
+ min-height: 100%;
20054
+ min-width: 100%;
20055
+ height: 100%;
20056
+ width: 100%;
20057
+ }
20058
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20059
+ height: 100%;
20060
+ }
20061
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20062
+ height: 78%;
20063
+ }
20064
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20065
+ height: 90%;
20066
+ }
20067
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20068
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20069
+ height: 10%;
20070
+ }
20071
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20072
+ margin: 0;
20073
+ }
20074
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20075
+ height: 90%;
20076
+ }
20077
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20078
+ height: 100%;
20079
+ border-spacing: 0px 30px;
20080
+ }
20081
+
20082
+ @media screen and (orientation: landscape) {
20083
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20084
+ float: left;
20085
+ height: 100%;
20086
+ border-right: 1.5px;
20087
+ border-color: black;
20088
+ width: 40%;
20089
+ margin: 0;
20090
+ display: block;
20091
+ background-color: #3f51b5;
20092
+ }
20093
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20094
+ height: 100%;
20095
+ width: 100%;
20096
+ }
20097
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20098
+ display: block;
20099
+ width: 100%;
20100
+ text-align: -webkit-center;
20101
+ }
20102
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20103
+ display: block;
20104
+ width: 100%;
20105
+ text-align: -webkit-center;
20106
+ margin-top: 20%;
20107
+ font-size: 20px;
20108
+ 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);
20109
+ }
20110
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20111
+ font-size: 20px;
20112
+ margin-top: 60%;
20113
+ color: #fff;
20114
+ }
20115
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20116
+ width: 100%;
20117
+ text-align: -webkit-center;
20118
+ margin-top: 20%;
20119
+ font-size: 20px;
20120
+ 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);
20121
+ }
20122
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20123
+ height: 82%;
20124
+ }
20125
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20126
+ height: 80%;
20127
+ }
20128
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20129
+ border-spacing: unset;
20130
+ }
20131
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20132
+ height: 20%;
20133
+ }
20134
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20135
+ width: 100%;
20136
+ }
20137
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20138
+ display: -ms-flexbox;
20139
+ display: flex;
20140
+ }
20141
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20142
+ border-radius: 0 40% 40% 0;
20143
+ }
20144
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20145
+ border-radius: 0 40% 40% 0;
20146
+ }
20147
+ }
20148
+ .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 {
20149
+ width: calc(100% - 80px);
20150
+ }
20151
+
20152
+ .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 {
20153
+ width: calc(100% - 110px);
20154
+ }
20155
+
19966
20156
  /*! daterangepicker theme */
19967
20157
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19968
20158
  color: #f3f2f1;
@@ -53269,7 +53459,10 @@ input.e-pv-input-password::-ms-reveal {
53269
53459
  }
53270
53460
 
53271
53461
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
53272
- display: none;
53462
+ display: block;
53463
+ padding-left: 10px;
53464
+ padding-right: 10px;
53465
+ width: auto;
53273
53466
  }
53274
53467
 
53275
53468
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
package/styles/fluent.css CHANGED
@@ -17313,6 +17313,10 @@ body.e-colorpicker-overflow {
17313
17313
  top: 0 !important;
17314
17314
  left: 0 !important;
17315
17315
  }
17316
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17317
+ min-width: 100%;
17318
+ min-height: 100%;
17319
+ }
17316
17320
 
17317
17321
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17318
17322
  background-size: 250px 33px;
@@ -17325,6 +17329,40 @@ body.e-colorpicker-overflow {
17325
17329
  min-height: 40px;
17326
17330
  }
17327
17331
 
17332
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17333
+ height: 15%;
17334
+ }
17335
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17336
+ float: right;
17337
+ margin-right: 10px;
17338
+ padding: 5px;
17339
+ }
17340
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17341
+ content: "\e932";
17342
+ font-family: "e-icons";
17343
+ color: rgb(255, 255, 255);
17344
+ }
17345
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17346
+ min-width: 100%;
17347
+ min-height: 100%;
17348
+ height: 100%;
17349
+ }
17350
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17351
+ height: 10%;
17352
+ }
17353
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17354
+ height: 85%;
17355
+ }
17356
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17357
+ height: 10%;
17358
+ }
17359
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17360
+ height: 80%;
17361
+ }
17362
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17363
+ height: 100%;
17364
+ }
17365
+
17328
17366
  @media screen and (orientation: landscape) and (max-height: 360px) {
17329
17367
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17330
17368
  display: inline-block;
@@ -17332,6 +17370,47 @@ body.e-colorpicker-overflow {
17332
17370
  overflow: auto;
17333
17371
  }
17334
17372
  }
17373
+ @media screen and (orientation: landscape) {
17374
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17375
+ float: left;
17376
+ height: 100%;
17377
+ width: 30%;
17378
+ }
17379
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17380
+ float: left;
17381
+ padding: 5px;
17382
+ }
17383
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17384
+ font-size: 35px;
17385
+ margin-top: 35%;
17386
+ }
17387
+ .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 {
17388
+ display: block;
17389
+ font-size: 40px;
17390
+ margin-top: 10%;
17391
+ }
17392
+ .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 {
17393
+ height: 10%;
17394
+ }
17395
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17396
+ height: 75%;
17397
+ }
17398
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17399
+ display: -ms-flexbox;
17400
+ display: flex;
17401
+ }
17402
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17403
+ float: right;
17404
+ height: 90%;
17405
+ width: 70%;
17406
+ }
17407
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17408
+ display: table-row-group;
17409
+ }
17410
+ .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 {
17411
+ height: 100%;
17412
+ }
17413
+ }
17335
17414
  .e-datepicker.e-popup-wrapper,
17336
17415
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17337
17416
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -19951,6 +20030,12 @@ body.e-colorpicker-overflow {
19951
20030
  top: 0 !important;
19952
20031
  left: 0 !important;
19953
20032
  }
20033
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
20034
+ min-height: 100%;
20035
+ min-width: 100%;
20036
+ height: 100%;
20037
+ width: 100%;
20038
+ }
19954
20039
 
19955
20040
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19956
20041
  background-size: 250px 33px;
@@ -19963,6 +20048,111 @@ body.e-colorpicker-overflow {
19963
20048
  min-height: 40px;
19964
20049
  }
19965
20050
 
20051
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
20052
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20053
+ min-height: 100%;
20054
+ min-width: 100%;
20055
+ height: 100%;
20056
+ width: 100%;
20057
+ }
20058
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20059
+ height: 100%;
20060
+ }
20061
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20062
+ height: 78%;
20063
+ }
20064
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20065
+ height: 90%;
20066
+ }
20067
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20068
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20069
+ height: 10%;
20070
+ }
20071
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20072
+ margin: 0;
20073
+ }
20074
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20075
+ height: 90%;
20076
+ }
20077
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20078
+ height: 100%;
20079
+ border-spacing: 0px 30px;
20080
+ }
20081
+
20082
+ @media screen and (orientation: landscape) {
20083
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20084
+ float: left;
20085
+ height: 100%;
20086
+ border-right: 1.5px;
20087
+ border-color: black;
20088
+ width: 40%;
20089
+ margin: 0;
20090
+ display: block;
20091
+ background-color: #3f51b5;
20092
+ }
20093
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20094
+ height: 100%;
20095
+ width: 100%;
20096
+ }
20097
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20098
+ display: block;
20099
+ width: 100%;
20100
+ text-align: -webkit-center;
20101
+ }
20102
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20103
+ display: block;
20104
+ width: 100%;
20105
+ text-align: -webkit-center;
20106
+ margin-top: 20%;
20107
+ font-size: 20px;
20108
+ 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);
20109
+ }
20110
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20111
+ font-size: 20px;
20112
+ margin-top: 60%;
20113
+ color: #fff;
20114
+ }
20115
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20116
+ width: 100%;
20117
+ text-align: -webkit-center;
20118
+ margin-top: 20%;
20119
+ font-size: 20px;
20120
+ 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);
20121
+ }
20122
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20123
+ height: 82%;
20124
+ }
20125
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20126
+ height: 80%;
20127
+ }
20128
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20129
+ border-spacing: unset;
20130
+ }
20131
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20132
+ height: 20%;
20133
+ }
20134
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20135
+ width: 100%;
20136
+ }
20137
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20138
+ display: -ms-flexbox;
20139
+ display: flex;
20140
+ }
20141
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20142
+ border-radius: 0 40% 40% 0;
20143
+ }
20144
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20145
+ border-radius: 0 40% 40% 0;
20146
+ }
20147
+ }
20148
+ .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 {
20149
+ width: calc(100% - 80px);
20150
+ }
20151
+
20152
+ .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 {
20153
+ width: calc(100% - 110px);
20154
+ }
20155
+
19966
20156
  /*! daterangepicker theme */
19967
20157
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19968
20158
  color: #201f1e;
@@ -53268,7 +53458,10 @@ input.e-pv-input-password::-ms-reveal {
53268
53458
  }
53269
53459
 
53270
53460
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
53271
- display: none;
53461
+ display: block;
53462
+ padding-left: 10px;
53463
+ padding-right: 10px;
53464
+ width: auto;
53272
53465
  }
53273
53466
 
53274
53467
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -17811,6 +17811,10 @@ body.e-colorpicker-overflow {
17811
17811
  top: 0 !important;
17812
17812
  left: 0 !important;
17813
17813
  }
17814
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17815
+ min-width: 100%;
17816
+ min-height: 100%;
17817
+ }
17814
17818
 
17815
17819
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17816
17820
  background-size: 250px 33px;
@@ -17823,6 +17827,40 @@ body.e-colorpicker-overflow {
17823
17827
  min-height: 40px;
17824
17828
  }
17825
17829
 
17830
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17831
+ height: 15%;
17832
+ }
17833
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17834
+ float: right;
17835
+ margin-right: 10px;
17836
+ padding: 5px;
17837
+ }
17838
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17839
+ content: "\e932";
17840
+ font-family: "e-icons";
17841
+ color: rgb(255, 255, 255);
17842
+ }
17843
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17844
+ min-width: 100%;
17845
+ min-height: 100%;
17846
+ height: 100%;
17847
+ }
17848
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17849
+ height: 10%;
17850
+ }
17851
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17852
+ height: 85%;
17853
+ }
17854
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17855
+ height: 10%;
17856
+ }
17857
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17858
+ height: 80%;
17859
+ }
17860
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17861
+ height: 100%;
17862
+ }
17863
+
17826
17864
  @media screen and (orientation: landscape) and (max-height: 360px) {
17827
17865
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17828
17866
  display: inline-block;
@@ -17830,6 +17868,47 @@ body.e-colorpicker-overflow {
17830
17868
  overflow: auto;
17831
17869
  }
17832
17870
  }
17871
+ @media screen and (orientation: landscape) {
17872
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17873
+ float: left;
17874
+ height: 100%;
17875
+ width: 30%;
17876
+ }
17877
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17878
+ float: left;
17879
+ padding: 5px;
17880
+ }
17881
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17882
+ font-size: 35px;
17883
+ margin-top: 35%;
17884
+ }
17885
+ .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 {
17886
+ display: block;
17887
+ font-size: 40px;
17888
+ margin-top: 10%;
17889
+ }
17890
+ .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 {
17891
+ height: 10%;
17892
+ }
17893
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17894
+ height: 75%;
17895
+ }
17896
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17897
+ display: -ms-flexbox;
17898
+ display: flex;
17899
+ }
17900
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17901
+ float: right;
17902
+ height: 90%;
17903
+ width: 70%;
17904
+ }
17905
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17906
+ display: table-row-group;
17907
+ }
17908
+ .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 {
17909
+ height: 100%;
17910
+ }
17911
+ }
17833
17912
  .e-datepicker.e-popup-wrapper,
17834
17913
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17835
17914
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -20339,6 +20418,12 @@ body.e-colorpicker-overflow {
20339
20418
  top: 0 !important;
20340
20419
  left: 0 !important;
20341
20420
  }
20421
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
20422
+ min-height: 100%;
20423
+ min-width: 100%;
20424
+ height: 100%;
20425
+ width: 100%;
20426
+ }
20342
20427
 
20343
20428
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
20344
20429
  background-size: 250px 33px;
@@ -20351,6 +20436,111 @@ body.e-colorpicker-overflow {
20351
20436
  min-height: 40px;
20352
20437
  }
20353
20438
 
20439
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
20440
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20441
+ min-height: 100%;
20442
+ min-width: 100%;
20443
+ height: 100%;
20444
+ width: 100%;
20445
+ }
20446
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20447
+ height: 100%;
20448
+ }
20449
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20450
+ height: 78%;
20451
+ }
20452
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20453
+ height: 90%;
20454
+ }
20455
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20456
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20457
+ height: 10%;
20458
+ }
20459
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20460
+ margin: 0;
20461
+ }
20462
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20463
+ height: 90%;
20464
+ }
20465
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20466
+ height: 100%;
20467
+ border-spacing: 0px 30px;
20468
+ }
20469
+
20470
+ @media screen and (orientation: landscape) {
20471
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20472
+ float: left;
20473
+ height: 100%;
20474
+ border-right: 1.5px;
20475
+ border-color: black;
20476
+ width: 40%;
20477
+ margin: 0;
20478
+ display: block;
20479
+ background-color: #3f51b5;
20480
+ }
20481
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20482
+ height: 100%;
20483
+ width: 100%;
20484
+ }
20485
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20486
+ display: block;
20487
+ width: 100%;
20488
+ text-align: -webkit-center;
20489
+ }
20490
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20491
+ display: block;
20492
+ width: 100%;
20493
+ text-align: -webkit-center;
20494
+ margin-top: 20%;
20495
+ font-size: 20px;
20496
+ 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);
20497
+ }
20498
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20499
+ font-size: 20px;
20500
+ margin-top: 60%;
20501
+ color: #fff;
20502
+ }
20503
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20504
+ width: 100%;
20505
+ text-align: -webkit-center;
20506
+ margin-top: 20%;
20507
+ font-size: 20px;
20508
+ 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);
20509
+ }
20510
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20511
+ height: 82%;
20512
+ }
20513
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20514
+ height: 80%;
20515
+ }
20516
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20517
+ border-spacing: unset;
20518
+ }
20519
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20520
+ height: 20%;
20521
+ }
20522
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20523
+ width: 100%;
20524
+ }
20525
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20526
+ display: -ms-flexbox;
20527
+ display: flex;
20528
+ }
20529
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20530
+ border-radius: 0 40% 40% 0;
20531
+ }
20532
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20533
+ border-radius: 0 40% 40% 0;
20534
+ }
20535
+ }
20536
+ .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 {
20537
+ width: calc(100% - 80px);
20538
+ }
20539
+
20540
+ .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 {
20541
+ width: calc(100% - 110px);
20542
+ }
20543
+
20354
20544
  /*! daterangepicker theme */
20355
20545
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
20356
20546
  color: #fff;
@@ -55264,7 +55454,10 @@ input.e-pv-input-password::-ms-reveal {
55264
55454
  }
55265
55455
 
55266
55456
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
55267
- display: none;
55457
+ display: block;
55458
+ padding-left: 10px;
55459
+ padding-right: 10px;
55460
+ width: auto;
55268
55461
  }
55269
55462
 
55270
55463
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,