V-calendar: Clear date-picker styles on focus

[redraw]

I've tried to clear Tailwind styles and worked by changing the class prop, but they get reapplied on focus event. Is there any way simple to clear them? I guess I could read how to make a custom input otherwise

<v-date-picker
  v-model="dates"
  mode="range"
  :input-props="{
    class: 'input',
    placeholder: 'Select date range'
  }"
 />

[jessuni]

Had the same issue. From a possible duplicate issue #451 I solved this by explicitly apply a class object to the theme prop:

<v-data-picker
  :input-props="{ class: 'input' }"
  :theme="{
    datePickerInputDrag: { light: 'input' }
  }"
/>

I'm using v-calendar@next with light theme, so only light is assigned with a new value here.
Hope it helps.

[jessuni]

But this got me thinking. If we specify a class to input-props, would it be reasonable not to revert it to the original classes upon drag? @nathanreyes 🤔

[nivv]

Would be great to inherit the classes on the original input.