@syncfusion/ej2-js-es5 20.2.49 → 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;
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;
@@ -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;