All Projects → ly525 → Material Vue Daterange Picker

ly525 / Material Vue Daterange Picker

Licence: mit
a date-range-picker follows the Material Design spec powered by vue.js (alpha)

Projects that are alternatives of or similar to Material Vue Daterange Picker

React Native Paper Dates
Smooth and fast cross platform Material Design date and time picker for React Native Paper
Stars: ✭ 173 (+170.31%)
Mutual labels:  material-design, material, datepicker
Primedatepicker
PrimeDatePicker is a tool that provides picking a single day, multiple days, and a range of days.
Stars: ✭ 292 (+356.25%)
Mutual labels:  material-design, material, datepicker
Md2
Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
Stars: ✭ 389 (+507.81%)
Mutual labels:  material-design, material, datepicker
Materialsearchview
Android Search View based on Material design guidelines.
Stars: ✭ 987 (+1442.19%)
Mutual labels:  material-design, material
React Saas Template
🌊 Template for building an SaaS / admin website using React + Material-UI
Stars: ✭ 942 (+1371.88%)
Mutual labels:  material-design, material
Jtmaterialtransition
An iOS transition for controllers based on material design.
Stars: ✭ 966 (+1409.38%)
Mutual labels:  material-design, material
Material Components
Documentation and policies for Material Components (all platforms)
Stars: ✭ 872 (+1262.5%)
Mutual labels:  material-design, material
React Dates
React date(range) inputs/pickers
Stars: ✭ 43 (-32.81%)
Mutual labels:  datepicker, daterangepicker
Alfred Mdi
Alfred 3 workflow to find Material Design Icons
Stars: ✭ 38 (-40.62%)
Mutual labels:  material-design, material
Material Motion
Starmap and team docs
Stars: ✭ 44 (-31.25%)
Mutual labels:  material-design, material
Materialette
Materialette - A material design color palette
Stars: ✭ 1,056 (+1550%)
Mutual labels:  material-design, material
Material Design Lite
Material Design Components in HTML/CSS/JS
Stars: ✭ 31,931 (+49792.19%)
Mutual labels:  material-design, material
Vuetify
🐉 Material Component Framework for Vue
Stars: ✭ 33,085 (+51595.31%)
Mutual labels:  material-design, material
Bluetooth State View
Material design animated Bluetooth state view for Android
Stars: ✭ 36 (-43.75%)
Mutual labels:  material-design, material
Smelte
UI framework with material components built with Svelte and Tailwind CSS
Stars: ✭ 871 (+1260.94%)
Mutual labels:  material-design, material
Quasar Awesome
🎉 A list of awesome things related to Quasar
Stars: ✭ 995 (+1454.69%)
Mutual labels:  material-design, material
Vue Mj Daterangepicker
🗓Vue.js date range picker with multiples ranges and presets (vue 2.x)
Stars: ✭ 48 (-25%)
Mutual labels:  datepicker, daterangepicker
Paper Ripple
Material Design Ripple effect in pure JS & CSS.
Stars: ✭ 55 (-14.06%)
Mutual labels:  material-design, material
Battery Meter View
🔋 Material design battery meter (i.e. level, state) view for Android
Stars: ✭ 57 (-10.94%)
Mutual labels:  material-design, material
React Native Material Textfield
Material textfield
Stars: ✭ 852 (+1231.25%)
Mutual labels:  material-design, material

Document | 中文文档

If the document is not accessible, please open an issue, I will fix it right away.

v-md-date-range-picker

Material Design DateRangePicker for Vuejs 2.0


NPM Package Version Build Status NPM Download Count

Pictures for Examples

WX20190522-193329@2x WX20190522-193351@2x

Getting Started

Installation

npm install v-md-date-range-picker --save

# or use yarn
yarn add v-md-date-range-picker

Quick Start

you can use vue-cli to create project

1. npm install -g @vue/cli # or yarn global add @vue/cli
2. vue create hello-world
 <!-- App.js -->
<template>
  <v-md-date-range-picker></v-md-date-range-picker>
</template>
// main.js
<script>
import Vue from 'vue';
import VMdDateRangePicker from "v-md-date-range-picker";

Vue.use(VMdDateRangePicker);
</script>

Build

Powed by following:

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].