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'