Vue3-daterange-picker - Date range picker component for vue made without jQuery dependency

Overview

vue3-daterange-picker

A modified date range picker to run on Vue 3.

The component is in its early stages so if there is something wrong - write an issue or create a pull request.

Demo and Usage

You can see a demo of the original package here: https://innologica.github.io/vue2-daterange-picker/

Installation

# install via npm
npm i vue3-daterange-picker --save

TODO

  • documentation
  • tests
  • disabled dates
  • export single components

Run local demo

npm run docs:dev
You might also like...
A Vue project - single date picker

A Vue project - single date picker

Lightweight and mobile friendly date time picker based on Vue.

Vue date pick Lightweight and mobile friendly date time picker based on Vue. Vue date pick emphasizes performance, elegant and usable UI on all screen

Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and disabling dates.
Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and disabling dates.

Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.

Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.

Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.

awesome, zero dependency, performant Vue datepicker component
awesome, zero dependency, performant Vue datepicker component

awesome, zero dependency, performant Vue datepicker component

VueJS component to select dates & time, including a range mode
VueJS component to select dates & time, including a range mode

VueCtkDateTimePicker A vue component for select dates (range mode available) & time This documentation is for v2.*. Find v1 documentation here Dark mo

A vue2 range datepicker
A vue2 range datepicker

A simple range datepicker based on Vue2

Datepicker component for vue.js built with Tailwind CSS, and the day.js date library.
Datepicker component for vue.js built with Tailwind CSS, and the day.js date library.

Datepicker component for vue.js build with Tailwind CSS & dayjs date library

A component for picking date & time

A Vue Component to pick a ranged datetime in calendar. Built alongside Vue 2.x . This datepicker utilize moment for translations.

Comments
  • Calendar not showing properly

    Calendar not showing properly

    i can use vue3-daterange-picker, and it works, but, calendar don´t appear over the content, and appear without any style, i´m missing something??

    i´m pretty sure it´s my fault not component but i don´t know where to ask

    opened by tartesso26 2
  • v-model not working properly - cannot read properties of null (reading 'startDate')

    v-model not working properly - cannot read properties of null (reading 'startDate')

    This vue3 fork is missing the model configuration from the original vue2-daterange-picker package which breaks the v-model usage with the following error: Cannot read properties of null (reading 'startDate')

    This is the vue2-daterange-picker model config: model: { prop: 'dateRange', event: 'update' }

    This needs to be added here as well (probably with the new vue3 event name).

    In the meantime the only workaround is to use both the v-model and dateRange props together.

    opened by plamen89 0
Owner
ADEGBOYE JOSHUA
Hello world
ADEGBOYE JOSHUA
Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.

Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js. Documentation For full documentation, visit lite

Ken 346 Jan 3, 2023
a date-range-picker follows the Material Design spec powered by vue.js (alpha)

Document | 中文文档 If the document is not accessible, please open an issue, I will fix it right away. v-md-date-range-picker Material Design DateRangePic

小小鲁班 68 Nov 12, 2022
A date-range-picker follows the Material Design spec powered by vue.js

A date-range-picker follows the Material Design spec powered by vue.js

小小鲁班 68 Nov 12, 2022
Range date picker with simple usage

VueRangedatePicker Date picker with range selection Demo https://bliblidotcom.github.io/vue-rangedate-picker/demo/ Installation npm install --save vue

Blibli.com 216 Jul 8, 2022
A vue component using Bootstrap 4 styles for date range selection

vue-date-range-picker A vue component using Bootstrap 4 styles for date range selection Live demo (jsfiddle) Features Date range selection Compare fea

Antoine Matyja 28 Nov 23, 2022
A simple Vue.js date and time picker made with material design in mind

vue-material-date-time-picker A date and time picker Vue component. Compatible with Vue 2.x. Performed in material design. Demo Install Usage Props NB

Technorely Inc 8 Feb 2, 2022
A vue date picker component inspired by material design

Vue Date Picker A vue date picker component inspired by material design Contents Installing Examples Formatting Selected Date API Installing $ npm ins

Trevor Stacy 56 Nov 16, 2022
An easy-to-use and customizable date picker component powered by Vue js

vue-datepicker An easy-to-use and customizable date picker component powered by Vue js Demo:s https://codesandbox.io/s/eager-rubin-5zcm9 Install npm i

Krijan Niroula 2 Dec 4, 2021
Custom column type for RevoGrid component based on duetds-date-picker library

Custom column type for RevoGrid component based on duetds-date-picker library

Revolist 3 Apr 19, 2022
Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and more.

vue-datetime Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and more. Demo Go to demo. Installation Bundler (We

Mario Juárez 982 Dec 16, 2022