ember-power-calendar-luxon

Date manipulation, formatting and parsing is too complex for ember-power-calendar to reinvent, so it has to rely on other well tested libraries for that.

This is the addon that exposes the utils used internally by ember-power-calendar, using Luxon.js underneath, a lighter (and arguably with a nicer API) alternative to moment.js that leverages the browser's Intl API for localization.

You will want to install this addon if you already use luxon in your application already, or if luxon is your preferred date manipulation library.

Compatibility

Ember.js v3.28 or above
Embroider or ember-auto-import 2.0

Installation

ember install ember-power-calendar-luxon

Add the following lines into you app/app.js to register this meta addon to ember-power-calendar

import { registerDateLibrary } from 'ember-power-calendar';
import DateUtils from 'ember-power-calendar-luxon';

registerDateLibrary(DateUtils);

Setup for Embroider

The luxon package has conditional exports, which will not correctly handled in app. Cause of this issue, there are two different instance of luxon inside the app. The app imports CommonJs package but embroider force the import of ESModule. This means that luxon settings which you are setting inside your app are not synced with addon.

To fix this issue, you need to add this lines in embroider options. This force the import always to ESModule and so you have only one luxon instance inside your app.

const path = require('path');

return require('@embroider/compat').compatBuild(app, Webpack, {
  packagerOptions: {
    webpackConfig: {
      resolve: {
        alias: {
          luxon: path.resolve(__dirname, 'node_modules/luxon/build/node/luxon.js'),
        },
      },
    },
  },
});