@boichikpro/vue3-date-time-picker

Vue3DateTimePicker

Modern, lightweight, and flexible date and time picker for Vue 3. 🚀

📌 Features

• 📆 Date & Time Selection – Supports date, time, and range selection.
• 🌍 Localization – Works with vue-i18n or standalone locale props.
• 🎨 Customizable – Styled via CSS variables for easy theming.
• ⚡ Performance Optimized – Lightweight and fast.
• 🛠️ Fully Typed – Written in TypeScript with full type support.

📥 Installation

npm install @boichikpro/vue3-date-time-picker
# or
yarn add @boichikpro/vue3-date-time-picker
# or
pnpm add @boichikpro/vue3-date-time-picker

🚀 Quick Start

Global Registration

import { createApp } from 'vue';
import App from './App.vue';
import { AppDateTimePicker, AppTimePicker } from '@boichikpro/vue3-date-time-picker';
import '@boichikpro/vue3-date-time-picker/assets/style.css';
import '@boichikpro/vue3-date-time-picker/assets/variables.css';

const app = createApp(App);
app.component('AppDateTimePicker', AppDateTimePicker);
app.component('AppTimePicker', AppTimePicker);
app.mount('#app');

Local Import

<template>
    <AppDateTimePicker v-model="date" />
    <AppTimePicker v-model="time" />
</template>

<script setup>
import { ref } from 'vue';
import { AppDateTimePicker, AppTimePicker } from '@boichikpro/vue3-date-time-picker';
import '@boichikpro/vue3-date-time-picker/assets/style.css';
import '@boichikpro/vue3-date-time-picker/assets/variables.css';

const date = ref(null);
const time = ref(null);
</script>

📖 Documentation

Full documentation is available at 👉 docs

🛠️ Contributing

Feel free to submit PRs or issues! ❤️

📜 License

MIT License © boichik