https://github.com/mydea/ember-date-components

An Ember add-on which provides pure Ember-based date picker components.
https://github.com/mydea/ember-date-components

date date-picker date-range-picker datepicker daterange ember time-picker timepicker

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/mydea/ember-date-components
• Owner: mydea
• License: mit
• Created: 2016-05-09T20:06:28.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T03:27:52.000Z (almost 2 years ago)
• Last Synced: 2024-11-26T13:43:11.495Z (2 months ago)
• Topics: date, date-picker, date-range-picker, datepicker, daterange, ember, time-picker, timepicker
• Language: JavaScript
• Homepage: http://mydea.github.io/ember-date-components/
• Size: 5.6 MB
• Stars: 36
• Watchers: 1
• Forks: 23
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ember-date-components

[![Build Status](https://travis-ci.org/mydea/ember-date-components.svg?branch=master)](https://travis-ci.org/mydea/ember-date-components)

[![Ember Observer Score](https://emberobserver.com/badges/ember-date-components.svg)](https://emberobserver.com/addons/ember-date-components)

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

## Compatibility

* Ember.js v3.16 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

```hbs

```

```hbs

```

```hbs

```

```hbs

```

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:

```js

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](http://mydea.github.io/ember-date-components/).