https://github.com/kenhyuwa/litepie-datepicker

Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.
https://github.com/kenhyuwa/litepie-datepicker

litepie litepie-datepicker vue-datepicker vue-daterange-picker

Last synced: 13 days ago
JSON representation

Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.

• Host: GitHub
• URL: https://github.com/kenhyuwa/litepie-datepicker
• Owner: kenhyuwa
• License: mit
• Created: 2021-03-05T19:16:44.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-29T15:31:27.000Z (almost 2 years ago)
• Last Synced: 2024-10-14T06:19:48.739Z (29 days ago)
• Topics: litepie, litepie-datepicker, vue-datepicker, vue-daterange-picker
• Language: Vue
• Homepage: https://litepie.com
• Size: 745 KB
• Stars: 373
• Watchers: 5
• Forks: 75
• Open Issues: 55
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-tailwindcss - Litepie Date picker - A date range picker component for Vue.js and Tailwind CSS. (UI Libraries, Components & Templates)

README

        


    

      

    



    Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.



---

## Documentation

For full documentation, visit [litepie.com](https://litepie.com).

## Simple Usage

How it works,

```vue

  


    

  


import { ref } from 'vue';

import LitepieDatepicker from 'litepie-datepicker';

export default {

  components: {

    LitepieDatepicker

  },

  setup() {

    const myRef = ref(null);

    const dateValue = ref([]);

    const formatter = ref({

      date: 'DD MMM YYYY',

      month: 'MMM'

    });

    return {

      myRef,

      dateValue,

      formatter

    };

  }

};

```

## Theming options

- Light mode

  


      

  


- Dark mode

  


      

  


## Changelog

All notable changes to this project will be documented in this file, [Read](CHANGELOG.md).

## License

The [MIT](LICENSE) License. Please [see](http://opensource.org/licenses/MIT) for more information.

## Thanks to

- [Vue](https://v3.vuejs.org/)

- [Tailwind CSS](https://tailwindcss.com/)

- [day.js](https://day.js.org/)

- and other support...