carbon-addons-iot-react 4.0.17 → 4.0.19

package/css/carbon-addons-iot-react.css

@@ -21565,22 +21565,6 @@ button.cds--dropdown-text:focus {
 .iot--date-time-picker__wrapper .cds--popover-container {
   width: 100%;
 }
-.iot--date-time-picker__wrapper .cds--date-picker--range {
-  position: absolute;
-}
-.iot--date-time-picker__wrapper .cds--date-picker-container {
-  opacity: 0;
-}
-.iot--date-time-picker__wrapper .flatpickr-calendar.open {
-  padding-bottom: 0;
-  position: unset !important;
-  top: unset !important;
-  left: unset !important;
-  box-shadow: none;
-  margin-left: auto;
-  margin-right: auto;
-  animation: none;
-}
 .iot--date-time-picker__wrapper .cds--number .cds--number__input-wrapper input {
   min-width: 8.5rem;
   padding-right: 0.5rem;
@@ -21589,6 +21573,13 @@ button.cds--dropdown-text:focus {
 .iot--date-time-picker__wrapper .cds--select-input {
   width: 8.5rem;
 }
+.iot--date-time-picker__wrapper .cds--date-picker--range .cds--date-picker__input,
+.iot--date-time-picker__wrapper .cds--date-picker--range .cds--date-picker-container {
+  inline-size: 8.5rem;
+}
+.iot--date-time-picker__wrapper .cds--date-picker--range > .cds--date-picker-container:first-child {
+  margin-inline-end: 1rem;
+}
 .iot--date-time-picker__wrapper .iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner:first-of-type {
   margin-right: 1rem;
 }
@@ -21785,10 +21776,6 @@ button.cds--dropdown-text:focus {
   cursor: not-allowed;
 }
 
-.iot--date-time-picker__datepicker {
-  min-height: 20.875rem;
-}
-
 html[dir=rtl] .iot--date-time-picker__wrapper .cds--number {
   margin-right: unset;
   margin-left: 1rem;
@@ -21932,6 +21919,13 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
 .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--disabled {
   border: none;
 }
+.iot--date-time-pickerv2__wrapper .cds--date-picker--range .cds--date-picker__input,
+.iot--date-time-pickerv2__wrapper .cds--date-picker--range .cds--date-picker-container {
+  inline-size: 8.5rem;
+}
+.iot--date-time-pickerv2__wrapper .cds--date-picker--range > .cds--date-picker-container:first-child {
+  margin-inline-end: 1rem;
+}
 
 .iot--date-time-picker__helper-text--invalid {
   color: var(--cds-text-error, #da1e28);
@@ -21972,28 +21966,9 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.iot--flyout-menu--content.iot--date-time-picker--menu .flatpickr-calendar.open {
-  padding-bottom: 0;
-  position: unset !important;
-  top: unset !important;
-  left: unset !important;
-  box-shadow: none;
-  margin-left: auto;
-  margin-right: auto;
-  animation: none;
-}
 .iot--flyout-menu--content.iot--date-time-picker--menu .cds--select {
   width: 8.5rem;
 }
-.iot--flyout-menu--content.iot--date-time-picker--menu .cds--date-picker--range {
-  position: absolute;
-}
-.iot--flyout-menu--content.iot--date-time-picker--menu .cds--date-picker--single {
-  position: absolute;
-}
-.iot--flyout-menu--content.iot--date-time-picker--menu .cds--date-picker-container {
-  opacity: 0;
-}
 .iot--flyout-menu--content.iot--date-time-picker--menu .cds--number .cds--number__input-wrapper input {
   min-width: 8.5rem;
   padding-right: 0;
@@ -22012,6 +21987,9 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
 .iot--flyout-menu--content.iot--date-time-picker--menu .iot--time-picker__wrapper .iot--time-picker__controls {
   left: 6.7rem;
 }
+.iot--flyout-menu--content.iot--date-time-picker--menu .iot--time-picker__wrapper .cds--time-picker__error__icon {
+  inset-inline-end: 2rem;
+}
 .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper {
   display: flex;
   align-items: flex-start;
@@ -22019,6 +21997,9 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
 .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .cds--label {
   margin-bottom: 0;
 }
+.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper--with-gap {
+  gap: 1rem;
+}
 .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .cds--form-item + .cds--form-item {
   margin-left: 1rem;
 }
@@ -22086,19 +22067,6 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
   text-align: unset;
 }
 
-.iot--date-time-picker__datepicker {
-  min-height: 20.875rem;
-}
-.iot--date-time-picker__datepicker .iot--date-time-picker__datepicker--invalid {
-  display: flex;
-  align-items: center;
-  padding: 0 calc(1rem + 0.25rem) 1rem 2rem;
-}
-.iot--date-time-picker__datepicker .iot--date-time-picker__datepicker--invalid svg {
-  fill: var(--cds-button-danger-primary, #da1e28);
-  margin-right: 0.5rem;
-}
-
 html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .cds--form-item + .cds--form-item,
 html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .cds--form-item + .iot--time-picker__wrapper {
   margin-right: 1rem;
@@ -27349,6 +27317,8 @@ optgroup.cds--select-optgroup:disabled,
   width: 100%;
   display: grid;
   gap: 0.15rem;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
   grid-template-columns: 1fr 1fr;
 }
 .iot--time-picker-range fieldset legend {