https://github.com/danielmoncada/date-time-picker-dayjs-adapter
Day.js adapter for https://github.com/danielmoncada/date-time-picker
https://github.com/danielmoncada/date-time-picker-dayjs-adapter
angular date-time-picker datepicker dayjs timepicker
Last synced: about 2 months ago
JSON representation
Day.js adapter for https://github.com/danielmoncada/date-time-picker
- Host: GitHub
- URL: https://github.com/danielmoncada/date-time-picker-dayjs-adapter
- Owner: danielmoncada
- License: mit
- Created: 2022-01-08T21:54:05.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-11-27T06:37:46.000Z (over 1 year ago)
- Last Synced: 2025-10-05T11:27:45.875Z (6 months ago)
- Topics: angular, date-time-picker, datepicker, dayjs, timepicker
- Language: TypeScript
- Homepage:
- Size: 806 KB
- Stars: 4
- Watchers: 1
- Forks: 6
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Angular Date Time Picker (DayJs Adapter)
========================
[](https://www.npmjs.com/package/@danielmoncada/angular-datetime-picker-dayjs-adapter)
[](https://www.npmjs.com/package/@danielmoncada/angular-datetime-picker-dayjs-adapter)
**Angular date time picker - DayJs Adpater**
**The current version of this package supports Angular 17**
If you need support for other Angular version, see *Breaking Changes* below.
Breaking Changes
-------
- Version 3.x.x >= no longer supports ng 16 - 13. If you need ng 16-13 support, stick with version 2.x.x.
Description
-------
This is a DayJs adapter to be used with the following date time picker control:
https://github.com/danielmoncada/date-time-picker
How to Use
-------
1. Install with [npm](https://www.npmjs.com):`npm install @danielmoncada/angular-datetime-picker-dayjs-adapter --save`
2.
```typescript
import { NgModule } from '@angular/core';
import { OwlDateTimeModule, OWL_DATE_TIME_FORMATS} from '@danielmoncada/angular-datetime-picker;
import { OwlDayJsDateTimeModule } from '@danielmoncada/angular-datetime-picker-dayjs-adapter';
// See the Day.js docs for the meaning of these formats:
// https://day.js.org/docs/en/display/format
export const MY_DAYJS_FORMATS = {
parseInput: 'l LT',
fullPickerInput: 'l LT',
datePickerInput: 'l',
timePickerInput: 'LT',
monthYearLabel: 'MMM YYYY',
dateA11yLabel: 'LL',
monthYearA11yLabel: 'MMMM YYYY',
};
@NgModule({
imports: [OwlDateTimeModule, OwlDayJsDateTimeModule],
providers: [
{provide: OWL_DATE_TIME_FORMATS, useValue: MY_DAYJS_FORMATS},
],
})
export class AppExampleModule {
}
```
Dependencies
-------
- dayjs
- @danielmoncada/angular-datetime-picker
- tslib
Demo
-------
- Online doc is [here](https://daniel-projects.firebaseapp.com/owlng/date-time-picker) and [here](https://danielykpan.github.io/date-time-picker/)
- Online demos (StackBlitz) are [here](https://stackblitz.com/edit/angular-vvp849) and [here](https://stackblitz.com/edit/angular-i7ykf5)
License
-------
* License: MIT
Author
-------
**Maintained and updated by Daniel Moncada, original implementatiom by Daniel Pan**