Version:

Install ​

shell
npm i @mate-vue/date-picker@${version.mate.vue}

Import ​

vue
<script setup>
import { MateDatePicker } from '@mate-vue/date-picker';
</script>

Variants ​

Default ​

vue
<template>
  <MateDatePicker label="Default" helperText="Helper" v-model:value="date"></MateDatePicker>
</template>

Read Only ​

vue
<template>
  <MateDatePicker label="Readonly" readonly v-model:value="date"></MateDatePicker>
</template>

Disabled ​

vue
<template>
  <MateDatePicker label="Disabled" disabled v-model:value="date"></MateDatePicker>
</template>

Invalid ​

vue
<template>
  <MateDatePicker label="Invalid" invalid errorMessage="Message" v-model:value="date"></MateDatePicker>
</template>