ember-date-components

Build Status Ember Observer Score

An Ember add-on which provides pure Ember-based date picker components.

Compatibility

  • Ember.js v3.13 or above
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Installation

  • ember install ember-moment - This is a dependency that you will need to install manually
  • ember install ember-date-components

Basic Usage

{{date-picker action=(action 'updateDate')}}
{{date-picker range=true action=(action 'updateDateRange')}}
{{time-picker action=(action 'updateTime')}}
{{date-time-picker action=(action 'updateDate')}}

The date picker can also display custom options, e.g. 'Last 7 days'.

It also provides test helpers to easily interact with the date picker in integration & acceptance tests:

import { selectDate, selectDateRange, getSelectedDate, selectDateTime } from 'ember-date-components/test-support/helpers/date-picker';
import { selectTime, getSelectedTime } from 'ember-date-components/test-support/helpers/time-picker';

await selectDate('.my-datepicker', moment());
let momentInstance = await getSelectedDate('.my-datepicker');

await selectTime('.my-timepicker', moment());
let momentInstance = await getSelectedTime('.my-timepicker');

await selectDateTime('.my-date-time-picker', moment());

await selectDateRange('.my-datepicker', dateFrom, dateTo);

For more detailed instructions and examples, please visit the documentation.

Ember Date Components

An Ember add-on which provides pure Ember-based date picker components.

Ember Date Components Info

⭐ Stars 35
🔗 Homepage mydea.github.io
🔗 Source Code github.com
🕒 Last Update a year ago
🕒 Created 5 years ago
🐞 Open Issues 14
➗ Star-Issue Ratio 3
😎 Author mydea