Skip to content

Conversation

@SonTT19
Copy link
Contributor

@SonTT19 SonTT19 commented Dec 5, 2025

Description

fixes #22332

Markup:

<template>
  <v-app>
    <v-container>
      <v-date-input v-model="msg" label="default" />
      <v-date-input
        v-model="msg"
        label="with prepend icon"
        prepend-icon="mdi-calendar"
      />
      <v-date-input
        v-model="msg"
        label="with prepend icon and prepend slot"
        prepend-icon="mdi-calendar"
      >
        <template #prepend>
          <v-icon icon="mdi-calendar" />
        </template>
      </v-date-input>
      <v-date-input
        v-model="msg"
        label="with empty prepend icon and prepend slot"
        prepend-icon=""
      >
        <template #prepend>
          <v-icon icon="mdi-calendar" />
        </template>
      </v-date-input>
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const msg = ref('Hello World!')
</script>

@J-Sek
Copy link
Contributor

J-Sek commented Dec 5, 2025

Looks fine. This would be in line with v2.

Should probably cover prepend-inner and append-inner in VField.tsx

@J-Sek J-Sek requested a review from a team December 5, 2025 15:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug Report][3.10.11] Date Input prepend inconsistencies

2 participants