fix(core/date-picker): done button hidden (#624)

siemens · Jul 17, 2023 · b7e95f5 · b7e95f5
1 parent e989be5
commit b7e95f5
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/packages/core/src/components/date-picker/date-picker.tsx b/packages/core/src/components/date-picker/date-picker.tsx
@@ -578,7 +578,9 @@ export class DatePicker {
             })}
           </div>
 
-          <div class={{ button: true, hidden: !this.individual }}>
+          <div
+            class={{ button: true, hidden: !this.individual || !this.range }}
+          >
             <ix-button onClick={() => this.onDone()}>
               {this.textSelectDate}
             </ix-button>

diff --git a/...er.e2e.ts-snapshots/date-picker-basic-1-chromium---theme-classic-dark-linux.png b/...er.e2e.ts-snapshots/date-picker-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/...r.e2e.ts-snapshots/date-picker-basic-1-chromium---theme-classic-light-linux.png b/...r.e2e.ts-snapshots/date-picker-basic-1-chromium---theme-classic-light-linux.png
diff --git a/packages/html-test-app/src/preview-examples/datepicker-range.html b/packages/html-test-app/src/preview-examples/datepicker-range.html
@@ -9,10 +9,10 @@
   <head>
     <title>Date picker example</title>
   </head>
+
   <body class="theme-classic-dark">
     <!-- Preview code -->
     <ix-date-picker from="2022/12/15" to="2022/12/24"></ix-date-picker>
-    </script>
     <!-- Preview code -->
     <script type="module" src="./init.js"></script>
   </body>

diff --git a/packages/html-test-app/src/preview-examples/datepicker.html b/packages/html-test-app/src/preview-examples/datepicker.html
@@ -9,10 +9,10 @@
   <head>
     <title>Date picker example</title>
   </head>
+
   <body class="theme-brand-dark">
     <!-- Preview code -->
     <ix-date-picker></ix-date-picker>
-    </script>
     <!-- Preview code -->
     <script type="module" src="./init.js"></script>
   </body>