11# VueRangedatePicker
22
3- [ ![ npm] ( https://img.shields.io/npm/v/vue-rangedate-picker.svg )] ( https://www.npmjs.com/package/vue-rangedate-picker ) [ ![ vue2] ( https://img.shields.io/badge/vue-2.x-brightgreen.svg )] ( https://vuejs.org/ ) [ ![ travis] ( https://img.shields.io/travis/bliblidotcom/vue-rangedate-picker.svg )] ( https://travis-ci.org/bliblidotcom/vue-rangedate-picker ) [ ![ codecov] ( https://codecov.io/gh/bliblidotcom/vue-rangedate-picker/branch/master/graph/badge.svg )] ( https://codecov.io/gh/bliblidotcom/vue-rangedate-picker ) [ ![ Codacy Badge] ( https://api.codacy.com/project/badge/Grade/5afaab93c27145f0bec1686beb9b8904 )] ( https://www.codacy.com/app/bliblidotcom/vue-rangedate-picker?utm_source=github.com& ; utm_medium=referral& ; utm_content=bliblidotcom/vue-rangedate-picker& ; utm_campaign=Badge_Grade )
3+ [ ![ npm] ( https://img.shields.io/npm/v/vue-rangedate-picker-winslow.svg )] ( https://www.npmjs.com/package/vue-rangedate-picker-winslow )
4+ [ ![ vue2] ( https://img.shields.io/badge/vue-2.x-brightgreen.svg )] ( https://vuejs.org/ )
5+
46
57> Date picker with range selection
68
1113## Installation
1214
1315``` bash
14- npm install --save vue-rangedate-picker
16+ npm install --save vue-rangedate-picker-winslow
1517```
1618
1719## Usage
@@ -20,7 +22,7 @@ npm install --save vue-rangedate-picker
2022
2123``` js
2224import Vue from ' vue'
23- import VueRangedatePicker from ' vue-rangedate-picker'
25+ import VueRangedatePicker from ' vue-rangedate-picker-winslow '
2426
2527Vue .use (VueRangedatePicker)
2628```
@@ -30,15 +32,15 @@ Vue.use(VueRangedatePicker)
3032``` html
3133<!-- Include after Vue -->
3234<!-- Local files -->
33- <script src =" vue-rangedate-picker/dist/vue-rangedate-picker.min.js" ></script >
35+ <script src =" vue-rangedate-picker/dist/vue-rangedate-picker-winslow .min.js" ></script >
3436
3537<!-- From CDN -->
3638<script src =" https://unpkg.com/vue-rangedate-picker" ></script >
3739```
3840
3941### Available Events
4042
41- You can catch these below Events to ` <rangedate-picker @events="events"></rangedate-picker> ` template :
43+ You can catch these below Events to ` <vue- rangedate-picker @events="events"></vue- rangedate-picker> ` template :
4244
4345+ ** selected**
4446
@@ -52,7 +54,7 @@ You can catch these below Events to `<rangedate-picker @events="events"></ranged
5254
5355### Available Props
5456
55- You can pass these below props to ` <rangedate-picker :props="props"></rangedate-picker> ` template :
57+ You can pass these below props to ` <vue- rangedate-picker :props="props"></vue- rangedate-picker> ` template :
5658
5759+ ** configs**
5860
@@ -68,7 +70,7 @@ You can pass these below props to `<rangedate-picker :props="props"></rangedate-
6870
6971 * Type* : String
7072
71- * Default Value* : ` 'ID ' `
73+ * Default Value* : ` 'EN ' `
7274
7375+ ** months**
7476
@@ -78,8 +80,8 @@ You can pass these below props to `<rangedate-picker :props="props"></rangedate-
7880
7981 * Default Value* :
8082 ``` javascript
81- [ ' Januari ' , ' Februari ' , ' Maret ' , ' April' , ' Mei ' , ' Juni ' , ' Juli ' ,
82- ' Agustus' , ' September' , ' Oktober' , ' November' , ' Desember' ]
83+ EN : [ ' January ' , ' February ' , ' March ' , ' April' , ' May ' , ' June ' , ' July ' , ' August ' , ' September ' , ' October ' , ' November ' , ' December ' ] ,
84+ ID : [ ' Januari ' , ' Februari ' , ' Maret ' , ' April ' , ' Mei ' , ' Juni ' , ' Juli ' , ' Agustus' , ' September' , ' Oktober' , ' November' , ' Desember' ]
8385 ```
8486
8587+ ** shortDays**
@@ -90,7 +92,8 @@ You can pass these below props to `<rangedate-picker :props="props"></rangedate-
9092
9193 * Default Value* :
9294 ``` javascript
93- [' Min' , ' Sen' , ' Sel' , ' Rab' , ' Kam' , ' Jum' , ' Sab' ]
95+ EN : [' Sun' , ' Mon' , ' Tue' , ' Wed' , ' Thu' , ' Fri' , ' Sat' ],
96+ ID : [' Min' , ' Sen' , ' Sel' , ' Rab' , ' Kam' , ' Jum' , ' Sab' ]
9497 ```
9598
9699+ ** captions**
@@ -136,12 +139,20 @@ You can pass these below props to `<rangedate-picker :props="props"></rangedate-
136139
137140+ ** initRange**
138141
139- * Description* : -
142+ * Description* : Initial date range (start date & end date) for date range picker.
140143
141144 * Type* : Object
142145
143146 * Default Value* : ` null `
144147
148+ Example Object :
149+ ``` javascript
150+ {
151+ start: new Date (this .initRange .start ),
152+ end: new Date (this .initRange .end )
153+ }
154+ ```
155+
145156+ ** startActiveMonth**
146157
147158 * Description* : Month will be shown in first launch
0 commit comments