@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.
@@ -17491,6 +17491,10 @@ body.e-colorpicker-overflow {
17491
17491
  top: 0 !important;
17492
17492
  left: 0 !important;
17493
17493
  }
17494
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17495
+ min-width: 100%;
17496
+ min-height: 100%;
17497
+ }
17494
17498
 
17495
17499
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17496
17500
  background-size: 250px 33px;
@@ -17503,6 +17507,40 @@ body.e-colorpicker-overflow {
17503
17507
  min-height: 40px;
17504
17508
  }
17505
17509
 
17510
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17511
+ height: 15%;
17512
+ }
17513
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17514
+ float: right;
17515
+ margin-right: 10px;
17516
+ padding: 5px;
17517
+ }
17518
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17519
+ content: "\e932";
17520
+ font-family: "e-icons";
17521
+ color: rgb(255, 255, 255);
17522
+ }
17523
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17524
+ min-width: 100%;
17525
+ min-height: 100%;
17526
+ height: 100%;
17527
+ }
17528
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17529
+ height: 10%;
17530
+ }
17531
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17532
+ height: 85%;
17533
+ }
17534
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17535
+ height: 10%;
17536
+ }
17537
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17538
+ height: 80%;
17539
+ }
17540
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17541
+ height: 100%;
17542
+ }
17543
+
17506
17544
  @media screen and (orientation: landscape) and (max-height: 360px) {
17507
17545
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17508
17546
  display: inline-block;
@@ -17510,6 +17548,47 @@ body.e-colorpicker-overflow {
17510
17548
  overflow: auto;
17511
17549
  }
17512
17550
  }
17551
+ @media screen and (orientation: landscape) {
17552
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17553
+ float: left;
17554
+ height: 100%;
17555
+ width: 30%;
17556
+ }
17557
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17558
+ float: left;
17559
+ padding: 5px;
17560
+ }
17561
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17562
+ font-size: 35px;
17563
+ margin-top: 35%;
17564
+ }
17565
+ .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 {
17566
+ display: block;
17567
+ font-size: 40px;
17568
+ margin-top: 10%;
17569
+ }
17570
+ .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 {
17571
+ height: 10%;
17572
+ }
17573
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17574
+ height: 75%;
17575
+ }
17576
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17577
+ display: -ms-flexbox;
17578
+ display: flex;
17579
+ }
17580
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17581
+ float: right;
17582
+ height: 90%;
17583
+ width: 70%;
17584
+ }
17585
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17586
+ display: table-row-group;
17587
+ }
17588
+ .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 {
17589
+ height: 100%;
17590
+ }
17591
+ }
17513
17592
  .e-datepicker.e-popup-wrapper,
17514
17593
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17515
17594
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -20010,6 +20089,12 @@ body.e-colorpicker-overflow {
20010
20089
  top: 0 !important;
20011
20090
  left: 0 !important;
20012
20091
  }
20092
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
20093
+ min-height: 100%;
20094
+ min-width: 100%;
20095
+ height: 100%;
20096
+ width: 100%;
20097
+ }
20013
20098
 
20014
20099
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
20015
20100
  background-size: 250px 33px;
@@ -20022,6 +20107,111 @@ body.e-colorpicker-overflow {
20022
20107
  min-height: 40px;
20023
20108
  }
20024
20109
 
