Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/betocantu93/ember-paper-flatpickr
Enhance ember-paper paper-input with ember-flatpickr, this addon depends on ember-paper and ember-flatpickr
https://github.com/betocantu93/ember-paper-flatpickr
Last synced: 2 months ago
JSON representation
Enhance ember-paper paper-input with ember-flatpickr, this addon depends on ember-paper and ember-flatpickr
- Host: GitHub
- URL: https://github.com/betocantu93/ember-paper-flatpickr
- Owner: betocantu93
- License: mit
- Created: 2018-12-02T22:38:29.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-11-02T16:42:22.000Z (about 4 years ago)
- Last Synced: 2024-09-12T03:06:24.712Z (3 months ago)
- Language: JavaScript
- Size: 110 KB
- Stars: 3
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# ember-paper-flatpickr
Enhance ember-paper paper-input with ember-flatpickr, this addon depends on ember-paper and ember-flatpickr.
To get stuff like form validations, `ember-paper` styles, etc...
You can check the `paper-input` options in `ember-paper` docs and `flatpickr` options in `ember-flatpickr` or flatpickr.js.org
There are some caveats, currently the events like onFocus or onBlur used for normal `ember-paper` `paper-input`
does not work if we use the `flatpickr` option `altInput=true` because `flatpickr` creates a new input and hides the
`ember-paper` `paper-input`.
Apart from that, you can pass all options to `flatpickr` and `paper-input`.
Currently this addon is using a fork of `ember-flatpickr`.
## Installation
Compatibility
------------------------------------------------------------------------------
* Ember.js v2.18 or above
* Ember CLI v2.13 or above
* Node.js v8 or above
Installation
------------------------------------------------------------------------------
```
ember install ember-paper-flatpickr
```
## Usage
If you want to `allowClear` you need to wrap like this the `paper-flatpickr-input` and pass down the `allowClear` to the wrapper which yields the input
Any `template.hbs`, you should pass all the `paper-input` options and `flatpickr` options to the `paper-flatpickr-input` or via the yielded `Flatpickr.input`
```
```
If you don't care about `allowClear` you can just use the `paper-flatpickr-input` directly
```
```
## Contributing
### Installation
- `git clone `
- `cd ember-paper-flatpickr`
- `npm install`
### Linting
- `npm run lint:hbs`
- `npm run lint:js`
- `npm run lint:js -- --fix`
### Running tests
- `ember test` – Runs the test suite on the current Ember version
- `ember test --server` – Runs the test suite in "watch mode"
- `ember try:each` – Runs the test suite against multiple Ember versions
### Running the dummy application
- `ember serve`
- Visit the dummy application at [http://localhost:4200](http://localhost:4200).
See the [Contributing](CONTRIBUTING.md) guide for details.
## License
This project is licensed under the [MIT License](LICENSE.md).