# 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>
```