20110
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
20111
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20112
+ min-height: 100%;
20113
+ min-width: 100%;
20114
+ height: 100%;
20115
+ width: 100%;
20116
+ }
20117
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20118
+ height: 100%;
20119
+ }
20120
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20121
+ height: 78%;
20122
+ }
20123
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20124
+ height: 90%;
20125
+ }
20126
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20127
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20128
+ height: 10%;
20129
+ }
20130
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20131
+ margin: 0;
20132
+ }
20133
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20134
+ height: 90%;
20135
+ }
20136
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20137
+ height: 100%;
20138
+ border-spacing: 0px 30px;
20139
+ }
20140
+
20141
+ @media screen and (orientation: landscape) {
20142
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20143
+ float: left;
20144
+ height: 100%;
20145
+ border-right: 1.5px;
20146
+ border-color: black;
20147
+ width: 40%;
20148
+ margin: 0;
20149
+ display: block;
20150
+ background-color: #3f51b5;
20151
+ }
20152
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20153
+ height: 100%;
20154
+ width: 100%;
20155
+ }
20156
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20157
+ display: block;
20158
+ width: 100%;
20159
+ text-align: -webkit-center;
20160
+ }
20161
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20162
+ display: block;
20163
+ width: 100%;
20164
+ text-align: -webkit-center;
20165
+ margin-top: 20%;
20166
+ font-size: 20px;
20167
+ 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);
20168
+ }
20169
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20170
+ font-size: 20px;
20171
+ margin-top: 60%;
20172
+ color: #fff;
20173
+ }
20174
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20175
+ width: 100%;
20176
+ text-align: -webkit-center;
20177
+ margin-top: 20%;
20178
+ font-size: 20px;
20179
+ 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);
20180
+ }
20181
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20182
+ height: 82%;
20183
+ }
20184
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20185
+ height: 80%;
20186
+ }
20187
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20188
+ border-spacing: unset;
20189
+ }
20190
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20191
+ height: 20%;
20192
+ }
20193
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20194
+ width: 100%;
20195
+ }
20196
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20197
+ display: -ms-flexbox;
20198
+ display: flex;
20199
+ }
20200
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20201
+ border-radius: 0 40% 40% 0;
20202
+ }
20203
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20204
+ border-radius: 0 40% 40% 0;
20205
+ }
20206
+ }
20207
+ .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 {
20208
+ width: calc(100% - 80px);
20209
+ }
20210
+
20211
+ .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 {
20212
+ width: calc(100% - 110px);
20213
+ }
20214
+
20025
20215
  /*! daterangepicker theme */
20026
20216
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
20027
20217
  color: #f0f0f0;
@@ -52541,7 +52731,10 @@ input.e-pv-input-password::-ms-reveal {
52541
52731
  }
52542
52732
 
52543
52733
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
52544
- display: none;
52734
+ display: block;
52735
+ padding-left: 10px;
52736
+ padding-right: 10px;
52737
+ width: auto;
52545
52738
  }
52546
52739
 
52547
52740
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
@@ -17496,6 +17496,10 @@ body.e-colorpicker-overflow {
17496
17496
  top: 0 !important;
17497
17497
  left: 0 !important;
17498
17498
  }
17499
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
17500
+ min-width: 100%;
17501
+ min-height: 100%;
17502
+ }
17499
17503
 
17500
17504
  .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
17501
17505
  background-size: 250px 33px;
@@ -17508,6 +17512,40 @@ body.e-colorpicker-overflow {
17508
17512
  min-height: 40px;
17509
17513
  }
17510
17514
 
17515
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17516
+ height: 15%;
17517
+ }
17518
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17519
+ float: right;
17520
+ margin-right: 10px;
17521
+ padding: 5px;
17522
+ }
17523
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
17524
+ content: "\e932";
17525
+ font-family: "e-icons";
17526
+ color: rgb(255, 255, 255);
17527
+ }
17528
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17529
+ min-width: 100%;
17530
+ min-height: 100%;
17531
+ height: 100%;
17532
+ }
17533
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month {
17534
+ height: 10%;
17535
+ }
17536
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17537
+ height: 85%;
17538
+ }
17539
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
17540
+ height: 10%;
17541
+ }
17542
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17543
+ height: 80%;
17544
+ }
17545
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
17546
+ height: 100%;
17547
+ }
17548
+
17511
17549
  @media screen and (orientation: landscape) and (max-height: 360px) {
17512
17550
  .e-datepicker .e-calendar.e-device .e-month table tbody {
17513
17551
  display: inline-block;
@@ -17515,6 +17553,47 @@ body.e-colorpicker-overflow {
17515
17553
  overflow: auto;
17516
17554
  }
17517
17555
  }
17556
+ @media screen and (orientation: landscape) {
17557
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
17558
+ float: left;
17559
+ height: 100%;
17560
+ width: 30%;
17561
+ }
17562
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
17563
+ float: left;
17564
+ padding: 5px;
17565
+ }
17566
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-year {
17567
+ font-size: 35px;
17568
+ margin-top: 35%;
17569
+ }
17570
+ .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 {
17571
+ display: block;
17572
+ font-size: 40px;
17573
+ margin-top: 10%;
17574
+ }
17575
+ .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 {
17576
+ height: 10%;
17577
+ }
17578
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
17579
+ height: 75%;
17580
+ }
17581
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
17582
+ display: -ms-flexbox;
17583
+ display: flex;
17584
+ }
17585
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
17586
+ float: right;
17587
+ height: 90%;
17588
+ width: 70%;
17589
+ }
17590
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
17591
+ display: table-row-group;
17592
+ }
17593
+ .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 {
17594
+ height: 100%;
17595
+ }
17596
+ }
17518
17597
  .e-datepicker.e-popup-wrapper,
