[](https://www.npmjs.com/package/ngx-material-luxon)
[](https://www.npmjs.com/package/ngx-material-luxon)
[](LICENSE)
[](CONTRIBUTING.md#-commit-message-guidelines)
[](https://github.com/andreialecu/ngx-material-luxon/pulls)
[](https://github.com/prettier/prettier)
[](#contributors-)
> Luxon Date Adapter for Angular Material
Credits for most of this go to [crisbeto](https://github.com/crisbeto) in https://github.com/angular/components/pull/14681.
Original PR has been left unmerged due to https://github.com/angular/components/pull/14681#issuecomment-457685311
## Features
- ✅ Drop an import in your `@NgModule` and enjoy Luxon `DateTime` objects
## Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [FAQ](#faq)
## Installation
### NPM
`npm install ngx-material-luxon --save`
### Yarn
`yarn add ngx-material-luxon`
## Usage
```ts
import { MatLuxonDateModule } from 'ngx-material-luxon';
@NgModule({
imports: [MatLuxonDateModule]
})
class AppModule { }
```
## FAQ
### Specifying the first day of the week
Luxon does not support have built-in support for returning the first day of the week of the current locale. However, the library allows overriding it via an optional hook.
Example:
```ts
const firstDayOfWeek = (locale: string) => {
// 0 = Sunday, 1 = Monday, etc
return 1;
}
@NgModule({
imports: [LuxonDateModule],
providers: [
{
provide: MAT_LUXON_DATE_ADAPTER_OPTIONS,
useValue: { firstDayOfWeek },
},
],
})
```
For most apps, a simple return like above is probably fine. For more complex apps, you can use a third party library like: [weekstart](https://npmjs.com/package/weekstart)
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
---
_Source: https://npm.io/package/ngx-material-luxon · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
