Ember addon for Litepicker date range picker library.
npm install ember-litepickerEmber 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
```
ember install ember-litepicker
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`
Date Time: {{@dateTime}}
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();
}
``
See the Contributing guide for details.
This project is licensed under the MIT License.