Merge pull request #1429 from kintone-labs/SSR-3291_Implement-DateTim…

…ePicker-Custom-CSS-Property SSR-3291: Update for bug fix
kintone-labs · Sep 19, 2023 · c5f8b03 · c5f8b03
2 parents 52dd843 + e67b5ba
commit c5f8b03
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/datetime-picker/style.ts b/src/datetime-picker/style.ts
@@ -26,6 +26,8 @@ kuc-datetime-picker {
   display: inline-table;
   vertical-align: top;
   line-height: 1.5;
+  max-width: calc(var(--kuc-date-time-picker-date-input-width, 100px) + var(--kuc-date-time-picker-time-input-width, 85px));
+  width: calc(var(--kuc-date-time-picker-date-input-width, 100px) + var(--kuc-date-time-picker-time-input-width, 85px));
 }
 kuc-datetime-picker[hidden] {
   display: none;
@@ -34,8 +36,8 @@ kuc-datetime-picker[hidden] {
   border: none;
   padding: 0px;
   height: auto;
-  display: inline-block;
-  max-width: calc(var(--kuc-date-time-picker-date-input-width, 100px) + var(--kuc-date-time-picker-time-input-width, 85px));
+  display: flex;
+  flex-direction: column;
   margin: 0px;
 }
 .kuc-datetime-picker__group__label {