@odx/ui 4.6.4 → 4.6.5

package/CHANGELOG.md

@@ -1,9 +1,10 @@
 # @odx/ui
 
-## 4.6.4
+## 4.6.5
 
 ### Patch Changes
 
+- 2d8a4a5: timepicker input width fixed
 - 9431992: feat: Implemented a clearable input option for the select component, allowing users to easily reset the selected value
 
 ## 4.6.3

package/core-theme.css

@@ -3953,6 +3953,7 @@ html body .odx-fs-italic {
   align-items: center;
 }
 .odx-datepicker__trigger-wrapper {
+  gap: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
   margin: 0 0 0 auto;
 }
 .odx-datepicker.is-readonly .odx-datepicker__trigger-wrapper > .odx-button {
@@ -3977,6 +3978,7 @@ html body .odx-fs-italic {
   align-items: center;
 }
 .odx-daterangepicker__trigger-wrapper {
+  gap: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
   margin: 0 0 0 auto;
 }
 .odx-daterangepicker.is-readonly .odx-daterangepicker__trigger-wrapper > .odx-button {
@@ -6856,12 +6858,15 @@ html body .odx-fs-italic {
 .odx-timepicker {
   display: flex;
   align-items: center;
+  gap: calc(var(--odx-vertical-rythm-base-size) * 0.1667);
   justify-content: space-between;
   width: 100%;
 }
 .odx-timepicker__wrapper {
   display: inline-flex;
-  max-width: calc(var(--odx-vertical-rythm-base-size) * 4.5834);
+}
+.odx-timepicker__trigger-wrapper {
+  gap: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
 }
 .odx-timepicker input[odxTimepickerControl] {
   -webkit-appearance: textfield;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/ui",
-  "version": "4.6.4",
+  "version": "4.6.5",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {

package/scss/components/datepicker.component.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+@use '../abstract/dimensions';
 @use '../abstract/utils';
 
 .odx-datepicker {
@@ -6,6 +8,7 @@
   @include utils.vertical-center-content();
 
   &__trigger-wrapper {
+    gap: dimensions.get-size(math.div(1, 3));
     margin: 0 0 0 auto;
 
     > .odx-button {

package/scss/components/daterangepicker.component.scss

@@ -1,3 +1,4 @@
+@use 'sass:math';
 @use '../abstract/utils';
 @use '../abstract/dimensions';
 
@@ -7,6 +8,7 @@
   @include utils.vertical-center-content();
 
   &__trigger-wrapper {
+    gap: dimensions.get-size(math.div(1, 3));
     margin: 0 0 0 auto;
 
     > .odx-button {

package/scss/components/timepicker.component.scss

@@ -10,12 +10,16 @@
 
   @include utils.vertical-center-content();
 
+  gap: dimensions.get-size(math.div(4, 24));
   justify-content: space-between;
   width: 100%;
 
   &__wrapper {
     display: inline-flex;
-    max-width: dimensions.get-size(math.div(110, 24));
+  }
+
+  &__trigger-wrapper {
+    gap: dimensions.get-size(math.div(1, 3));
   }
 
   input[odxTimepickerControl] {