Skip to content

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

License

Notifications You must be signed in to change notification settings

dommer1/litepie-datepicker

 
 

Repository files navigation

Litepie Datepicker

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.

Simple Usage

How it works,

<template>
  <div>
    <litepie-datepicker
      ref="myRef"
      :formatter="formatter"
      v-model="dateValue"
    />
  </div>
</template>

<script>
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
    };
  }
};
</script>

Theming options

  • Light mode

    Light mode

  • Dark mode

    Dark mode

Changelog

All notable changes to this project will be documented in this file, Read.

License

The MIT License. Please see for more information.

Thanks to

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 83.7%
  • JavaScript 16.3%