Version:

Install ​

npm i @mate-vue/date-time-picker

Import ​

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

Variants ​

Default ​

vue
<template>
  <MateDateTimePicker label="Zeitpunkt" v-model:value="dateTime"></MateDateTimePicker>
</template>

Read Only ​

vue
<template>
  <MateDateTimePicker label="Nur lesen" readonly v-model:value="dateTime"></MateDateTimePicker>
</template>

Disabled ​

vue
<template>
  <MateDateTimePicker label="Inaktiv" disabled v-model:value="dateTime"></MateDateTimePicker>
</template>

Invalid ​

vue
<template>
  <MateDateTimePicker label="Ungültig" invalid errorMessage="Bitte ein gültiges Datum eingeben." v-model:value="dateTime"></MateDateTimePicker>
</template>