Skip to content
This repository was archived by the owner on Mar 14, 2024. It is now read-only.

Commit f6fe2bd

Browse files
committed
Initial package changes, readme improvements, default lang now english, removed dead unit test.
1 parent 73a9896 commit f6fe2bd

File tree

4 files changed

+31
-40
lines changed

4 files changed

+31
-40
lines changed

README.md

Lines changed: 22 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
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
@@ -11,7 +13,7 @@
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
2224
import Vue from 'vue'
23-
import VueRangedatePicker from 'vue-rangedate-picker'
25+
import VueRangedatePicker from 'vue-rangedate-picker-winslow'
2426

2527
Vue.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

package.json

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
{
2-
"name": "vue-rangedate-picker",
3-
"version": "0.3.4",
2+
"name": "vue-rangedate-picker-winslow",
3+
"version": "1.0.0",
44
"description": "Date picker with range selection",
5-
"author": "hidayat.febiansyah <[email protected]>",
5+
"author": "gw.winslow <[email protected]>",
66
"main": "dist/vue-rangedate-picker.js",
77
"module": "dist/vue-rangedate-picker.js",
88
"browser": "dist/vue-rangedate-picker.js",
@@ -76,18 +76,19 @@
7676
],
7777
"repository": {
7878
"type": "git",
79-
"url": "git+https://github.com/bliblidotcom/vue-rangedate-picker.git"
79+
"url": "git+https://github.com/gwindes/vue-rangedate-picker.git"
8080
},
8181
"bugs": {
82-
"url": "https://github.com/bliblidotcom/vue-rangedate-picker/issues"
82+
"url": "https://github.com/gwindes/vue-rangedate-picker/issues"
8383
},
84-
"homepage": "https://github.com/bliblidotcom/vue-rangedate-picker#readme",
84+
"homepage": "https://github.com/gwindes/vue-rangedate-picker#readme",
8585
"license": "MIT",
8686
"keywords": [
8787
"plugin",
8888
"vue",
8989
"rangedate",
9090
"date picker",
91+
"range date picker",
9192
"date",
9293
"range"
9394
],

src/js/rangedate-picker.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import fecha from 'fecha'
22

33
const defaultConfig = {}
4-
const defaultI18n = 'ID'
4+
const defaultI18n = 'EN'
55
const availableMonths = {
66
EN: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November',
77
'December'],
@@ -190,6 +190,7 @@ export default {
190190
created () {
191191
if (this.initRange) {
192192
this.dateRange = this.initRange
193+
}
193194
if (this.isCompact) {
194195
this.isOpen = true
195196
}

test/unit/plugin.test.js

Lines changed: 0 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +0,0 @@
1-
import Vue from 'vue'
2-
import RangedatePicker from '@/RangedatePicker.vue'
3-
4-
describe('RangedatePicker', () => {
5-
let vm
6-
7-
beforeEach(() => {
8-
vm = new (Vue.extend(RangedatePicker))({
9-
propsData: {
10-
image: '/abc.jpg'
11-
}
12-
})
13-
vm.$mount()
14-
})
15-
16-
describe('image', () => {
17-
it('should be /abc.jpg', () => {
18-
assert(vm.image === '/abc.jpg', 'You should be implemented!!')
19-
})
20-
})
21-
})
22-

0 commit comments

Comments
 (0)