devextreme 23.1.2-beta.2 → 23.1.3

package/dist/css/dx.material.lime.dark.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 /**
 * DevExtreme (dx.material.lime.dark.css)
-* Version: 23.1.2
-* Build date: Fri May 26 2023
+* Version: 23.1.3
+* Build date: Fri Jun 09 2023
 *
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -8760,6 +8760,7 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  direction: ltr;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
@@ -8769,12 +8770,13 @@
   justify-content: space-between;
   border: 1px solid transparent;
   width: 272px;
-  min-width: 272px;
   height: 264px;
-  min-height: 264px;
   background-color: #363640;
   gap: 8px;
 }
+.dx-calendar.dx-rtl {
+  direction: rtl;
+}
 .dx-calendar-views-wrapper {
   position: relative;
   display: -webkit-box;
@@ -8791,7 +8793,6 @@
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
-  direction: ltr;
 }
 .dx-calendar-navigator .dx-calendar-caption-button {
   -webkit-box-flex: 1;
@@ -8829,7 +8830,6 @@
 .dx-calendar-body table {
   width: 100%;
   height: 100%;
-  direction: ltr;
   table-layout: fixed;
   border-spacing: 0;
   line-height: normal;
@@ -8846,22 +8846,33 @@
   white-space: nowrap;
   color: #fff;
 }
-.dx-calendar-body .dx-calendar-week-number-cell {
+.dx-calendar-week-number-cell {
+  position: relative;
+  color: rgba(255,255,255,.56);
+  width: 2em;
+}
+.dx-calendar-week-number-cell span {
+  position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  height: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
+  text-align: center;
+  width: 2em;
+  inset: 0;
+  background-color: rgba(26,26,31,.4);
+  inset-inline-start: 0;
 }
 .dx-calendar-cell {
   cursor: pointer;
   position: relative;
   text-align: center;
+  font-size: 14px;
   color: #fff;
 }
 .dx-calendar-cell span {
@@ -8906,26 +8917,11 @@
 .dx-calendar-multiview .dx-calendar-body table {
   padding: 0 10px;
 }
-.dx-calendar-range .dx-calendar-cell::before {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  inset-inline-start: 50%;
-  inset-inline-end: 0;
-}
-.dx-rtl.dx-calendar .dx-calendar-body table {
-  left: 0;
-}
-.dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
-  direction: ltr;
-}
 .dx-calendar.dx-calendar-with-footer {
   height: 308px;
-  min-height: 308px;
 }
 .dx-calendar.dx-calendar-multiview {
   width: 544px;
-  min-width: 544px;
 }
 .dx-calendar.dx-invalid {
   border-color: rgba(244,67,54,.4);
@@ -8939,32 +8935,20 @@
   height: 24px;
   font-size: 24px;
 }
-.dx-calendar-body table .dx-week-number-header {
-  font-size: 14px;
-  width: 2.5em;
-}
-.dx-calendar-body table .dx-calendar-week-number-cell {
-  color: rgba(255,255,255,.56);
-  background-color: rgba(26,26,31,.4);
-  width: 2em;
-  margin-right: .5em;
-}
-.dx-rtl .dx-calendar-body table .dx-calendar-week-number-cell {
-  margin-left: .5em;
-}
 .dx-calendar-body thead tr {
   height: 2em;
 }
-.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell span {
+  border-start-start-radius: 4px;
+  border-start-end-radius: 4px;
 }
-.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
+.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
+  border-end-start-radius: 4px;
+  border-end-end-radius: 4px;
 }
-.dx-calendar-body td {
+.dx-calendar-body .dx-week-number-header {
   font-size: 14px;
+  width: 2.5em;
 }
 .dx-calendar-view-century .dx-calendar-cell span,
 .dx-calendar-view-decade .dx-calendar-cell span,
@@ -8993,92 +8977,6 @@
   -webkit-box-shadow: 0 0 0 2px rgba(205,220,57,.5);
   box-shadow: 0 0 0 2px rgba(205,220,57,.5);
 }
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-cell-in-range::before,
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-cell-range-hover::before {
-  width: 100%;
-  border-radius: 0;
-}
-.dx-calendar-cell.dx-calendar-range-start-date.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-range-start-date.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-range-start-date::before {
-  width: 50%;
-  inset-inline-start: 50%;
-  inset-inline-end: 0;
-}
-.dx-calendar-cell.dx-calendar-range-end-date.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-range-end-date.dx-state-hover::before {
-  width: 50%;
-}
-.dx-calendar-cell.dx-state-active::before,
-.dx-calendar-cell.dx-state-hover::before {
-  width: calc(50% + 1em);
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-.dx-calendar-cell.dx-calendar-cell-range-hover::before {
-  height: 2em;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  width: 100%;
-  border-width: 1px;
-  border-style: dashed;
-  border-color: rgba(205,220,57,.6) transparent;
-  -o-border-image: initial;
-  border-image: initial;
-  border-radius: 0;
-}
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::before {
-  width: calc(50% + 1em);
-  inset-inline-start: auto;
-  inset-inline-end: 0;
-  border-radius: 50% 0 0 50%;
-  border-left: 1px dashed rgba(205,220,57,.6);
-}
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::before {
-  width: calc(50% + 1em);
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  border-radius: 0 50% 50% 0;
-  border-right: 1px dashed rgba(205,220,57,.6);
-}
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-range-end-date::before,
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-range-start-date::before {
-  border-width: 0;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range::before {
-  height: 2em;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  width: 100%;
-  background-color: rgba(205,220,57,.24);
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-start-day-of-month::before {
-  width: calc(50% + 1em);
-  inset-inline-start: auto;
-  inset-inline-end: 0;
-  border-radius: 50% 0 0 50%;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-end-day-of-month::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-start-day-of-month.dx-calendar-end-day-of-month::before {
-  content: none;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-end-day-of-month::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
-  width: calc(50% + 1em);
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  border-radius: 0 50% 50% 0;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-end-day-of-month.dx-calendar-start-day-of-month::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-end-date.dx-calendar-start-day-of-month::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
-  content: none;
-}
 .dx-calendar-cell.dx-calendar-empty-cell,
 .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span,
 .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span,
@@ -9091,10 +8989,8 @@
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span {
   color: rgba(0,0,0,.87);
 }
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range::before,
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover::before,
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date::before,
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date::before {
+.dx-calendar-cell.dx-calendar-other-view::after,
+.dx-calendar-cell.dx-calendar-other-view::before {
   content: none;
 }
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,
@@ -9138,6 +9034,178 @@
 .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span {
   background-color: #cddc39;
 }
+.dx-calendar-cell-in-range::before {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  height: 2em;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  width: 100%;
+  background-color: rgba(205,220,57,.24);
+  border-width: 0;
+  border-style: dashed;
+  border-color: rgba(205,220,57,.6) transparent;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-end::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start::before,
+.dx-calendar-cell-in-range.dx-calendar-range-end-date::before,
+.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
+  width: calc(50% + 1em);
+}
+.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 999em;
+  border-end-start-radius: 999em;
+  border-inline-start-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
+  content: none;
+}
+.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
+  border-start-end-radius: 999em;
+  border-end-end-radius: 999em;
+  border-inline-end-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 999em;
+  border-end-start-radius: 999em;
+  border-inline-start-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before {
+  border-start-end-radius: 999em;
+  border-end-end-radius: 999em;
+  border-inline-end-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row.dx-calendar-range-start-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 999em;
+  border-end-start-radius: 999em;
+  border-inline-start-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+  border-start-end-radius: 999em;
+  border-end-end-radius: 999em;
+  border-inline-end-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-cell-end-in-row::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end::before {
+  border-start-end-radius: 999em;
+  border-end-end-radius: 999em;
+  border-inline-end-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end.dx-calendar-range-start-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover::after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  height: 2em;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  width: 100%;
+  background-color: inherit;
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgba(205,220,57,.6) transparent;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
+  width: calc(50% + 1em);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 999em;
+  border-end-start-radius: 999em;
+  border-inline-start-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::after {
+  content: none;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after {
+  border-start-end-radius: 999em;
+  border-end-end-radius: 999em;
+  border-inline-end-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 999em;
+  border-end-start-radius: 999em;
+  border-inline-start-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after {
+  border-start-end-radius: 999em;
+  border-end-end-radius: 999em;
+  border-inline-end-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row.dx-calendar-cell-range-hover-start::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 999em;
+  border-end-start-radius: 999em;
+  border-inline-start-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+  border-start-end-radius: 999em;
+  border-end-end-radius: 999em;
+  border-inline-end-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-end-in-row::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end::after {
+  border-start-end-radius: 999em;
+  border-end-end-radius: 999em;
+  border-inline-end-color: rgba(205,220,57,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end.dx-calendar-cell-range-hover-start::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
 .dx-texteditor input[type=date]::-webkit-inner-spin-button {
   height: 20px;
 }
@@ -9619,9 +9687,7 @@
   box-shadow: none;
 }
 .dx-daterangebox .dx-datebox {
-  -webkit-box-flex: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
+  width: 100%;
 }
 .dx-daterangebox .dx-datebox.dx-editor-underlined {
   border-bottom: 0;
@@ -9651,7 +9717,7 @@
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding-left: 12px;
+  padding-left: 16px;
   color: gray;
 }
 .dx-rtl .dx-daterangebox-separator {
@@ -9672,7 +9738,7 @@
   background-color: #363640;
   width: 100%;
   position: absolute;
-  height: 2px;
+  height: 2.5px;
   top: 0;
   margin-left: -4px;
   margin-right: -4px;
@@ -9698,7 +9764,7 @@
   height: 13px;
   line-height: 12px;
 }
-.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-texteditor-empty .dx-datebox .dx-texteditor-label .dx-label::before {
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-texteditor-empty .dx-texteditor-label .dx-label::before {
   background-color: transparent;
 }
 .dx-daterangebox-with-floating-label.dx-editor-underlined .dx-texteditor-label {
@@ -9770,8 +9836,10 @@
   width: calc(100% - 30px);
   margin: 0 15px;
 }
+.dx-daterangebox.dx-editor-filled.dx-state-focused.dx-invalid::before,
 .dx-daterangebox.dx-editor-filled.dx-state-hover::after,
 .dx-daterangebox.dx-editor-filled::before,
+.dx-daterangebox.dx-editor-underlined.dx-state-focused.dx-invalid::before,
 .dx-daterangebox.dx-editor-underlined.dx-state-hover::after,
 .dx-daterangebox.dx-editor-underlined::before {
   border-bottom-width: 1px;
@@ -9788,7 +9856,7 @@
   bottom: 1px;
 }
 .dx-daterangebox.dx-editor-underlined .dx-daterangebox-separator {
-  padding-right: 12px;
+  padding-right: 16px;
 }
 .dx-daterangebox.dx-editor-filled > .dx-texteditor-buttons-container > .dx-button,
 .dx-daterangebox.dx-editor-filled > .dx-texteditor-buttons-container > .dx-clear-button-area,
@@ -9828,6 +9896,60 @@
 .dx-daterangebox.dx-editor-underlined > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child {
   margin-right: 12px;
 }
+.dx-daterangebox.dx-editor-filled.dx-rtl > .dx-texteditor-buttons-container > .dx-button:first-child,
+.dx-daterangebox.dx-editor-filled.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:first-child,
+.dx-daterangebox.dx-editor-outlined.dx-rtl > .dx-texteditor-buttons-container > .dx-button:first-child,
+.dx-daterangebox.dx-editor-outlined.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:first-child,
+.dx-daterangebox.dx-editor-underlined.dx-rtl > .dx-texteditor-buttons-container > .dx-button:first-child,
+.dx-daterangebox.dx-editor-underlined.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:first-child {
+  margin-left: 5px;
+  margin-right: 0;
+}
+.dx-daterangebox.dx-editor-filled.dx-rtl > .dx-texteditor-buttons-container > .dx-button:last-child,
+.dx-daterangebox.dx-editor-filled.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child,
+.dx-daterangebox.dx-editor-outlined.dx-rtl > .dx-texteditor-buttons-container > .dx-button:last-child,
+.dx-daterangebox.dx-editor-outlined.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child,
+.dx-daterangebox.dx-editor-underlined.dx-rtl > .dx-texteditor-buttons-container > .dx-button:last-child,
+.dx-daterangebox.dx-editor-underlined.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child {
+  margin-left: 10px;
+  margin-right: 5px;
+}
+.dx-daterangebox.dx-editor-filled.dx-rtl > .dx-texteditor-buttons-container > .dx-dropdowneditor-button:last-child,
+.dx-daterangebox.dx-editor-outlined.dx-rtl > .dx-texteditor-buttons-container > .dx-dropdowneditor-button:last-child,
+.dx-daterangebox.dx-editor-underlined.dx-rtl > .dx-texteditor-buttons-container > .dx-dropdowneditor-button:last-child {
+  margin-left: 8px;
+  margin-right: 0;
+}
+.dx-daterangebox.dx-editor-filled.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child,
+.dx-daterangebox.dx-editor-outlined.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child,
+.dx-daterangebox.dx-editor-underlined.dx-rtl > .dx-texteditor-buttons-container > .dx-clear-button-area:last-child {
+  margin-left: 12px;
+  margin-right: 0;
+}
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-filled .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-outlined .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-underlined .dx-texteditor-input {
+  padding-right: 16px;
+}
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-filled.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-input {
+  padding-left: 16px;
+}
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-invalid .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-invalid .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid .dx-texteditor-input {
+  padding-right: 46px;
+}
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-invalid.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-invalid.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
+  padding-right: 16px;
+  padding-left: 46px;
+}
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
+  padding-right: 0;
+}
 .dx-daterangebox-separator .dx-icon {
   width: 24px;
   height: 24px;
@@ -26564,4 +26686,4 @@ input.dx-hidden {
   left: 0;
   background: rgba(0,0,0,.01);
   opacity: .01;
-}
+}