ember-litepicker

!npm
!npm-dl
!CI

Ember addon for Litepicker date range picker library.

!SS

* Ember.js v3.24 or above
* Ember CLI v3.24 or above
* Node.js v12 or above

Installation

``
ember install ember-litepicker
`

Usage

You can change all global configuration settings via config/environment.js file.

Please check Litepicker site for more configuration details.

`javascript
ENV['ember-litepicker'] = {
element: null,
elementEnd: null,
parentEl: null,
firstDay: 1,
format: 'YYYY-MM-DD',
lang: 'en-US',
delimiter: ' - ',
numberOfMonths: 1,
numberOfColumns: 1,
startDate: null,
endDate: null,
zIndex: 9999,

selectForward: false,
selectBackward: false,
splitView: false,
inlineMode: false,
singleMode: true,
autoApply: true,
allowRepick: false,
showWeekNumbers: false,
showTooltip: true,
scrollToDate: true,
mobileFriendly: true,
resetButton: false,
autoRefresh: false,

lockDaysFormat: 'YYYY-MM-DD',
lockDays: [],
disallowLockDaysInRange: false,
lockDaysInclusivity: '[]',

highlightedDaysFormat: 'YYYY-MM-DD',
highlightedDays: [],

dropdowns: {
minYear: 1990,
// tslint:disable-next-line: object-literal-sort-keys
maxYear: null,
months: false,
years: false,
},

buttonText: {
apply: 'Apply',
cancel: 'Cancel',
previousMonth:
'',
nextMonth:
'',
reset:


,
},
tooltipText: {
one: 'day',
other: 'days',
},

// Events
onBeforeClick,
onBeforeRender,
onBeforeShow,
onButtonApply,
onButtonCancel,
onChangeMonth,
onChangeYear,
onClearSelection,
onPreselect,
onSelected,
onRender,
onRenderDay,
onRenderFooter,
onRenderMonth,
onShow,
onHide,
onTooltip,
onErrorRange,
onDestroy,

plugins: ['keyboardnav', 'mobilefriendly', 'ranges', 'multiselect'], // As of v2.1.0 you can dynamically import modules, as of v3.0.0 property name changed to plugins
};
`

Example as a component

`handlebars

`

`handlebars





`

Example as a modifer

`handlebars

`

If you would like access to the litepicker instance in order to call some methods directly, for example to hide or show
programmatically, pass an action to registerAPI

`handlebars

`

`javascript
// save the litepicker instance to use later
@action
saveApi(litepicker) {
this.litepicker = litepicker;
}

// programmatically open the datepicker
@action
openDatePicker() {
this.litepicker.show();
}
``

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.