Ember-daypicker NPM

ember-daypicker

ember-daypicker is a simple datepicker component for ember.js. It's built using moment.js; there are no external datepicker libraries. There's basic keyboard support, too.

Here's an introduction to it (with examples).

Ember.js v2.18 or above
Ember CLI v2.13 or above

ember install ember-daypicker

Usage

You get a component en-daypicker-input that be used as such:

  {{en-daypicker-input
    date=date
    on-select=(action 'didSelectDate')
  }}

It uses moment.js everywhere, so you should pass in a moment object as the date attr, and when you handle the on-select action, you should also expect a moment object to be sent back to you.

Optionally, you can also provide the format attribute that will control how the selected date gets shown in the input field. By default, it is MMM D which would be something like Mar 10.

You can disable dates before or after a certain date by passing in the minDate or the maxDate attributes.

Last, you can provide the placeholder attribute to change the placeholder text that the datepicker input displays. You can also use the isFocused attribute to decide whether the datepicker is shown by default or not.