Angular Date Time 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:npm install @danielmoncada/angular-datetime-picker-dayjs-adapter --save

2. 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 and here
• Online demos (StackBlitz) are here and here

License

• License: MIT

Author

Maintained and updated by Daniel Moncada, original implementatiom by Daniel Pan