Compare commits

...

2 Commits

Author SHA1 Message Date
HerrHase 9fdb4b1b1e adding
1 year ago
HerrHase 488c8a5087 adding
1 year ago

@ -1,6 +1,10 @@
# datepicker
# Tiny Components - datepicker
Datepicker
Datepicker for show Month and select a Single day.
Created with [Riot.js](https://riot.js.org)
Using Styles for UI from [Plain-UI](https://plain-ui.com), Date will be handle by [Day.js](https://day.js.org/en/) and Events with [Observable](https://github.com/riot/observable)
Source: [https://gitea.node001.net/tiny-components/datepicker](https://gitea.node001.net/tiny-components/datepicker)
Mirror: [https://github.com/node001-net/tiny-components-datepicker](https://github.com/node001-net/tiny-components-datepicker)
@ -28,9 +32,46 @@ yarn add @tiny-components/datepicker
<tiny-datepicker></tiny-datepicker>
```
For starting weeks on Sunday,
```
<tiny-datepicker iso-week="0"></tiny-datepicker>
```
For setting date on start,
```
<tiny-datepicker date="2015-12-10"></tiny-datepicker>
```
## Events
If Date will "change",
```
import store from './store.js'
store.on('change', (data) => {
console.log(data.date.format('YYYY-MM-DD'))
})
```
Send Datepicker a new Date,
```
import store from './store.js'
store.trigger('update', {
date: '2012-10-20'
})
```
## i18n
[List of locales](https://github.com/iamkun/dayjs/tree/dev/src/locale)
Names of Days and Months will be used from Day.js, [here is a list of supported languages](https://github.com/iamkun/dayjs/tree/dev/src/locale).
Change language is only possible if you add change locale globally.
```
import de from 'dayjs/locale/de'

@ -1,10 +1,10 @@
{
"name": "@tiny-components/datepicker",
"version": "0.1.0",
"description": "Small fast slider for Desktop and Mobile",
"description": "Datepicker for Desktop and Mobile",
"repository": {
"type": "git",
"url": "git@gitea.node001.net:tiny-components/slider.git"
"url": "git@gitea.node001.net:tiny-components/datepicker.git"
},
"author": "Björn Hase",
"license": "MIT",

Loading…
Cancel
Save