fix: hide hint in time mode mt-datepicker (#985)

* fix: hide hint in time mode

* chore: add changeset

* fix: update failing test

* update snapshots

Author: alastair-simon

.changeset/lucky-forks-build.md

@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+fix: hide time hint in `mt-datepicker`

packages/component-library/__snapshots__/interaction-tests-form-mt-datepicker--visual-test-clear-button-snap.png

@@ -63,7 +63,7 @@ describe("mt-datepicker", () => {
     expect(screen.queryByTestId("time-zone-hint")).not.toBeInTheDocument();
   });
 
-  it("shows the timezone when displaying only the time", async () => {
+  it("does not show the timezone when displaying only the time", async () => {
     // ARRANGE
     await render(MtDatepicker, {
       props: {
@@ -73,7 +73,7 @@ describe("mt-datepicker", () => {
     });
 
     // ASSERT
-    expect(screen.getByTestId("time-zone-hint")).toBeVisible();
+    expect(screen.queryByTestId("time-zone-hint")).not.toBeInTheDocument();
   });
 
   it("shows the timezone when displaying a datetime", async () => {

packages/component-library/__snapshots__/interaction-tests-form-mt-datepicker--visual-test-time-type-snap.png

@@ -379,7 +379,7 @@ export default defineComponent({
   watch: {
     dateType: {
       handler() {
-        this.isTimeHintVisible = this.dateType !== "date";
+        this.isTimeHintVisible = this.dateType === "datetime";
         this.updateOpacitySettings();
       },
       immediate: true,
@@ -393,7 +393,7 @@ export default defineComponent({
   },
 
   mounted() {
-    this.isTimeHintVisible = this.dateType !== "date";
+    this.isTimeHintVisible = this.dateType === "datetime";
     this.updateOpacitySettings();
   },