Calendar for bem-components
On iOS and Android system calendar is used.
Usage example
Together with input:
{
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:
{
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.
{
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
{
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'
}