VuetifyTempusDominus

Introduction

VuetifyTempusDominus is a Vue 3 component that integrates Tempus Dominus DateTime Picker with Vuetify 3. Benefit from the rich set of features for time and date selection, all conforming to Vuetify's style guidelines.

Installation

``ts
npm install vuetify-tempus-dominus
`

Usage Guide

Importing the Component

`ts
import VuetifyTempusDominus from 'vuetify-tempus-dominus'
`

$3

`html

`

$3

- options (Object): Tempus Dominus options. Refer to the Tempus Dominus documentation.

$3

The component supports all Vuetify v-text-field attributes and slots.

$3

- picker:init: Emitted when the picker is initialized. The Tempus Dominus object is passed back to the parent.
- picker:change: Emitted when the date or time changes.
- The component captures all Tempus Dominus events and emits them for further handling. You can listen to these events in the parent component and they'll be prefixed with picker:. For example, Tempus Dominus's hide event can be listened to as picker:hide in the parent component

Examples

$3

`html

`

$3

`html

`

$3

`html

`

$3

Here's how you can access the Tempus Dominus object for further manipulation:

`html



`

#### Example of Capturing Events

Here's how you can capture and handle the Tempus Dominus hide event:

``html