Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elreco/vue-tailwind-datepicker
A Vue 3 Datepicker using Tailwind CSS
https://github.com/elreco/vue-tailwind-datepicker
component datepicker tailwind vue
Last synced: about 1 month ago
JSON representation
A Vue 3 Datepicker using Tailwind CSS
- Host: GitHub
- URL: https://github.com/elreco/vue-tailwind-datepicker
- Owner: elreco
- License: mit
- Created: 2022-09-03T20:30:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-05T12:19:06.000Z (3 months ago)
- Last Synced: 2024-04-05T13:42:39.681Z (about 2 months ago)
- Topics: component, datepicker, tailwind, vue
- Language: Vue
- Homepage: https://vue-tailwind-datepicker.com
- Size: 4.4 MB
- Stars: 205
- Watchers: 4
- Forks: 32
- Open Issues: 31
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Lists
- awesome-vue - vue-tailwind-datepicker - A Vue 3 Datepicker using Tailwind CSS 3 (Components & Libraries / UI Components)
- awesome-vue-3 - vue-tailwind-datepicker - A modern datepicker made with Tailwind for Vue 3 (Packages)
README
# Vue Tailwind Datepicker
A Datepicker component for Vue 3 using Tailwind and dayjs.
[](http://commitizen.github.io/cz-cli/)
## Documentation
Go to [full documentation](https://vue-tailwind-datepicker.com)
## Installation
⚠️ Vue Tailwind Datepicker uses Tailwind CSS (with the @tailwindcss/forms plugin) & Day.js under the hood, **you must install those packages** before.
You can follow [this tutorial](https://dev.to/elreco/add-a-tailwind-datepicker-to-your-vue-3-application-57j2).
### Install via npm
```
npm install vue-tailwind-datepicker
```
### Install via yarn
```
yarn add vue-tailwind-datepicker
```
## Simple Usage
How it works,
```vue
import { ref } from "vue";
import VueTailwindDatepicker from "vue-tailwind-datepicker";
const dateValue = ref([]);
const formatter = ref({
date: "DD MMM YYYY",
month: "MMM",
});
```
## Theming options
**Light Mode**
**Dark Mode**
## Changelog
All notable changes to this project will be documented in the [Releases Page](https://github.com/elreco/vue-tailwind-datepicker/releases).
## Sponsor
- [tailwindai.dev](https://www.tailwindai.dev)
## License
The [MIT](LICENSE) License. Please [see](http://opensource.org/licenses/MIT) for more information.
## Thanks to
- [kenhyuwa](https://github.com/kenhyuwa)
- [Vue](https://v3.vuejs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [day.js](https://day.js.org/)
- and other support...