vue-datewheel

Simple iOS like date picker for Vue.

Features:

• Based on Browser native Intl implementation
• Zero dependency
• Multi-calendar
• Localization
• Mouse wheel and touch gestures

Demo

Install

Vue 2

npm install --save [email protected]

Vue 3

npm install --save vue-datewheel

Usage:

<template>
  <v-app>
    <v-container>
      <vue-datewheel v-model="selectedDate"/>
      <div v-text="selectedDate" />
    </v-container>
  </v-app>
</template>

<script>
import vueDatewheel from 'vue-datewheel'
import 'vue-datewheel/dist/vue-datewheel.css'

export default {
  components: {
    vueDatewheel,
  },
  data () {
    return {
      selectedDate: null
    }
  }
}
</script>