Suggestion: 'no-data' property for VSelect to make it work without dependency on items

[3dyuval]

Hello.
In my company we use the select field for most of our inputs.
Using this pattern we were able to create a consistent design within a big and modular rule builder with lots and lots of inputs:

 <v-select
        :items="[{}]"
        placeholder="Enter date"
        :model-value="formattedDate"
        :menu-props="{class: 'date-picker-menu'}"
        prepend-inner-icon="mdi-calendar"
      >
        <template #item>
          <v-date-picker v-model="date" />
        </template>
      </v-select>

Here's a demo to show how its all fitting together nicely.

What I'm basically thinking is this, if you add an 'no-data' property to VSelect to force it to work without any items.
Now it has the ability to show anything you like insidetemplate #no-data
Maybe this example or this thinking process will help anyone who was thinking of creating custom drop downs like this.
If you find it useful, please share your thoughts.

<v-select 
no-data
:model-value="displayValue"
>
<template #no-data>
...anything you like
</template>
</v-select>

[KaelWD]

Did you try it?