17519
17598
  .e-bigger.e-small .e-datepicker.e-popup-wrapper,
17520
17599
  .e-bigger .e-datepicker.e-popup-wrapper,
@@ -20017,6 +20096,12 @@ body.e-colorpicker-overflow {
20017
20096
  top: 0 !important;
20018
20097
  left: 0 !important;
20019
20098
  }
20099
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
20100
+ min-height: 100%;
20101
+ min-width: 100%;
20102
+ height: 100%;
20103
+ width: 100%;
20104
+ }
20020
20105
 
20021
20106
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
20022
20107
  background-size: 250px 33px;
@@ -20029,6 +20114,111 @@ body.e-colorpicker-overflow {
20029
20114
  min-height: 40px;
20030
20115
  }
20031
20116
 
20117
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
20118
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20119
+ min-height: 100%;
20120
+ min-width: 100%;
20121
+ height: 100%;
20122
+ width: 100%;
20123
+ }
20124
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20125
+ height: 100%;
20126
+ }
20127
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20128
+ height: 78%;
20129
+ }
20130
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20131
+ height: 90%;
20132
+ }
20133
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20134
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20135
+ height: 10%;
20136
+ }
20137
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20138
+ margin: 0;
20139
+ }
20140
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20141
+ height: 90%;
20142
+ }
20143
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20144
+ height: 100%;
20145
+ border-spacing: 0px 30px;
20146
+ }
20147
+
20148
+ @media screen and (orientation: landscape) {
20149
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20150
+ float: left;
20151
+ height: 100%;
20152
+ border-right: 1.5px;
20153
+ border-color: black;
20154
+ width: 40%;
20155
+ margin: 0;
20156
+ display: block;
20157
+ background-color: #3f51b5;
20158
+ }
20159
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20160
+ height: 100%;
20161
+ width: 100%;
20162
+ }
20163
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20164
+ display: block;
20165
+ width: 100%;
20166
+ text-align: -webkit-center;
20167
+ }
20168
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20169
+ display: block;
20170
+ width: 100%;
20171
+ text-align: -webkit-center;
20172
+ margin-top: 20%;
20173
+ font-size: 20px;
20174
+ 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);
20175
+ }
20176
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20177
+ font-size: 20px;
20178
+ margin-top: 60%;
20179
+ color: #fff;
20180
+ }
20181
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20182
+ width: 100%;
20183
+ text-align: -webkit-center;
20184
+ margin-top: 20%;
20185
+ font-size: 20px;
20186
+ 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);
20187
+ }
20188
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20189
+ height: 82%;
20190
+ }
20191
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20192
+ height: 80%;
20193
+ }
20194
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20195
+ border-spacing: unset;
20196
+ }
20197
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20198
+ height: 20%;
20199
+ }
20200
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20201
+ width: 100%;
20202
+ }
20203
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20204
+ display: -ms-flexbox;
20205
+ display: flex;
20206
+ }
20207
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20208
+ border-radius: 0 40% 40% 0;
20209
+ }
20210
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20211
+ border-radius: 0 40% 40% 0;
20212
+ }
20213
+ }
20214
+ .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 {
20215
+ width: calc(100% - 80px);
20216
+ }
20217
+
20218
+ .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 {
20219
+ width: calc(100% - 110px);
20220
+ }
20221
+
20032
20222
  /*! daterangepicker theme */
20033
20223
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
20034
20224
  color: #333;
