https://github.com/bem/bem-calendar
calendar based on bem-components
https://github.com/bem/bem-calendar
Last synced: about 1 year ago
JSON representation
calendar based on bem-components
- Host: GitHub
- URL: https://github.com/bem/bem-calendar
- Owner: bem
- Created: 2017-02-16T15:36:24.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-10-15T10:47:12.000Z (over 7 years ago)
- Last Synced: 2025-03-20T19:18:07.082Z (over 1 year ago)
- Language: JavaScript
- Size: 132 KB
- Stars: 17
- Watchers: 11
- Forks: 7
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Calendar for bem-components
On iOS and Android system calendar is used.
## Usage example
Together with `input`:
```js
{
block: 'input',
mods: {
'has-calendar': true,
size: 'm',
theme: 'islands'
},
weekdays: ['mo', 'tu', 'we', 'th', 'fr', 'sa', 'su'],
months: ['January', 'February', 'March',
'April', 'May', 'June', 'July',
'August', 'September', 'October',
'November', 'December'],
val: '16.02.2017'
}
```
As a separate block:
```js
{
block: 'calendar',
js: {
weekdays: ['mo', 'tu', 'we', 'th', 'fr', 'sa', 'su'],
months: ['January', 'February', 'March',
'April', 'May', 'June', 'July',
'August', 'September', 'October',
'November', 'December'],
},
mods: {
theme: 'islands'
}
}
```
You can set limits for dates using `earlierLimit` and `laterLimit` parameters.
```js
{
block: 'input',
mods: {
'has-calendar': true,
size: 'm',
theme: 'islands'
},
weekdays: ['mo', 'tu', 'we', 'th', 'fr', 'sa', 'su'],
months: ['January', 'February', 'March',
'April', 'May', 'June', 'July',
'August', 'September', 'October',
'November', 'December'],
earlierLimit: '13.02.2017',
laterLimit: '18.02.2017',
val: '17.02.2017'
}
```
North-American date and calendar format can be enabled by using `format:'north-american'` modifier.
Date format: `mm/dd/yyyy`
```js
{
block: 'input',
mods: {
'has-calendar': true,
size: 'm',
theme: 'islands',
'calendar-format': 'north-american'
},
weekdays: ['su','mo', 'tu', 'we', 'th', 'fr', 'sa'],
months: ['January', 'February', 'March',
'April', 'May', 'June', 'July',
'August', 'September', 'October',
'November', 'December'],
earlierLimit: '02.13.2017',
laterLimit: '02.18.2017',
val: '02.17.2017'
}
```
