How can I disable selecting a particular date in a VCalendar Date Picker?

Question

How can I make it impossible to select the same date for a Date Picker range ?

And how to remove the option to select minutes?

I tried to remove the ability to select minutes using :minute-increment="60"

Answer 1

To disable minute selection, you can add a rule to fix them to 0. See the documentation.

<template>
  <VDatePicker v-model="date" mode="dateTime" :rules="rules" />
</template>

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

const date = ref(new Date(2000, 0, 15));
const rules = {
  minutes: 0,
  seconds: 0,
  milliseconds: 0,
};
</script>