@@ -54705,7 +54895,10 @@ input.e-pv-input-password::-ms-reveal {
54705
54895
  }
54706
54896
 
54707
54897
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
54708
- display: none;
54898
+ display: block;
54899
+ padding-left: 10px;
54900
+ padding-right: 10px;
54901
+ width: auto;
54709
54902
  }
54710
54903
 
54711
54904
  .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,
@@ -19977,6 +20056,12 @@ body.e-colorpicker-overflow {
19977
20056
  top: 0 !important;
19978
20057
  left: 0 !important;
19979
20058
  }
20059
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
20060
+ min-height: 100%;
20061
+ min-width: 100%;
20062
+ height: 100%;
20063
+ width: 100%;
20064
+ }
19980
20065
 
19981
20066
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
19982
20067
  background-size: 250px 33px;
@@ -19989,6 +20074,111 @@ body.e-colorpicker-overflow {
19989
20074
  min-height: 40px;
19990
20075
  }
19991
20076
 
20077
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar,
20078
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20079
+ min-height: 100%;
20080
+ min-width: 100%;
20081
+ height: 100%;
20082
+ width: 100%;
20083
+ }
20084
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20085
+ height: 100%;
20086
+ }
20087
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20088
+ height: 78%;
20089
+ }
20090
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20091
+ height: 90%;
20092
+ }
20093
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header,
20094
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20095
+ height: 10%;
20096
+ }
20097
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
20098
+ margin: 0;
20099
+ }
20100
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20101
+ height: 90%;
20102
+ }
20103
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20104
+ height: 100%;
20105
+ border-spacing: 0px 30px;
20106
+ }
20107
+
20108
+ @media screen and (orientation: landscape) {
20109
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
20110
+ float: left;
20111
+ height: 100%;
20112
+ border-right: 1.5px;
20113
+ border-color: black;
20114
+ width: 40%;
20115
+ margin: 0;
20116
+ display: block;
20117
+ background-color: #3f51b5;
20118
+ }
20119
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20120
+ height: 100%;
20121
+ width: 100%;
20122
+ }
20123
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-start-end {
20124
+ display: block;
20125
+ width: 100%;
20126
+ text-align: -webkit-center;
20127
+ }
20128
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-start-btn {
20129
+ display: block;
20130
+ width: 100%;
20131
+ text-align: -webkit-center;
20132
+ margin-top: 20%;
20133
+ font-size: 20px;
20134
+ 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);
20135
+ }
20136
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-day-span {
20137
+ font-size: 20px;
20138
+ margin-top: 60%;
20139
+ color: #fff;
20140
+ }
20141
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header .e-start-end .e-end-btn {
20142
+ width: 100%;
20143
+ text-align: -webkit-center;
20144
+ margin-top: 20%;
20145
+ font-size: 20px;
20146
+ 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);
20147
+ }
20148
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
20149
+ height: 82%;
20150
+ }
20151
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
20152
+ height: 80%;
20153
+ }
20154
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
20155
+ border-spacing: unset;
20156
+ }
20157
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-header {
20158
+ height: 20%;
20159
+ }
20160
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
20161
+ width: 100%;
20162
+ }
20163
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
20164
+ display: -ms-flexbox;
20165
+ display: flex;
20166
+ }
20167
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20168
+ border-radius: 0 40% 40% 0;
20169
+ }
20170
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar .e-end-date.e-selected.e-range-hover {
20171
+ border-radius: 0 40% 40% 0;
20172
+ }
20173
+ }
20174
+ .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 {
20175
+ width: calc(100% - 80px);
20176
+ }
20177
+
20178
+ .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 {
20179
+ width: calc(100% - 110px);
20180
+ }
20181
+
19992
20182
  /*! daterangepicker theme */
19993
20183
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
19994
20184
  background: #545b62;
@@ -53678,7 +53868,10 @@ input.e-pv-input-password::-ms-reveal {
53678
53868
  }
53679
53869
 
53680
53870
  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-zoom-drop-down-container {
53681
- display: none;
53871
+ display: block;
53872
+ padding-left: 10px;
53873
+ padding-right: 10px;
53874
+ width: auto;
53682
53875
  }
53683
53876
 
53684
53877
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,