Calendar outside days hide

[SveinnB]

Package

v4.x

Description

Is it possible to hide outside days in the calendar?
With a range picker, it’s confusing to see the same date on both calendars.

<UCalendar
  v-model="calendarRange"
  class="p-2"
  :number-of-months="2"
  range
  :disable-days-outside-current-view="true"
/>

[SveinnB]

I got it.

<UCalendar
  v-model="calendarRange"
  class="p-2"
  :number-of-months="2"
  range
  :disable-days-outside-current-view="true"
  :ui="{
    cellTrigger: '[&[data-outside-view]]:hidden',
  }"
/>

[alexcroox]

Thank you so much for this solution, would you consider re-opening this issue as I do think this would be better as a prop as I was hunting for the same config

PS it can also be written simpler:

cellTrigger: 'data-outside-view:hidden'