# Install

```shell
npm i @mate-vue/time-picker
```

# Import

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

# Variants

## Default

```vue
<template>
  <MateTimePicker label="Uhrzeit" v-model:value="time" helperText="Format: HH:MM"></MateTimePicker>
</template>
```

## Read Only

```vue
<template>
  <MateTimePicker label="Nur lesen" value="11:00" readonly></MateTimePicker>
</template>
```

## Disabled

```vue
<template>
  <MateTimePicker label="Inaktiv" value="11:00" disabled></MateTimePicker>
</template>
```

## Invalid

```vue
<template>
  <MateTimePicker label="Ungültig" value="11:00" invalid errorMessage="Bitte eine gültige Uhrzeit eingeben."></MateTimePicker>
</template>
```